/*
*
* ==========================================
* #Responsive Mobil
* ==========================================
*
*/

@media only screen and (max-width: 767px) {
.um-rolex .open-filter-mobile {
        display: block !important;
    }

.um-rolex .open-filter-wrapper {
        display:block !important;
    }


.um-rolex .filter-wrapper {
        display: none;
    }


.um-rolex .mt-100{
	margin-top: 0px;
}

    .um-rolex .rolex-btn-full {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px;
        height: 36px;
    }

.um-rolex .rolex-btn-full:hover {
        background: var(--rolex-color-white);
        border: 1px solid var(--rolex-color-green);
        color: var(--rolex-color-green);
    }

.um-rolex .rolex-btn {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px;
        height: 36px;
    }

  .um-rolex .rolex-btn:hover {
        background: var(--rolex-color-green);
        border: 1px solid var(--rolex-color-green);
        color: var(--rolex-color-white);
    }

.um-rolex .rolex-btn:hover {
        background: var(--rolex-color-green);
        border: 1px solid var(--rolex-color-green);
        color: var(--rolex-color-white);
    }

.um-rolex .rolex-btn-dark {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px;
        height: 36px;
    }

.um-rolex .rolex-btn-dark:hover {
        background: var(--rolex-color-white);
        border: 1px solid var(--rolex-color-green);
        color: var(--rolex-color-green);
    }

.um-rolex .rolex-btn-grey {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px;
        height: 36px;
    }

.um-rolex .rolex-btn-grey:hover {
        background: var(--rolex-color-darkgrey);
        border: 1px solid var(--rolex-color-darkgrey);
        color: var(--rolex-color-gray);
    }

.um-rolex .rolex-text-btn, .um-rolex .rolex-text-btn a, .um-rolex .rolex-text-btn-dark, .um-rolex .rolex-text-btn-dark a {
        font-size: 14px;
    }

    .um-rolex .large-title {
        font-size: 24px;
    }

    .um-rolex .medium-title {
        font-size: 24px;
    }

    .um-rolex .push-title {
        font-size: 16px;
    }

    .um-rolex .grid-title {
        font-size: 13px;
    }

    .um-rolex .small-title {
        font-size: 11px;
    }

    .um-rolex .very-small-title {
        font-size: 14px;
    }

    .um-rolex .subtitle {
        font-size: 11px;
    }

    .um-rolex .button-label {
        font-size: 14px;
    }

    .um-rolex .section-title {
        font-size: 12px;
    }

    .um-rolex .description {
        font-size: 12px;
    }

    .um-rolex .small-description {
        font-size: 11px
    }
	.um-rolex .small-description:hover{
        font-size: 11px
	}

   .um-rolex .text-component {
        width: 90%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .text-component > .very-small-title {
        margin-bottom: 20px;

    }

    .text-component > .large-title {
        margin-bottom: 10px;

    }

    .um-rolex .editorial-grid {
        width:90%;
        max-width: unset;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 50px;
    }

    .um-rolex .editorial-grid .editorial-grid-row{
        display:flex;
        flex-direction:row;
        flex-wrap: wrap;
    }

    .um-rolex .editorial-grid .grid-title {
        margin-bottom:40px;
        margin-top: 10px;
    }

    .um-rolex .editorial-grid .very-small-title {
        margin-bottom:30px;
    }

    .um-rolex .editorial-grid .editorial-content {
        width: 48%;
    }

    .um-rolex .editorial-grid .editorial-content:not(:nth-child(2n)) {
        margin-right: 10px;
    }

    /*.pushbanner-header-wrapper > .very-small-title {*/
    /*    margin-bottom: 20px;*/

    /*}*/

    /*.pushbanner-header-wrapper > .large-title {*/
    /*    margin-bottom: 10px;*/

    /*}*/

   .um-rolex .text-component > .text {
        margin-bottom: 20px
    }

   .um-rolex .image-component-small {
        width: 90%;

    }

   .um-rolex .image-component-medium {
        width: 90%;

    }

   .um-rolex .two-column-content {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 20px;
        min-height: 150px;
       display:flex;
       flex-direction:column;
       justify-content:center;

    }


    .um-rolex .kollektions-ubersicht {
        max-width: unset;
        display:flex;
        flex-direction:row;
        width: 90%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: start;
    }

   .um-rolex .uhr {
        max-width: unset !important;
        width: 50% ;
    }

    .um-rolex .navbar {
        margin-top:10px;
    }


   .um-rolex .navbar-nav {
        text-align:center;
        border-bottom: 0px solid #f8f8f8;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .um-rolex .rolex-navbar-toggler {
        display:block;
    }

    .um-rolex .navbar-brand img {
        width: 100px;
        height: 54px;
    }

    .um-rolex .nav-item {
        width:100%;
        border-bottom: 1px solid #ececec;
        height: 40px;
    }

    .um-rolex .nav-item #kontakt-button {
        display:none;
    }

    .um-rolex .nav-item #kontakt-link {
        display:block;
    }

	.um-rolex .image-banner{
		margin-bottom: 50px;
	}
	.um-rolex .service-page .image{
		margin-bottom: 50px;
	}

	.um-rolex .rolex-store-page .image{
		margin-bottom: 50px;
	}

	.um-rolex .contact-image-banner{
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.um-rolex .breadcrumbs{
		line-height: 11px;
	}

	.um-rolex .keep-exploring .header{
		margin-left: 0px;
	}

.um-rolex .keep-exploring .swiper-button-prev{
        display:none;
    }

.um-rolex .keep-exploring .swiper-button-next{
    display:none;
}

    .um-rolex .keep-exploring {
        margin-bottom: 30px;
    }

    .um-rolex .swiper-button-cross-next {
        display:none;
    }

.um-rolex #footer-navigation li {
        width:100%;
        border-bottom: 1px solid #ececec;
        height: 48px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
    }


.um-rolex .footer-logo{
	width: 70px;
	height: 40px;
	margin-bottom: 30px;
}

.um-rolex #rolex-to-top-button{
	margin-top: 0px;
	margin-bottom: 30px;
}

.um-rolex .ausgewaehlte-modelle {
     width:90%;
    }



.um-rolex .ausgewaehlte-modelle > .very-small-title {
        margin-bottom: 20px !important;
    }

.um-rolex .orderlast {
        order: 2;

    }

.um-rolex .orderfirst {
        order: 1;
    }


.um-rolex .icon-btn-small-full {
	height: 36px;
	width: 36px;
	padding: 12px;
}

    /*    Modellpage */

.um-rolex .desktop {
        display:none;
    }

.um-rolex .pushbanner-desktop {
    display:none;
}

.um-rolex .pushbanner-mobile {
    display:block;
}

.um-rolex .model-carousel-tablet {
        display:block;
    }

    .model-carousel-tablet .very-small-title {
        margin-bottom:5px;
    }

    .rolex-width-10 {
        width: 0vw;

    }

    .rolex-width-30 {
        width: 100%;

    }

    .spec-image {
        width: 100%;

    }


    .specs {
        width: 100%;
        padding-left: 20px;

    }


    .video-description {
        width:90%;
        margin-top: 20px;
    }

    .cross-selling  {
        width: 90%;
    }

    .cross-selling-header .medium-title {
        margin-bottom: 20px;
    }

    .cross-selling-card {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

   /*.um-rolex .rolex-map .rolex-map-inner {*/
   /*     text-align: center;*/
   /*     min-height:550px;*/
   /* }*/


    .um-rolex .rolex-map {
        /*margin-top: 30px;*/
        padding-top: 30px;
        width:90%;
        margin-left: auto;
        margin-right:auto;

    }

    .um-rolex .rolex-map .oeffnungszeiten{
        width:90%;
        margin-left: auto;
        margin-right:auto;
        left:5%;
        border: 1px solid var(--rolex-color-darkgrey);
    }

    .um-rolex .rolex-map .icons {
        display:flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

   .um-rolex .rolex-map .icon-btn-text {
        display:none;
    }

.um-rolex .rolex-map #map {
        height: 350px !important;
    }

    .um-rolex .kontaktformular .medium-title {
        margin-bottom:15px;
    }

.um-rolex .kontaktformular input[type=text], .kontaktformular input[type=email], .kontaktformular input[type=number],  .kontaktformular select,.kontaktformular textarea, .kontaktformular label {
        font-size: 12px;
    }

.um-rolex .kontaktformular .formular-row {
        height: unset;
    }

.um-rolex .kontaktformular .formular-row .form-control{
    height: 60px;
}

    .um-rolex .kontaktformular .formular-row select{
        height: 60px;
    }
    .um-rolex .kontaktformular .formular-row .und-oder{
        margin-top:20px;
        margin-bottom:20px;
    }

.um-rolex .nachricht {
        margin-top: 70px;
    }

.um-rolex .kontaktformular #abbrechen {
        margin-right: 20px;

    }

.um-rolex .kontaktformular .submit-buttons{
        margin-top: 30px;
    }

.um-rolex .kontakt-sm{
        width: 100%;
    }

    .um-rolex .vorwahl{
        display:none;
    }

    .um-rolex .rufnummer{
        display:none;
    }

    .um-rolex .kontakt-sm .vorwahl-mobil{
        width: 20%;
    }

    .um-rolex .kontakt-sm .rufnummer-mobil{
        width: 80%;
    }

    .um-rolex .telefon-mobil{
        display:flex;
        flex-direction:row;
        align-items: center;
        justify-content: space-evenly;
    }

    .um-rolex .kontakt-md {
        width: 100%;
    }

.um-rolex .filter-wrapper-mobile .kollektion {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .price {
        font-size: 11px;
    }





    .um-rolex .rcpo-landing-page-uebersicht-desktop {
        display:none !important;
     }

    .um-rolex .rcpo-landing-page-uebersicht-mobile {
        display:block;
    }

    .um-rolex .rcpo-landing-page-uebersicht-mobile .swiper{
        width: 100%;
    }

	.um-rolex .rcpo-landing-swiper img, .um-rolex .rcpo .rcpo-swiper-image {
		width: 100% !important;
		height: auto !important;
		max-height: inherit !important;
	}

    .rcpo-landing-page-content .watch-list {
        width: 90%;
        max-width:336px;
        margin-left:auto;
        margin-right: auto;
        padding:0px;
    }

    .rcpo-landing-page-content .kollektions-ubersicht {
        max-width: unset;
        display:flex;
        flex-direction:row;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: start;
    }

    .um-rolex .rcpo-watch-list {
        display:flex;
        flex-direction:row;
        flex-wrap: wrap;
        gap:10px;
    }

    .um-rolex .rcpo-watch-list .rcpo-card:nth-child(-n+2) {
		width:98%;
    }

    .um-rolex .rcpo-watch-list .rcpo-card {
		width:48%;
    }




    .um-rolex .cross-selling-swiper .rcpo-card {
        width: 98%;
    }

    .um-rolex .model-page .cross-selling-swiper .swiper-pagination {
        background-color: #ffffff;
        bottom: var(--swiper-pagination-bottom,20px) !important;
        padding-top: 10px
    }

    .um-rolex .cross-selling-swiper .swiper-pagination-bullet {
        display:none;
    }
    .um-rolex .cross-selling-swiper .swiper-pagination-bullet:nth-child(odd) {
       display:inline-block;
    }

    .um-rolex .cross-selling-swiper .swiper-pagination-bullet:nth-child(even) {
        display:none;
    }


    .um-rolex .model-page .swiper-pagination {
        /*background-color: #ffffff;*/
        bottom: var(--swiper-pagination-bottom, -33px) !important;
        /*padding-top: 10px*/
    }

    .um-rolex .model-page .model-page-tablet-swiper .swiper-pagination, .um-rolex .model-page .model-page-swiper .swiper-pagination {
        background-color: #ffffff;
        bottom: var(--swiper-pagination-bottom, -1px) !important;
        /*padding-top: 10px*/
    }


    .um-rolex .rcpo #product-canvas {
        padding: 0;
        margin: auto;
        display: block;
        width: 100vw;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }


	.um-rolex .rcpo .pushbanner-image img{
		width: 100%;
	}

    .um-rolex .rcpo .pushbanner-wrapper{
        margin-top:30px;
    }
	.um-rolex .rcpo .pushbanner-text{
		justify-content: end;
		padding-bottom: 18px;
        padding-left: 10px;
        padding-right: 10px;
	}

    .um-rolex .rcpo .pushbanner .rolex-btn-full {
        margin-top: 0px;
    }


	.um-rolex .rcpo-landing-swiper{
		bottom: var(--swiper-pagination-bottom,8px) !important;
	}

    .rcpo .model-page-swiper .swiper-slide img{
        height: 336px;
    }

    .rcpo .swiper-slide {
        align-items: unset;
    }
    .rcpo .model-page-swiper-wrapper {
        height: 336px;
        width: 336px;
        margin-right: 0px;
    }

    .rcpo .model-page-info {
        height: 336px;
        width: 90vw;
        margin-right:auto;
        margin-left:auto;
    }

    .rcpo .carousel-information {
        width: 100%;

    }

   .um-rolex .rcpo .swiper-slide .rcpo-modell-overlay {
        top: 280px;
        right: 3%;
    }

    .rcpo-card picture {
        height: 163px;
        width: 163px;
    }

    .rcpo .subtitle {
        margin-top:10px;
    }





	.um-rolex .hidden-price-tipp{
		width: 100%;
		padding: 5px;
		margin-top: -20px;
		font-size: 80% !important;
	}




	.um-rolex .service-page .video-component-large {
        margin-bottom: 50px;
    }

    .um-rolex .checkerboard {
        margin-bottom: 50px;
    }

    .um-rolex .checkerboard-left, .um-rolex .checkerboard-right {
        width: 90%;
        margin-left:auto;
        margin-right:auto;

    }

    .um-rolex .checkerboard-image {
        width:100% !important;
        margin-bottom: 20px;
    }

   .um-rolex .checkerboard-left .checkerboard-content {
        width:100%;
        max-width: unset;
        margin-left:unset;
        margin-right:unset;
        margin-top: 20px;
    }

    .um-rolex .checkerboard-right .checkerboard-content {
        width:100%;
        margin-left:unset;
        margin-right:unset;
        margin-top: 20px;
    }

}