/* Rolex CSS */
/*
    1. Farben
    2. Layout
    3. Typografie
    4. Call to Action
*/

@font-face {
    font-family: 'hel_lghlight';
    src: url('../fonts/HelveticaNowText-Light.woff2') format('woff2'),
         url('../fonts/HelveticaNowText-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hel_bldbold';
    src: url('../fonts/HelveticaNowText-Bold.woff2') format('woff2'),
         url('../fonts/HelveticaNowText-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hel_regregular';
    src: url('../fonts/HelveticaNowText-Regular.woff2') format('woff2'),
         url('../fonts/HelveticaNowText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'georg_regregular';
    src: url('../fonts/georg_reg-webfont.woff2') format('woff2'),
         url('../fonts/georg_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**********************
    1. Farben
**********************/

/* Rolex Farbpalette */

.color-rolex-green {
    color: #006039;
}

.color-green {
    color: #127749;
}

.color-ocean-green {
    color: #9BF9CE;
}

.color-brown {
    color: #452C1E;
}

.color-black {
    color: #212121;
}

.color-dark-grey {
    color: #767676;
}

.color-grey {
    color: #D4D4D4;
}

.color-beige {
    color: #F4EFEA;
}

.color-light-beige {
    color: #F9F7F4;
}

.color-white {
    color: #FFFFFF;
}

.bg-color-rolex-green {
    background-color: #006039;
}

.bg-color-green {
    background-color: #127749;
}

.bg-color-ocean-green {
    background-color: #9BF9CE;
}

.bg-color-brown {
    background-color: #452C1E;
}

.bg-color-black {
    background-color: #212121;
}

.bg-color-dark-grey {
    background-color: #767676;
}

.bg-color-grey{
    background-color: #D4D4D4;
}

.bg-color-beige {
    background-color: #F4EFEA;
}

.product-item .bg-color-beige {
    background-color: #F4EFEA;
    transition: all .8s;
}

.product-item:hover .bg-color-beige {
    background-color: #f0ebe7;
    transition: all .8s;
}

.bg-color-light-beige {
    background-color: #F9F7F4;
}

.bg-color-white {
    background-color: #FFFFFF;
}

.navgradient {
    background: #0b3e27;
    background: linear-gradient(90deg, #0b3e27 0%, #197149 100%);
}


.custom-tooltip {
  --bs-tooltip-bg: #ffffff;
  --bs-tooltip-color: #212121;
  --bs-tooltip-opacity: 1;
}
.tooltip-inner {
    max-width: 465px!important;
    text-align: left;
    font-family: 'hel_lghlight';
    font-size: 14px;
    font-weight: lighter;
    line-height: 1.2;
    padding: 15px;
}


/**********************
    2. Layout
**********************/

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.container {
    max-width: 86vw;
    width: 86vw;
    margin-left: auto;
    margin-right: auto;
}
.container-md {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-left: 0;
}
.gx-1 {
    --bs-gutter-x: 6px!important;
}

@media (min-width: 768px) {  
    .container,
    .container-md {
    max-width: 84vw;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
    }
    .gx-1 {
        --bs-gutter-x: 8px;
    }
    .container-md {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}


.space-xl-y{
    padding-top: 10vh!important;
    padding-bottom: 10vh!important;
}
.space-xl-t{
    padding-top: 10vh!important;
}
.space-xl-b{
    padding-bottom: 10vh!important;
}
.space-sm-y{
    padding-top: 5vh!important;
    padding-bottom: 5vh!important;
}
.space-sm-t{
    padding-top: 5vh!important;
}
.space-sm-b{
    padding-bottom: 5vh!important;
}
.space-0{
    padding-top: 0vh!important;
    padding-bottom: 0vh!important;
}



.py-10vh {
    padding-top: 10vh!important;
    padding-bottom: 10vh!important;
}

.mb-10vh {
    margin-bottom: 10vh!important;
}
.mt-10vh {
    margin-top: 10vh!important;
}
.mb-5vh {
    margin-bottom: 5vh!important;
}

.pt-10vh {
    padding-top: 10vh!important;
}

.pb-10vh {
    padding-bottom: 10vh!important;
}


@media (max-width: 991px) {





        .space-xl-y{
            padding-top: 7vh!important;
            padding-bottom: 7vh!important;
        }
        .space-xl-t{
            padding-top: 7vh!important;
        }
        .space-xl-b{
            padding-bottom: 7vh!important;
        }




    .py-10vh {
        padding-top: 7vh!important;
        padding-bottom: 7vh!important;
    }

    .mb-10vh {
        margin-bottom: 7vh!important;
    }
    .mt-10vh {
        margin-top: 7vh!important;
    }
    .mb-5vh {
        margin-bottom: 5vh!important;
    }

    .pb-10vh {
        padding-bottom: 7vh!important;
    }


}




#rolex_site .accordion {
    --bs-accordion-color: #212121;
    --bs-accordion-bg: transparent;
}

#rolex_site .accordion-button:not(.collapsed) {
    color: #212121;
    background-color: transparent;
}

#rolex_site .accordion-button:not(.collapsed)::after {
    background-image: url('../images/more-list-black-button.png');
    background-size: 15px 15px;
    transform: none;
}

#rolex_site .accordion-button::after {
    width: 15px;
    height: 15px;
    background-image: url('../images/less-list-black-button.png');
    background-size: 15px 15px;
}


.size60 {
    width: 60px;
    height: 60px;
}

a.hoverzoom {
    display: block;
    overflow: hidden;
}
a.hoverzoom img{
    transition: transform .8s;
}


a.hoverzoom:hover img{
    transform: scale(1.1);

}


/* SliderExploreMore auf DEtailseite */
#SliderExploreMore .f-carousel__slide {
    width: calc(100% / 2);
  }
@media (min-width: 768px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc(100% / 2);
    }
}
@media (min-width: 992px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc(100% / 3);
    }  
}
@media (min-width: 1200px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc(100% / 3);
    }
}
@media (min-width: 1400px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc(100% / 4);
    }
} 

.watch-container {
  position: relative;
  display: inline-block;
}

.watch-container img {
  opacity: 0;
}

.watch-container canvas {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; /* Bild bleibt klickbar */
  width: 100%;
  height: auto;
}


.rolexproducts .product {
  display: none;
}
.rolexproducts .product.visible {
  display: block;
}



.pbottomNull p {
    margin-bottom: 0!important;
}

/**********************
    3. Typografie
**********************/




#rolex_site {
    font-family: 'hel_regregular';
    color: #212121!important;
    font-size: 16px!important;
    line-height: 27px!important;
    letter-spacing: 0!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
}

.h1reset {
    line-height: unset!important;
    font-weight: unset!important;
}

.headline70{
    font-family: 'hel_bldbold';
    font-size: 36px;
    font-weight: normal;
    line-height: 1.1;
}
.headline50{
    font-family: 'hel_bldbold';
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2;
}
.headline36{
    font-family: 'hel_bldbold';
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
}
.headline30{
    font-family: 'hel_bldbold';
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
}
.headline26{
    font-family: 'hel_bldbold';
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
}
.body24bold{
    font-family: 'hel_bldbold';
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
}
.body24light{
    font-family: 'hel_lghlight';
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
}
.body20light strong,
.body20bold{
    font-family: 'hel_bldbold';
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6;
}
.body20light{
    font-family: 'hel_lghlight';
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6;
}
.keepexplo20bold{
    font-family: 'hel_bldbold';
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
}
.legend16bold{
    font-family: 'hel_bldbold';
    font-size: 12px;
    font-weight: normal;
    line-height: 1.1;
}
.legend16light{
    font-family: 'hel_lghlight';
    font-size: 12px;
    font-weight: normal;
    line-height: 1.1;
}
.legend14bold{
    font-family: 'hel_bldbold';
    font-size: 10px;
    font-weight: normal;
    line-height: 1.1;
}
.fixed22{
    font-family: 'hel_bldbold';
    font-size: 22px;
    font-weight: normal;
    line-height: 1.6;
}
.fixed16{
    font-family: 'hel_bldbold';
    font-size: 16px;
    font-weight: normal;
    line-height: 1.1;
}
.fixed14{
    font-family: 'hel_bldbold';
    font-size: 14px;
    font-weight: normal;
    line-height: 1.1;
}
.quote50{
    font-family: 'georg_regregular', serif!important;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.3;
}
@media (min-width: 768px) and (max-width: 991px) {
    .headline70{
        font-family: 'hel_bldbold';
        font-size: 46px;
        font-weight: normal;
        line-height: 1.1;
    }
    .headline50{
        font-family: 'hel_bldbold';
        font-size: 36px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline36{
        font-family: 'hel_bldbold';
        font-size: 28px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline30{
        font-family: 'hel_bldbold';
        font-size: 23px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline26{
        font-family: 'hel_bldbold';
        font-size: 23px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline24{
        font-family: 'hel_bldbold';
        font-size: 20px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body24light{
        font-family: 'hel_lghlight';
        font-size: 20px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body20light strong,
    .body20bold{
        font-family: 'hel_bldbold';
        font-size: 19px;
        font-weight: normal;
        line-height: 1.6;
    }
    .body20light{
        font-family: 'hel_lghlight';
        font-size: 19px;
        font-weight: normal;
        line-height: 1.6;
    }
    .keepexplo20bold{
        font-family: 'hel_bldbold';
        font-size: 19px;
        font-weight: normal;
        line-height: 1.2;
    }
    .legend16bold{
        font-family: 'hel_bldbold';
        font-size: 13px;
        font-weight: normal;
        line-height: 1.1;
    }
    .legend16light{
        font-family: 'hel_lghlight';
        font-size: 13px;
        font-weight: normal;
        line-height: 1.1;
    }
    .legend14bold{
        font-family: 'hel_bldbold';
        font-size: 11px;
        font-weight: normal;
        line-height: 1.1;
    }
    .fixed22{
        font-family: 'hel_bldbold';
        font-size: 22px;
        font-weight: normal;
        line-height: 1.6;
    }
    .fixed16{
        font-family: 'hel_bldbold';
        font-size: 16px;
        font-weight: normal;
        line-height: 1.1;
    }
    .fixed14{
        font-family: 'hel_bldbold';
        font-size: 14px;
        font-weight: normal;
        line-height: 1.1;
    }
    .quote50{
        font-family: 'georg_regregular', serif!important;
        font-size: 32px;
        font-weight: normal;
        line-height: 1.3;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .headline70{
        font-family: 'hel_bldbold';
        font-size: 56px;
        font-weight: normal;
        line-height: 1.1;
    }
    .headline50{
        font-family: 'hel_bldbold';
        font-size: 42px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline36{
        font-family: 'hel_bldbold';
        font-size: 32px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline30{
        font-family: 'hel_bldbold';
        font-size: 26px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline26{
        font-family: 'hel_bldbold';
        font-size: 25px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body24bold{
        font-family: 'hel_bldbold';
        font-size: 22px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body24light{
        font-family: 'hel_lghlight';
        font-size: 22px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body20light strong,  
    .body20bold{
        font-family: 'hel_bldbold';
        font-size: 19px;
        font-weight: normal;
        line-height: 1.6;
    }
    .body20light{
        font-family: 'hel_lghlight';
        font-size: 19px;
        font-weight: normal;
        line-height: 1.6;
    }
    .keepexplo20bold{
        font-family: 'hel_bldbold';
        font-size: 19px;
        font-weight: normal;
        line-height: 1.2;
    }
    .legend16bold{
        font-family: 'hel_bldbold';
        font-size: 15px;
        font-weight: normal;
        line-height: 1.1;
    }
    .legend16light{
        font-family: 'hel_lghlight';
        font-size: 15px;
        font-weight: normal;
        line-height: 1.1;
    }
    .legend14bold{
        font-family: 'hel_bldbold';
        font-size: 13px;
        font-weight: normal;
        line-height: 1.1;
    }
    .fixed22{
        font-family: 'hel_bldbold';
        font-size: 22px;
        font-weight: normal;
        line-height: 1.6;
    }
    .fixed16{
        font-family: 'hel_bldbold';
        font-size: 16px;
        font-weight: normal;
        line-height: 1.1;
    }
    .fixed14{
        font-family: 'hel_bldbold';
        font-size: 14px;
        font-weight: normal;
        line-height: 1.1;
    }
    .quote50{
        font-family: 'georg_regregular', serif!important;
        font-size: 40px;
        font-weight: normal;
        line-height: 1.3;
    }

}
@media (min-width: 1200px) {
    .headline70{
        font-family: 'hel_bldbold';
        font-size: 70px;
        font-weight: normal;
        line-height: 1.1;
    }
    .headline50{
        font-family: 'hel_bldbold';
        font-size: 50px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline36{
        font-family: 'hel_bldbold';
        font-size: 36px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline30{
        font-family: 'hel_bldbold';
        font-size: 30px;
        font-weight: normal;
        line-height: 1.2;
    }
    .headline26{
        font-family: 'hel_bldbold';
        font-size: 26px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body24bold{
        font-family: 'hel_bldbold';
        font-size: 24px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body24light{
        font-family: 'hel_lghlight';
        font-size: 24px;
        font-weight: normal;
        line-height: 1.2;
    }
    .body20light strong,
    .body20bold{
        font-family: 'hel_bldbold';
        font-size: 20px;
        font-weight: normal;
        line-height: 1.6;
    }
    .body20light{
        font-family: 'hel_lghlight';
        font-size: 20px;
        font-weight: normal;
        line-height: 1.6;
    }
    .keepexplo20bold{
        font-family: 'hel_bldbold';
        font-size: 20px;
        font-weight: normal;
        line-height: 1.2;
    }
    .legend16bold{
       font-family: 'hel_bldbold';
        font-size: 16px;
        font-weight: normal;
        line-height: 1.1;
    }
    .legend16light{
        font-family: 'hel_lghlight';
        font-size: 16px;
        font-weight: normal;
        line-height: 1.1;
    }
    .legend14bold{
        font-family: 'hel_bldbold';
        font-size: 14px;
        font-weight: normal;
        line-height: 1.1;
    }
    .fixed22{
        font-family: 'hel_bldbold';
        font-size: 22px;
        font-weight: normal;
        line-height: 1.6;
    }
    .fixed16{
        font-family: 'hel_bldbold';
        font-size: 16px;
        font-weight: normal;
        line-height: 1.1;
    }
    .fixed14{
        font-family: 'hel_bldbold';
        font-size: 14px;
        font-weight: normal;
        line-height: 1.1;
    }
    .quote50{
        font-family: 'georg_regregular', serif!important;
        font-size: 50px;
        font-weight: normal;
        line-height: 1.3;
    }
}

/**********************
    4. Call to Action
**********************/

.icon-details {
    width: auto;
    height: 36px;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: center left;
    color: #452C1E;
    padding-left: 50px;
    margin-bottom: 8px;
}
.icon-details:hover {
    color: #006039;
}

.icon-details.phone {
    background-image: url('../images/phone-brown-button.png');
}
.icon-details.phone:hover {
    background-image: url('../images/phone-green-button.png');
}

.icon-details.message {
    background-image: url('../images/mail-brown-button.png');
}
.icon-details.message:hover {
    background-image: url('../images/mail-green-button.png');
}
.icon-details.kontakt {
    background-image: url('../images/find-us-brown-button.png');
}
.icon-details.kontakt:hover {
    background-image: url('../images/find-us-green-button.png');
}

@media (max-width: 991px) {
    .icon-details span {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .icon-details.phone {
        background-position: center right;
    }

}




a.rolexreadon,
button.rolexreadon {
    border-radius: 22px;
    display: inline-block;
    padding: 0 30px 0 30px;
    height: 44px;
    font-family: 'hel_bldbold';
    font-size: 14px;
    font-weight: normal;
    line-height: 44px;
    background-color: #127749;
    color: #ffffff;
}

a.rolexreadon:hover,
button.rolexreadon:hover {
    background-color: #006039;
    color: #ffffff;
}

button.rolexreadon {
    width: auto;
    border: none;
}



a.rolexreadon.download-icon {
    background-image: url('../images/download-white-button.png');
    background-repeat: no-repeat;
    background-position:  22px center;
    padding-left: 50px;
}


.secondarycta {
    font-family: 'hel_bldbold';
    font-size: 14px;
    font-weight: normal;
    color: #127749;
    display: inline-block;
    padding: 0 25px 0 0;
    background-image: url('../images/arrow-green-button.png');
    background-repeat: no-repeat;
    background-position: 100% center;

}

.secondarycta:hover {
    color: #212121;
    background-image: url('../images/arrow-brown-button.png');

}


/**********************
    5. Slider
**********************/


/* SliderExploreMore auf Detailseite */
#SliderExploreMore .f-carousel__slide {
    width: calc((100% - 8px) / 2);
  }
@media (min-width: 768px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc((100% - 8px)/ 2);
    }
}
@media (min-width: 992px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc((100% - 16px) / 3);
    }  
}
@media (min-width: 1200px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc((100% - 16px) / 3);
    }
}
@media (min-width: 1400px) {
    #SliderExploreMore .f-carousel__slide {
        width: calc((100% - 24px) / 4);
    }
} 



.f-carousel-button {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid #ffffff;
    cursor: pointer;
    position: absolute;
    z-index: 500;
    top: calc(50% - 22px);
    transition: all 1.8s;
}

#SliderExploreMoreprevBtn.f-carousel-button.prev:hover,
#SliderRolexLandingprevBtn.f-carousel-button.prev:hover,
#SliderExploreMoreprevBtn.f-carousel-button.next:hover,
#SliderRolexLandingnextBtn.f-carousel-button.next:hover {
    background-image: url(../images/next-light-mode-hover-button.png);
    transition: all 1.8s;
}




#SliderExploreMoreprevBtn.f-carousel-button {
    left: -50px;
    background-image: url(../images/next-light-mode-default-button.png);
    rotate: 180deg;
    transition: all 1.8s;
}
#SliderExploreMorenextBtn.f-carousel-button.next {
    right: -50px;
    background-image: url(../images/next-light-mode-default-button.png);
    rotate: 0deg;
    transition: all 1.8s;
}




#SliderRolexLandingprevBtn.f-carousel-button {
    left: 50px;
    background-image: url(../images/next-light-mode-default-button.png);
    rotate: 180deg;
    transition: all 1.8s;
}
#SliderRolexLandingnextBtn.f-carousel-button.next {
    right: 50px;
    background-image: url(../images/next-light-mode-default-button.png);
    rotate: 0deg;
    transition: all 1.8s;
}







@media (max-width: 991px) {
    .f-carousel-button {
        display: none;
    }
}



.fancybox__viewport {
    height: calc(100% - 120px);
    top: 120px;
    position: absolute;
}

.fancybox__backdrop {
    background-color: #fefaf9;
}

.fancybox__toolbar__column.is-middle,
.fancybox__toolbar__column.is-left {
    display: none!important;
}
.fancybox__toolbar__column.is-right {
    position: absolute;
    top: 120px;
    left: calc(100% - 44px - 20px)!important;
}


.f-thumbs__slide__button{
    background-color: #D4D4D4;
    height: 6px;
    border-radius: 3px;

}
.is-nav-selected .f-thumbs__slide__button{
    background-color: #006039;
    height: 6px;
    border-radius: 3px;

}

.f-thumbs__slide.for-image {
    height: 50px;
}

.f-thumbs__slide.for-image img {
 opacity: 0;
}

.f-button.is-prev {
    background-color: transparent;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid #ffffff;
    cursor: pointer;
    background-image: url(../images/next-light-mode-default-button.png);
    rotate: 180deg;
}
.f-button.is-next {
    background-color: transparent;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid #ffffff;
    cursor: pointer;
    background-image: url(../images/next-light-mode-default-button.png);
    rotate: 0deg;
}

.fancybox__toolbar__column.is-right .f-button {
    background-color: transparent;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid #ffffff;
    cursor: pointer;
    background-image: url(../images/close.png);
    rotate: 0deg;
}

.f-button svg {
 display: none;
}



.f-carousel__dots li.is-current button{
    background-color: transparent;
    width: 96px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.f-carousel__dots li button{
    background-color:transparent;
    width: 46px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.f-carousel__dots li.is-current button span{
    background-color: #006039;
    width: 96px;
    height: 6px;
    border-radius: 3px;
}

.f-carousel__dots li button span{
    background-color: #767676;
    width: 46px;
    height: 6px;
    border-radius: 3px;
    margin: 0 4px 0 4px;
}


#SliderRolexLanding .f-carousel__dots {
    bottom:30px
}


.slider-text-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(100px, -50%);
    text-align: left;
    width: calc(50% - 250px);
}

@media (max-width: 991px) {
    .slider-text-absolute {
        position: absolute;
        top: calc(100% - 50px);
        left: 10%;
        transform: translate(0%, -120%);
        text-align: left;
        width: 80%;
    }
}



.rolexnav li{
    margin-right: 1vw;
}
.rolexnav li:last-child {
    margin-right: 0;
}

.rolexnav li.current a,
.rolexnav li a:hover {
    color: #9BF9CE!important;
    text-decoration: none;
    transition: color .8s;
}

.rolex-logo {
    margin-right: 45px;
}

/* Benutzerdefinierter Breakpoint bei max-width: 1570px */
@media (max-width: 1570px) {
  .navbar-expand-custom .navbar-collapse {
    display: none !important;
  }

  .navbar-expand-custom .navbar-toggler {
    display: block;
  }
}

@media (min-width: 1571px) {
  .navbar-expand-custom .navbar-collapse {
    display: flex !important;
  }

  .navbar-expand-custom .navbar-toggler {
    display: none;
  }
}


.navbar-toggler {
    border: none;
    background-color: transparent;
    background-image: url(../images/icon-arrow-down-2024.svg);
    background-repeat: no-repeat;
    background-position: right 8px ;
    background-size: 12px auto;
    padding: 0 20px 0 0;

}

.navbar-toggler:not(.collapsed) {
    background-image: url(../images/icon-arrow-up-2024.svg);
    background-repeat: no-repeat;
    background-position: right 8px ;
    background-size: 12px auto;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../images/arrow-white-button.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0;
    color: var(--bs-breadcrumb-divider-color);
    content: '';
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
}


.itemid-102 .pfadrow{
    display: none;
}




.rsform-block-header p {
    width: 70%;
    margin-left: 15%;
}

@media (max-width: 991px) {
    .rsform-block-header p {
    width: auto;
    margin-left: 0;
    }
}

.form-label {
    display: none;
}

#rsform_2_page_0 .rsform-type-freetext,
#rsform_2_page_1 .rsform-block-header-2{
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#rsform_2_page_1 .row:not(:first-child) {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#rsform_2_page_0 textarea {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;    
    padding: 20px;
    min-height: 260px;
    border-radius: 0;
    background-color:#ffffff ;
    border: 2px solid transparent;
}

#rsform_2_page_0 textarea:focus {
    border: 2px solid #127749;
}

#rsform_2_page_0 .rsform-type-pagebreak {
    text-align: center;
}


#rsform_2_page_1 select,
#rsform_2_page_1 input:not([type="checkbox"]) {
    background-color: transparent;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #b0a69d;
    font-family: 'hel_bldbold';
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6;
    color: #212121;  
}

/* Placeholder text styling */
#rsform_2_page_0 ::placeholder {
    color: #212121;
    font-family: 'hel_lghlight';
    opacity: 1;
}
#rsform_2_page_1 ::placeholder {
    color: #212121;
    font-family: 'hel_bldbold';
    opacity: 1;
}


/* Custom round checkbox style */
input[type="checkbox"].rsform-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #D4D4D4;
    background: transparent;
    outline: none;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: background 0.2s, border-color 0.2s;
}

input[type="checkbox"].rsform-checkbox:checked {
    background: #127749;
    border-color: #127749;
}

input[type="checkbox"].rsform-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    border-radius: 1px;
    transform: rotate(45deg);
    display: block;
}


.mb-3.rsform-type-checkboxgroup {
    margin-bottom: 0px!important;
}


.rsform-button.btn{
    border-radius: 22px;
    display: inline-block;
    padding: 0 50px 0 30px;
    height: 44px;
    font-family: 'hel_bldbold';
    font-size: 14px;
    font-weight: normal;
    line-height: 44px;
    background-color: #127749;
    color: #ffffff;
    text-transform: none;
    background-image: url(../images/arrow-white-button.png);
    background-position: calc(50% + 25px) center;
    background-repeat: no-repeat;
    background-size: 15px 15px;    
}

.rsform-button.btn:hover{
    background-color: #006039;
    color: #ffffff;
}

#rsform_2_page_1 #SendenPrev {
    display: none;
}

#rsform_2_page_1 .rsform-button-prev {
    background-color: transparent;
    display: inline-block;
    border: none;
    padding: 0 0 0 25px;
    background-image: url(../images/arrow-black-back.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px 15px;     
}


.rsform-submit-button.btn,
.readonbutton {
    border-radius: 22px;
    display: inline-block;
    padding: 0 30px 0 30px;
    height: 44px;
    font-family: 'hel_bldbold';
    font-size: 14px;
    font-weight: normal;
    line-height: 44px;
    background-color: #127749!important;
    color: #ffffff;
    text-transform: none;
}


.rsform-submit-button.btn:hover,
.readonbutton:hover {
    background-color: #006039;
    color: #ffffff;
}

.rsform-block-senden {
    text-align: center;
    margin-top: 30px;
}



#rolex_site .inner {
    margin-left: 10%!important
}

#rolex_site .rlx-retailer-address {

}
#rolex_site .opening-hours li.today {
 color: #000
}

#rolex_site .opening-hours li.today .pull-right{
    color: #127749
   }



#rolex_site .opening-hours li:not(.today) {
display: none!important
}


#rolex_site .translate {
    min-width: 300px!important; 
    transform: translate3d(0px, 23px, 0px)!important;
}

#rolex_site .store-contact-icons {
    list-style: none;
    margin-left: 15px;
}

.inaktiverSlider {
    pointer-events: none;
    color: #127749 !important;
}
.hoverzoomfluid img {
    width: 100%;
    height: auto;
}


.rolex-footer .logorow {
    border-bottom:1px solid rgba(255, 255, 255, 0.4);
    height: 160px;
}

.rolex-footer .iconrow {
    height: 80px;
}

.rolex-footer .iconrow a{
    color: #ffffff;
}
.rolex-footer .iconrow a:hover{
    color: #9BF9CE;
}

.rolex-footer a .btp-icon {
    width: 15px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/footer-back-to-top.png);
}
.rolex-footer a:hover .btp-icon {
    background-image: url(../images/footer-back-to-top-hover.png);
}

.rolex-footer .rolex-logo {
    width: 40px;
    height: auto;
    margin-right: 0;
}

@media (min-width: 1565px) and (max-width: 1760px) {
    .navbar-expand-xxl .nav-item .fixed16 {
        font-size: 14px;
    }
}

@media (min-width: 1400px) and (max-width: 1564px) {
    .navbar-expand-xxl .nav-item .fixed16 {
        font-size: 12px;
    }
}