/*
*
* ==========================================
* #Farben
* ==========================================
*
*/
*{
    margin: 0;
    padding: 0;
}

:root {
    --rolex-green: #006039;
    --green: #127749;
    --ocean-green: #61BD93;
    --brown: #452C1E;
    --black: #212121;
    --black-strong: #000000;
    --dark-grey: #767676;
    --dark-grey-op50: rgba(118, 118, 118, 0.5);
    --dark-grey-op30: rgba(118, 118, 118, 0.3);
    --grey: #D4D4D4;
    --grey-op30: rgba(212, 212, 212, 0.3);
    --beige: #F4EFEA;
    --light-beige: #F9F7F4;
    --white: #FFFFFF;
    --red: #BE0100;
    --white-op80: rgba(255, 255, 255, 0.8);
    --white-op40: rgba(155, 255, 255, 0.4);

    --navigation-gradient: linear-gradient(to right,#0b3e27,#197149);

    --font-weight-bold: 700;
    --font-weight-regular: 400;
    --font-weight-light: 300;
}
body.no-scroll {
    overflow: hidden;
}

.rolex-2024 {
    background-color: var(--light-beige);
    color: var(--black);
}
.rolex-2024 p {
    margin-bottom: unset;
}
.rolex-2024 h1, .rolex-2024 h2, .rolex-2024 h3, .rolex-2024 h4, .rolex-2024 h5{
    word-break: break-word;
}

.rolex-2024 .brown{
    color: var(--brown) !important;
}

.rolex-2024 .green{
    color: var(--green) !important;
}

.rolex-2024 .red{
    color: var(--red) !important;
}
.rolex-2024 .white{
    color: var(--white) !important;
}

.rolex-2024 .black{
    color: var(--black) !important;
}

.rolex-2024 .bg-black-strong{
    background: var(--black-strong) !important;
}

.rolex-2024 .bg-beige{
    background: var(--beige);
}

.rolex-2024 .bg-white{
    background: var(--white);
}

.rolex-2024 .bg-light-beige{
    background: var(--light-beige);
}

.rolex-2024 .text-center{
    text-align: center;
}

.rolex-2024 .text-right{
    text-align: right;
}

.rolex-2024 .mobile-display-none{
    display: block;
}

/*
*
* ==========================================
* #Astra-dazwischen-Funkereien abstellen
* ==========================================
*
*/

.ast-container-fluid {
    padding: 0px;
}

.rolex-2024 button {
    padding: unset;
    padding-top: unset;
    padding-bottom: unset;
}

/*
*
* ==========================================
* #Grid
* ==========================================
*
*/

.rolex-2024 .grid {
    /*width: 100%;*/
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap:0px 8px; margin: 0 8%;
    justify-content: space-between;
}

.rolex-2024 .one {
    grid-column: span 1;
}
.rolex-2024 .two {
    grid-column: span 2;
}
.rolex-2024 .three {
    grid-column: span 3;
}
.rolex-2024 .four {
    grid-column: span 4;
}
.rolex-2024 .five {
    grid-column: span 5;
}
.rolex-2024 .six {
    grid-column: span 6;
}
.rolex-2024 .seven {
    grid-column: span 7;
}
.rolex-2024 .eight {
    grid-column: span 8;
}
.rolex-2024 .nine {
    grid-column: span 9;
}
.rolex-2024 .ten {
    grid-column: span 10;
}
.rolex-2024 .eleven {
    grid-column: span 11;
}
.rolex-2024 .twelve {
    grid-column: span 12;
}


.rolex-2024 .one-one-zero{
    grid-column: span 1;
}

.rolex-2024 .one-two-two{
    grid-column: span 1;
}

.rolex-2024 .two-two-two{
    grid-column: span 2;
}
.rolex-2024 .one-twelve-six{
    grid-column: span 1;
}

.rolex-2024 .two-three-three{
    grid-column: span 2;
}

.rolex-2024 .two-three-six{
    grid-column: span 2;
}

.rolex-2024 .two-four-four{
    grid-column: span 2;
}
.rolex-2024 .three-two-zero{
    grid-column: span 3;
}

.rolex-2024 .three-one-zero{
    grid-column: span 3;
}

.rolex-2024 .three-four-three {
    grid-column: span 3;
}
.rolex-2024 .three-four-six{
    grid-column: span 3;
}
.rolex-2024 .three-five-three{
    grid-column: span 3;
}

.rolex-2024 .three-six-three{
    grid-column: span 3;
}

.rolex-2024 .three-twelve-twelve{
    grid-column: span 3;
}

.rolex-2024 .four-four-three{
    grid-column: span 4;
}
.rolex-2024 .four-four-six{
    grid-column: span 4;
}
.rolex-2024 .four-five-six{
    grid-column: span 4;
}
.rolex-2024 .five-nine-six{
    grid-column: span 5;
}

.rolex-2024 .five-five-six{
    grid-column: span 5;
}

.rolex-2024 .five-six-four{
    grid-column: span 5;
}

.rolex-2024 .six-twelve-twelve{
    grid-column: span 6;
}

.rolex-2024 .five-eight-four{
    grid-column: span 5;
}

.rolex-2024 .five-twelve-six{
    grid-column: span 5;
}

.rolex-2024 .six-eight-six, .rolex-2024 .s{
    grid-column: span 6;
}

.rolex-2024 .six-twelve-six{
    grid-column: span 6;
}

.rolex-2024 .six-ten-six{
    grid-column: span 6;
}
.rolex-2024 .seven-twelve-six{
    grid-column: span 7;
}

.rolex-2024 .nine-six-six {
    grid-column: span 9;
}

.rolex-2024 .nine-twelve-twelve{
    grid-column: span 9;
}

.rolex-2024 .twelve-twelve-six, .rolex-2024 .l{
    grid-column: span 12;
}


/*
* #Bildkomponenten (Dss selbe wie oben drüber... )
*/
.rolex-2024 .xl{
    width: 100vw;
}
.rolex-2024 .m{
    grid-column: span 10;
}



/*
*
* ==========================================
* #Spacer
* ==========================================
*
*/
.rolex-2024 .spacer90{
    height: 90px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer80{
    height: 80px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.rolex-2024 .spacer90-60{
    height: 90px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer90-40{
    height: 90px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer60{
    height: 60px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer50{
    height: 50px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer40{
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.rolex-2024 .spacer40-10{
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer45-40{
    height: 45px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer30{
    height: 30px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.rolex-2024 .spacer20{
    height: 20px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rolex-2024 .spacer15{
    height: 15px;
    margin: 0;
    padding: 0;
}

.rolex-2024 .spacer10{
    height: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.rolex-2024 .spacer5{
    height: 5px;
    margin: 0;
    padding: 0;
    width: 100%;
}

/*
*
* ==========================================
* #Schriftarten
* ==========================================
*
*/
.rolex-2024 .headline70 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 70px;
    line-height: 1.1;
}

.rolex-2024 .headline50 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 50px;
    line-height: 1.2;
}

.rolex-2024 .headline36 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 36px;
    line-height: 1.2;
}

.rolex-2024 .headline30 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 30px;
    line-height: 1.2;
}

.rolex-2024 .headline26 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 26px;
    line-height: 1.2;
}

.rolex-2024 .body24-bold {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 24px;
    line-height: 1.2;
    word-break: break-word;
}

.rolex-2024 .body24-light {
    font-family: Helvetica;
    font-weight: var(--font-weight-light);
    font-size: 24px;
    line-height: 1.2;
}

.rolex-2024 .body20-bold {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 20px;
    line-height: 1.6;
}

.rolex-2024 .body20-light {
    font-family: Helvetica;
    font-weight: var(--font-weight-light);
    font-size: 20px;
    line-height: 1.6;
}

.rolex-2024 .legend16-bold {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 16px;
    line-height: 1.1;
}

.rolex-2024 .legend16-light {
    font-family: Helvetica;
    font-weight: var(--font-weight-light);
    font-size: 16px;
    line-height: 1.1;
}

.rolex-2024 .legend14-bold {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    line-height: 1.1;
}

.rolex-2024 .legend14-light {
    font-family: Helvetica;
    font-weight: var(--font-weight-light);
    font-size: 14px;
    line-height: 1.1;
}

.rolex-2024 .fixed22 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 22px;
    line-height: 1.6;
}

.rolex-2024 .fixed16 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 16px;
    line-height: 1.1;
}

.rolex-2024 .fixed14 {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    line-height: 1.1;
}

.rolex-2024 .quote50 {
    font-family: Georgia;
    font-weight: var(--font-weight-regular);
    font-size: 50px;
    line-height: 1.15;
}

/*
*
* ==========================================
* #Push
* ==========================================
*
*/

    .rolex-2024 .x1-image {
    width: 100%;
    height:auto;
 }


/*
*
* ==========================================
* #Call-to-Action
* ==========================================
*
*/
.rolex-2024 .primary-cta {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    padding-left:30px;
    padding-right:30px;
    height: 44px;
    background: var(--green);
    color: var(--white);
    border-radius: 22px;
    border:0px;
}

.rolex-2024 .primary-cta:hover {
    background:var(--rolex-green);
}
.rolex-2024 .primary-cta.icon > i{
    height: 12px;
    width: 12px;
}

.rolex-2024 .primary-cta.light{
  background:var(--grey);
}

.rolex-2024 .primary-cta.icon > .label{
    margin-right: 8px;
}

.rolex-2024 .secondary-cta {
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    background: transparent;
    border: 0px;
    padding: 0;
    color: var(--green);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.rolex-2024 .cta-icon{
    display:block;
    margin-left: 6px;
    width:12px;
    height:12px; 
}

.rolex-2024 .breadcrumbs .cta-icon{
    /*display:block;*/
    margin-left: 6px;
    margin-right: 6px;
    width:10px;
    height:10px;
}

.rolex-2024 .cta-icon.green{
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/arrow-green-button.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.rolex-2024 .cta-icon.black{
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/arrow-black-button.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.rolex-2024 .cta-icon.brown{
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/arrow-brown-button.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.rolex-2024 .cta-icon.white{
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/arrow-white-button.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.rolex-2024 .cta-icon.reverse {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rolex-2024 .secondary-cta:hover {
    color:var(--rolex-green);
}
.rolex-2024 .secondary-cta.icon > .label{
    margin-right: 6px;
}

.rolex-2024 .tertiary-cta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: Helvetica;
    font-weight: var(--font-weight-bold);
    font-size: 12px;
    background: transparent;
    border: 0px;
    color: var(--brown);
    height: 36px;
    padding:0px;
    margin-left: 8px;
}

.rolex-2024 .tertiary-cta .icon {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    background:var(--light-beige);
    border-radius:100%;
    margin-right:8px;
    height: 36px;
    width: 36px;
}
.rolex-2024 .tertiary-cta > icon > i{
    height: 10px;
    width: 10px;
}

.rolex-2024 .tertiary-cta:hover {
    color:var(--green);
}
.rolex-2024 .round-button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:44px;
    height: 44px;
    display:flex;
    border-radius: 100%;
    border:0px;
}

.rolex-2024 .round-button.dark {
    background: var(--grey-op30);
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/next-dark-mode-default-button.png');
}

.rolex-2024 .round-button.prev {
    transform: scaleX(-1);
}

.rolex-2024 .round-button.light {
    background: var(--grey-op30);
    color:var(--white);
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/next-light-mode-default-button.png');
}


.rolex-2024 .slide-component-button-next.round-button.light, .rolex-2024 .slide-component-button-prev.round-button.light {
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/next-dark-mode-default-button.png');
}


/*.rolex-2024 .round-button.dark > i{*/
/*    !*height: 10px;*!*/
/*    color: var(--brown);*/
/*    width: 10px;*/
/*}*/

.rolex-2024 .round-button.dark:hover {
    /*background: var(--dark-grey-op30);*/
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/next-dark-mode-hover-button.png');
}

.rolex-2024 .round-button.light:hover {
    /*background: var(--dark-grey-op30);*/
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/next-light-mode-hover-button.png');
}

.rolex-2024 .slide-component-button-next.round-button.light:hover, .rolex-2024 .slide-component-button-prev.round-button.light:hover {
    background-image: url('/wp-content/plugins/unimess-rolex-2024/assets/global/png-buttons/next-dark-mode-hover-button.png');
}


.rolex-2024 .round-button.map {
    background: var(--brown);
    color: var(--white);
}

.rolex-2024 .round-button.map > i{
    /*height: 10px;*/
    width: 10px;
}

.rolex-2024 .round-button.map:hover {
    color:var(--white-op80);
}


.rolex-2024 .play-button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:60px;
    height: 60px;
    background: var(--white);
    display:flex;
    border-radius: 100%;
    border:0px;
    color: var(--brown);
}

.rolex-2024 .play-button > i{
    /*height: 10px;*/
    width: 14px;
}

.rolex-2024 .play-button:hover {
    color: var(--green);
}



/*
##########################################################################################################################################################################################
 # Seiten und Element Anpassungen
##########################################################################################################################################################################################
*/



/*
*
* ==========================================
* #Navigation
* ==========================================
*
*/
.rolex-2024 .rolex-navbar-outer {
    background:var(--navigation-gradient);
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*align-items: center;*/
}

.rolex-2024 .rolex-navbar-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;

}

.rolex-2024 .rolex-navbar-inner .logo {
    height: 60px;
    width: 120px;
    min-width: 120px;
}


.rolex-2024 .rolex-navbar-inner .navigation-items li a {
    text-decoration:none;
    color:var(--white);
}

.rolex-2024 .rolex-navbar-inner .navigation-items {
    height: 60px;
    list-style-type:none;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    color: var(--white);
    text-align: right;
}
#open-mobile-menu {
    cursor: pointer;
}
.rolex-2024 .rolex-navbar-inner .navigation-items .menu-item {
    white-space: nowrap;
    color:white;
}


.rolex-2024 .navigation-items .menu-item {
	margin-right: 2.5vw;
}

.rolex-2024 .navigation-items .menu-item:last-of-type {
	margin-right: 0;
}


@media only screen and (max-width: 1560px) {
	.rolex-2024 .navigation-items .menu-item {
		margin-right: 1.5vw;
	}
}

@media only screen and (max-width: 1450px) {
	.rolex-2024 .navigation-items .menu-item {
		margin-right: 1.0vw;
	}
}


.rolex-2024 .navigation-items > .menu, .rolex-2024 .rolex-mobile-menu {
    display:none;
}

.rolex-2024 .navigation-items > a:hover {
    color:var(--ocean-green);
}

.rolex-2024 .navigation-items > a.active {
    color:var(--ocean-green);
}

.rolex-2024 .mobile-nav-item .active {
    color:var(--ocean-green);
}

.rolex-2024 .navigation-items > li > a:hover {
    color:var(--ocean-green);
}

.rolex-2024 .navigation-items > li > a.active {
    color:var(--ocean-green);
}

.rolex-2024 .navigation-items li {
    /*margin-left: 2.5vw;*/
}


.rolex-2024 .navigation-items li {
    /*margin-left: 2.5vw;*/
}
/*
*
* ==========================================
* #Bildkomponente
* ==========================================
*
*/
.rolex-2024 .bild-komponente .image-xl {
    width: 100vw;
}

.rolex-2024 .bild-komponente .image-l img {
    width: 100%;
}

.rolex-2024 .bild-komponente .image-m img {
    width: 100%;
}

.rolex-2024 .bild-komponente .image-s img {
    width: 100%;
}

.rolex-2024 .bild-komponente .image-m .ten {
    margin:0 auto;
}

.rolex-2024 .bild-komponente .image-s .six {
    margin:0 auto;
}
/*.rolex-2024 .bild-komponente .image-m img {*/
/*    width: 100%;*/
/*}*/

/*
*
* ==========================================
* #Kollektionsseiten
* ==========================================
*
*/
.rolex-2024 .rolex-kollektion{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /*justify-content: center;*/
    padding: 0 18% 0 18%;
    margin: 0px 0px 50px 0px;
}
.rolex-2024 .rolex-kollektion-kachel{
    background: var(--beige);
    padding-top: 5%;
    width: 32%;
    margin: 4px;
}
.rolex-2024 .rolex-kollektion-kachel img{
    max-width: 80%;
}
.rolex-2024 .rolex-kollektion-kachel-content{
    padding: 0px 50px 50px 50px;
}

.rolex-2024 .rolex-kollektion-load-more {
    display:flex;
    flex-direction: row;
    justify-content: center;
}

/*
*
* ==========================================
* #Modellseiten (Produkt-Seite)
* ==========================================
*
*/



.rolex-2024 .hide-desktop {
    display:none;
}

.rolex-2024 .rolex-modellseiten{
    /*max-height: 90vh;*/
    height: 90vh;
    /*min-height: 60vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.rolex-2024 .rolex-modellseiten .grid{
    /*height: 100%;*/
    justify-content: space-between;
    align-items: center;
}

.rolex-2024 .rolex-cta-links.grid {
    margin: 0;
}

.rolex-2024 .rolex-cta-link:hover .icon {
    display: none;
}

.rolex-2024 .rolex-cta-link:hover .icon-hover {
    display: block;
}

.rolex-2024 .rolex-cta-link:hover .icon-inactive {
    display: none;
}

.rolex-2024 .rolex-cta-link:hover .icon-active {
    display: block;
}

.rolex-2024 .rolex-modellseiten .rolex-modellseiten-content{
    order: 1;
}
.rolex-2024 .rolex-modellseiten .rolex-modellseiten-image{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*z-index: -1;*/
    order: 2;

}
.rolex-2024 .rolex-modellseiten .rolex-modellseiten-image img{
    /*height: 80%;*/
}

.rolex-2024 .rolex-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.rolex-2024 .rolex-price img {
    cursor: pointer;
}

.rolex-2024 .rolex-price-popup {

    display: none;
    position:absolute;
}

.rolex-2024 .rolex-price-popup-content {
    background:white;
    padding:1em;
}

.rolex-2024 .open-overlay {
    cursor:pointer;
}

.rolex-2024 #close-gallery {
    cursor:pointer;
    position: absolute;
    right: 30px;
    top:30px;
}

.rolex-2024 .rolex-modellseiten .icon-hover {
    display:none;
}

.rolex-2024 .cta-grid .icon, .rolex-2024 .cta-grid .icon-hover {
    margin-right: 0.5em;
}

.rolex-2024 .rolex-modellseiten .rolex-cta-icon:hover .icon {
    display:none;
}

.rolex-2024 .rolex-modellseiten .rolex-cta-icon:hover .icon-hover {
    display:block;
}

.rolex-2024 .first-argument {
    border-top: 1px solid var(--grey);
}

        /*
        *
        * ==========================================
        * #Uhrenmerkmale (Produkt-Seite)
        * ==========================================
        *
        */

    .rolex-2024 .rolex-uhrenmerkmale{
    background: var(--beige);
    margin-bottom: 50px;
}
    .rolex-2024 .rolex-uhrenmerkmale-content{
        grid-column: span 7;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-gap: 0px 8px;
        justify-content: space-between;
        align-items: start;
        margin: 10vh 0px 10vh 0px;
        order: 1;
    }
    .rolex-2024 .rolex-uhrenmerkmale-image{
        order: 2;
        grid-column: span 5;
    }
    .rolex-2024 .rolex-uhrenmerkmale .rolex-uhrenmerkmale-button{
        border-top: 1px solid #452c1e33;
    }



    /*
    *
    * ==========================================
    * #Modellverfuegbarkeit
    * ==========================================
    *
    */

    .rolex-2024 .modellverfuegbarkeit{
        padding: 90px 0px;
    }

    .rolex-2024 .modellverfuegbarkeit p{
        grid-column-start: 4;
        grid-column-end: 10;
    }

    .rolex-2024 .modellverfuegbarkeit img{
        /*margin-bottom: 60px;*/
    }
    .rolex-2024 .modellverfuegbarkeit .logo-image{
        margin-bottom: 60px;
    }




    /*
    *
    * ==========================================
    * #Breadcrumbs
    * ==========================================
    *
    */

    .rolex-2024 .breadcrumbs {
        background:var(--navigation-gradient);
        color:var(--white);
        height: 30px;
    }

    .rolex-2024 .breadcrumb-row {
        display:flex;
        flex-direction: row;
        align-items:center
    }

    .rolex-2024 .breadcrumbs a {
        /*background:var(--navigation-gradient);*/
        color:var(--white);
        height: 30px;
    }

    .rolex-2024 .breadcrumbs a:hover{
        color:var(--ocean-green);
    }

    .rolex-2024 .breadcrumbs span:last-child {
        color:var(--ocean-green);
    }

    .rolex-2024 .breadcrumb-row {
        display:flex;
        flex-direction: row;
        align-items:center
    }

    .rolex-2024 .breadcrumbs .cta-icon{
        margin-left: 6px;
        margin-right: 6px;
        width:10px;
        height:10px;
    }



    /*
    *
    * ==========================================
    * #Footer
    * ==========================================
    *
    */

    .rolex-2024 .rolex-footer{
        background:var(--navigation-gradient) !important;
        color: var(--white);
    }
    .rolex-2024 .rolex-footer .rolex-footer-up{
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .rolex-2024 .rolex-footer .rolex-footer-down #to-top{
        height: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-top: solid 1px var(--white-op40);
        cursor: pointer;
    }

    .rolex-2024 .rolex-footer-down img {
        transform: rotate(-90deg);
        margin-bottom: 10px;
    }


    /*
    *
    * ==========================================
    * #Weiterlesen
    * ==========================================
    *
    */
    .rolex-2024 .weiterlesen-section{
        padding: 90px 0px;
        background-color: var(--white);
    }
    .rolex-2024 .weiterlesen-component {
        margin-top: 20px;
        display:flex;
        flex-direction: row;
        position:relative;
    }

    .rolex-2024 .weiterlesen-wrapper {
        display: flex;
        flex-direction:row;
        align-items:center;
        /*justify-content:center;*/
        /*margin-top:20px;*/
        /*margin-bottom:10px;*/

    }

    .rolex-2024 .weiterlesen .body20-bold {
        margin-top: 10px;
        margin-bottom: 40px;
        color:var(--brown);
    }

    .rolex-2024 .swiper-button-next{
        position:absolute;
        right:50px;
        left:auto;
        width: 44px;
        margin-right: 10px;
        top: 43%;
        transform: translateY(-50%)
    }

    .rolex-2024 .swiper-button-prev {
        position: absolute;
        left: 50px;
        right: auto;
        width: 44px;
        margin-left: 10px;
        top: 43%;
        transform: translateY(-50%) scaleX(-1);
    }

    .rolex-2024 .swiper-button-next:after, .rolex-2024 .swiper-button-prev:after {
        content: unset;
    }

    .rolex-2024 .weiterlesen-bullets {
        bottom: unset;
        /*top: unset;*/
    }

.rolex-2024 .weiterlesen-bullets-watches {
    bottom: 0 px;
    top: unset;
}

    .rolex-2024 .dashes .swiper-pagination {
        position:relative;
    }

    .rolex-2024 .dashes .swiper-pagination-bullet, .rolex-2024 .dashes .slide-components-bullet{
        width: 20px !important;
        height: 4px;
        border-radius: 50%;
        background: var(--grey);
        margin: 0 12px;
    }

    .rolex-2024 .swiper-pagination-bullet, .rolex-2024 .slide-components-bullet {
        border-radius: 4px !important;
    }

    .rolex-2024 .dashes .swiper-pagination-bullet-active, .rolex-2024 .dashes .slide-components-bullet-active {
        width: 50px !important;
        background: var(--green) !important;
    }


    .rolex-2024 .dashes .swiper-pagination-bullet.dark{
        background: var(--brown);
    }

    .rolex-2024 .dashes .swiper-pagination-bullet.dark.swiper-pagination-bullet-active{
        background: var(--brown);
    }

    .rolex-2024 .dashes .swiper-pagination-bullet.light{
        background: var(--white);
    }

    .rolex-2024 .dashes .swiper-pagination-bullet.light.swiper-pagination-bullet-active{
        background: var(--white);
    }
    .rolex-2024 .weiterlesen-section .swiper-pagination {
             /*position:relative;*/
         }

    .rolex-2024 .weiterlesen-bullets .swiper-pagination-bullet {
        display: none;
    }

    .rolex-2024 .weiterlesen-bullets .swiper-pagination-bullet-active,
    .rolex-2024 .weiterlesen-bullets .swiper-pagination-bullet-active + .swiper-pagination-bullet,
    .rolex-2024 .weiterlesen-bullets .swiper-pagination-bullet-active ~ .swiper-pagination-bullet:nth-child(2) {
        display: inline-block;
    }


    /*
    *
    * ==========================================
    * #Slider-Komponente
    * ==========================================
    *
    */
    .rolex-2024 .slide-component {
        display:flex;
        flex-direction: row;
        position:relative;
        min-height: 500px;
    }

    .rolex-2024 .slide-component-wrapper {
        width: 100%;
    }
    .rolex-2024 .slide-component-wrapper .swiper {
        height: 100%;
    }

    .rolex-2024 .slider-content {
        position: relative;
        color: var(--white);
        height: 100%;
        max-height: 694px;
    }
    .rolex-2024 .slider-content img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .rolex-2024 .slider-content .slider-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 40%;
    }


    .rolex-2024 .slider-content .slider-text .primary-cta{
        margin-top: 20px;
    }


    .rolex-2024 .slider-content .slider-text.left{
        left: 8%;
        right: auto;
    }

    .rolex-2024 .slider-content .slider-text.left.black{
        color: black;
    }


    .rolex-2024 .slider-content .slider-text.right{
        left: auto;
        right: 8%;
    }



    .rolex-2024 .slider-content .slider-text.right.black{
        color: black;
    }

    .rolex-2024 .slide-component-bullets{
        /*top: unset !important;*/
        /*bottom: unset !important;*/
        margin: 0px;
        /*background: white;*/
        color:white;
    }

    .rolex-2024 .slide-component-bullets > .swiper-pagination-bullet {
        background:white !important;
    }

    .rolex-2024 .slide-component-bullets > .swiper-pagination-bullet-active{
        background: var(--green) !important;
    }

    .rolex-2024 .slide-component-button-next {
        top: 50%;
        transform: translateY(-50%)
    }

    .rolex-2024 .slide-component-button-prev {
        top: 50%;
        transform: translateY(-50%) scaleX(-1);

    }

    /*
    *
    * ==========================================
    * #Video-Komponente
    * ==========================================
    *
    */

    .rolex-2024 .video {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
    }
    .rolex-2024 .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*
    *
    * ==========================================
    * #Kontakt-Komponenten
    * ==========================================
    *
    */

    .rolex-2024 .map-komponente {
        display:flex;
        flex-direction: row;

    }

    #open-times {
        cursor: pointer;
    }

    .rolex-2024 .opening-times-table > div {
        line-height: 2;
    }

    .rolex-2024 .map {
        max-width: 70vw;
    }

    .rolex-2024 .address {
        max-width: 30vw;
        min-width: 410px;
        display:flex;
        flex-direction: column;
        justify-content: center;
        /*align-items:center;*/
        background: var(--white);
    }

    .rolex-2024 .address-inner {
        margin-left:10%;
        margin-right: 10%;
        position: relative;
    }

    .rolex-2024 .address-inner .rolex-cta-icon {
        margin-right:10px;
    }

    .rolex-2024 .opening-times-overlay {
        border-radius: 5px;
        background: var(--beige);
        box-shadow: 1px 1px 5px var(--grey);
        position: absolute;
        z-index: 1;
        width: 100%;
        display:none;
    }

    .rolex-2024 .address-inner textarea:focus{
        border:1px solid var(--green);
    }

    .rolex-2024 .kontakt-select {
        width: 100%;
        padding-right: unset;
        /*max-width: 100%;*/
    }

    .rolex-2024 .kontakt-option {
        /*width: 100%;*/
        max-width: 100%;
    }

    .rolex-2024 .opening-times-today {
        display: flex;
        flex-direction:row;
    }

    .rolex-2024 .rolex-cta-icon .icon-active {
        display:none;
    }

    .rolex-2024 .cta-grid {
        /*width: 100%;*/
        display: flex;
        flex-direction: row;
    }

    .rolex-2024 .cta-grid .icon {
        margin-right: 0.5em;
    }

    #rolex-2024-map {
        height: 700px;
        background: darkgray;
        flex: 1;
    }

    .rolex-20204 .inner-formular {
        margin-top: 10vh;
        margin-bottom: 10vh;
    }

    .rolex-2024 .kontakt-textarea {
        margin: 40px;
        width: 90%;
    }

    .rolex-2024 .form-grid {
        /*background: var(--white);*/
    }

    .rolex-2024 .form-item{
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: start;
    }
    .rolex-2024 .kontak-formular hr {
        color: var(--brown);
        opacity: 0.5;
    }

    .rolex-2024 .formular-firma {
        display:none;
    }

    .rolex-2024 .form-item label {
        opacity: 0.5;
        margin-top:40px;
        margin-bottom: 10px;
    }

    .rolex-2024 .form-item input,
    .rolex-2024 .form-item select
    {
        background: var(--light-beige);
        border-bottom:1px solid var(--brown);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        margin-bottom: 10px;
        border-radius: 0px;
    }

    .rolex-2024 .form-item input[type=number] {
        max-width: unset;
    }

    .rolex-2024 .form-error {
        display: none;
    }

    .rolex-2024 #send-btn:hover{
        color:white;
    }

    /*
    *
    * ==========================================
    * #Image Ken Burns Effect
    * ==========================================
    *
    */
    /*
    *
    * ==========================================
    * #Unsere-Auswahl
    * ==========================================
    *
    */
    .filter-menu-content, .filter-headline, .filter-reset> span.label {
        color: var(--brown);
    }
    button.filter-reset {
        background-color: var(--beige)!important;
    }
    .filter-menu-content {
        padding-right: 60px;
    }

    .image-effect {
        overflow:hidden;
        margin-bottom: 5px;
    }

    .image-effect img {
        width: 100%;
        margin-left: 0px;
        position: relative;
        transition-property: all;
        transition-duration: 0.8s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
    }

    .image-effect:hover img {
        transform: scale(1.1);
    }


    /*
    *
    * ==========================================
    * #Testing
    * ==========================================
    *
    */

    .test > h3{
        font-size: 45px;
        color: var(--rolex-green);
        margin-top:2rem;
    }

    .rolex-2024 .testbox {
        width: 100%;
        height: 100px;
    }

    .rolex-2024 .alert {
        background:hotpink;
        height: 10rem;
        text-align:center;
        color: white;
        font-size: 5em;
        font-weight: 900;
        display:flex;
        flex-direction:column;
        justify-content: center;
    }

    .rolex-2024 .tiny-alert {
        background:hotpink;
        text-align:center;
        color: white;
        font-weight: 900;
        padding: 0.5em;
    }

    .rolex-2024 .alert h1{
        text-shadow: 5px 5px 10px black;
    }


    @media only screen and (max-height: 700px) {
        .rolex-modellseiten-image img{
            max-width: 70%;
        }
        .rolex-modellseiten-image picture{
            display: flex;
            justify-content: center;
        }
    }
}