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

@font-face{font-family:mm-icons;src:url(//csscdn.redblue.de/MediaCH/static/skin-assets/fonts/mm-icons/MMIcons.eot);src:url(//csscdn.redblue.de/MediaCH/static/skin-assets/fonts/mm-icons/MMIcons.eot#iefix) format("embedded-opentype"),url(//csscdn.redblue.de/MediaCH/static/skin-assets/fonts/mm-icons/MMIcons.woff2) format("woff2"),url(//csscdn.redblue.de/MediaCH/static/skin-assets/fonts/mm-icons/MMIcons.woff) format("woff"),url(//csscdn.redblue.de/MediaCH/static/skin-assets/fonts/mm-icons/MMIcons.ttf) format("truetype"),url(//csscdn.redblue.de/MediaCH/static/skin-assets/fonts/mm-icons/MMIcons.svg#svg) format("svg")}

/* Slider Dots FIX 06.03.2023 */

/*.page-categorycontent .cms-slider__arrow-buttons {
	z-index: -1;
	width: unset;
}

.page-categorycontent .cms-slider__navigation.cms-slider__pagination {
	bottom: 0;
}*/

/* Slider Dots FIX END */

/* Navigation Left Styles */

#filters .categories .child-active a, #filters .categories .child-active span {
color: #000000!important;
}

#filters .active.child-active>ul {
display: none!important;
}

#filters .categories .child-active a {
font-weight: unset!important;
}

#filters ul li.active > a:hover {
cursor: pointer!important;
}

#filters ul.categories-flat-descendants li.active.child-active:hover a {
color: #DF0000!important;	
}

#filters ul li a {
-webkit-transition: unset!important;
-o-transition: unset!important;
transition: unset!important;
}

#filters ul li a {
padding: 0 10px;
}

/* Categorie Boxes Styles */

#cattreeBoxesContainer {
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
margin-right: -20px;
}

#cattreeBoxesContainer .outer-catlist {
border: solid 1px #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
width: calc(33.333% - 20px);
padding: 15px;
background-color: white;
-webkit-box-shadow: 1px 1px 5px silver;
box-shadow: 1px 1px 5px silver;
margin-top: 20px;
position: relative;
padding-bottom: 49px;
margin-right: 20px;
min-height: 308px;
}

#cattreeBoxesContainer .catlist h3 {
padding: 5px;
font-family: MM-Headline, MMHeadlineProWeb-Regular;
font-size: 20px;
width: 100%;
line-height: 1em;
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding-right: 60px;
min-height: 90px;
}

#cattreeBoxesContainer .sidebyside ul {
padding: 10px;
}

#cattreeBoxesContainer .buttonn {
background-color: #df0000;
width: 100%;
padding: 8px;
color: white;
text-align: center;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
position: absolute;
bottom: 0;
right: 0;
border-radius: 0px 0px 8px 8px;
min-height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

#cattreeBoxesContainer .buttonn span {
max-width: 90%;
}

#cattreeBoxesContainer .catlist .sidebyside ul li a::before {
display: inline-block;
font-family: "mm-icons";
color: #444;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
content: '\e609';
font-size: 12px;
margin-right: 3px;
}

#cattreeBoxesContainer .catlist .sidebyside ul li a {
color: #444444;
line-height: 1.5em;
}

#cattreeBoxesContainer .catlist .sidebyside ul li a:hover {
color: #DF0000;
}

#cattreeBoxesContainer .catlist .sidebyside ul li:hover a::before {
color: #DF0000;
}

#cattreeBoxesContainer .catlist > a.buttonn > span::after {
display: inline-block;
font-family: "mm-icons";
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size: 12px;
color: #fff;
content: '\e603';
margin-left: 5px;
}

#cattreeBoxesContainer .catlist > a.buttonn > span:hover {
text-decoration: underline;
}

a[href='undefined'] {
  display: none;
}

#cattreeBoxesContainer .outer-catlist .catlist .cat-title {
min-height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
border-bottom: 2px solid #ddd;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
position: relative;
}

.cat-title h3:after {
display: block;
content: "";
width: 50px;
height: 50px;
position: absolute;
right: 0;
}

#category-title {
padding-top: 0;
margin-top: 0;
color: #444;
font-size: 24px;
}

@media only screen and (min-width: 955px) {

}

@media only screen and (min-width: 1200px) {
#cattreeBoxesContainer .catlist h3 {
min-height: 50px;
}
}