@charset "utf-8";
/* CSS Document */

/* Slider Dots FIX 06.03.2023 */

.cms-slider__navigation.cms-slider__pagination .cms-slider__pagination-item {
    background: #ddd;
    border-color: #ddd;
}

.cms-slider__navigation.cms-slider__pagination .cms-slider__pagination-item--active {
    background: #DF0000;
    border-color: #DF0000;
}

/* Slider Dots FIX END */


#quickMenuCS {
display: flex;
flex-wrap: wrap;
}

#quickMenuCS .quickMenu-element {
width: 20%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 20px;
text-align: center;
position: relative;
}

#quickMenuCS .quickMenu-element:nth-child(n+6) {
padding-bottom: 0;
}

#quickMenuCS .quickMenu-element > a {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#quickMenuCS .quickMenu-element .nav-img-box {
max-width: 120px;
}

#quickMenuCS .quickMenu-element .nav-img-box > img {
max-width: 100%;
padding: 10px;
box-sizing: border-box;
}

#quickMenuCS .quickMenu-element:hover .nav-img-box > img {
-webkit-filter: drop-shadow(5px 5px 5px silver);
filter: drop-shadow(5px 5px 5px silver);
	-webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}

#quickMenuCS .quickMenu-element > span {
text-align: center;
min-height: 29px;
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


@media screen and (max-width:720px) {

#quickMenuCS .quickMenu-element {
padding: 2px;
box-sizing: border-box;
}

#quickMenuCS .quickMenu-element .nav-img-box {
background-image: url(https://mmeshopcustom.blob.core.windows.net/mediamarkt-ch/cms/home/quickmenu/grey-circle.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
	
#quickMenuCS .quickMenu-element:hover .nav-img-box > img {
-webkit-filter: unset;
filter: unset;
}

#quickMenuCS .quickMenu-element > span {
font-size: 11px;
}
	
}

/* Hide Quick Menu on Mobile */

.mrh-pagetypeid-mobile_home #wrapper-main .wrapper-full-width {
display: none;
}


body.responsive.page-home #quickMenuCS .quickMenu-element > span {
font-weight: bold;
}

/* Colorful Styles Warm up BF Start

body.responsive.page-home::before {
    content: " ";
    display: block;
    position: fixed;
    height: 100lvh;
    width: 100vw;
    inset: 0px;
    z-index: -1;
	background: linear-gradient(24deg, rgb(51, 204, 255) 0%, rgb(255, 255, 102) 19%, rgb(153, 204, 102) 50%, rgb(184, 139, 182) 75%, rgb(255, 51, 153) 100%);	
}

body.responsive.page-home #quickMenuCS .quickMenu-element:hover .nav-img-box > img {
    -webkit-filter: drop-shadow(5px 5px 5px white);
            filter: drop-shadow(5px 5px 5px white);
}

.mrh-mobile-channel #wrapper-main {
background-color: transparent;
}

.mrh-mobile-channel #wrapper-main::before {
    content: " ";
    display: block;
    position: fixed;
    height: 100lvh;
    width: 100vw;
    inset: 0px;
    z-index: -1;
	background: linear-gradient(24deg, rgb(51, 204, 255) 0%, rgb(255, 255, 102) 19%, rgb(153, 204, 102) 50%, rgb(184, 139, 182) 75%, rgb(255, 51, 153) 100%);
	background-color: transparent;
}

.mrh-mobile-channel #quickMenuCS .quickMenu-element:hover .nav-img-box > img {
    filter: drop-shadow(5px 5px 5px white);
}

.mrh-mobile-channel #quickMenuCS .quickMenu-element > span {
font-weight: bold;
}

.mrh-mobile-channel .swiper-container {
    background: transparent;
}

.mrh-mobile-channel .swiper-container:not([class*=slider]):not([id*=slider])>.swiper-wrapper .swiper-slide>article.product-teaser-container,
#viewHomeMobile-carousel-sponsored_products-0 .slick-slide > div .rm-product{
background-color: white;
height: 100%;
}

.mrh-mobile-channel .swiper-pagination-switch {
    width: 10px;
    height: 10px;
}

.mrh-mobile-channel .swiper-container.mrh-slider-single-slide>.swiper-wrapper .swiper-slide>article.product-teaser-container, 
.mrh-mobile-channel .swiper-container:not([class*=slider]):not([id*=slider])>.swiper-wrapper .swiper-slide>article.product-teaser-container {
margin: 0;
}

.mrh-mobile-channel .gridbox > h2 {
margin-bottom: 8px;
margin-top: 15px;
}

Colorful Styles Warm up BF END */