/* BIT CHANGES BELOW */ 

/* BOF MARCCAIN-330 */
.xajax_resp_cl {position:absolute;}
/* EOF MARCCAIN-330 */

/* BOF 63 Navigation - Navpunkt active setzen */
.activelink {text-decoration: underline;}
/* EOF 63 Navigation - Navpunkt active setzen */

/* BOF 67 Produktübersichtseite Größenflyout */
.product-list-wrapper .product .product-sizes .mac-accordion-header {text-align: center;}
/* EOF 67 Produktübersichtseite Größenflyout */


.notelist-item-checkbox.not-available label .css-checkbox + i::after {
    cursor: none;
    display: none;
}

.notelist-item-checkbox.not-available label,
.notelist-item-checkbox.not-available label .css-checkbox + i {
    color: #d2d2d2;
    cursor: auto;
}

.jobbox{
    padding:0;
    margin:0;
    width:32%;

}
.jobbox .cta{
    width:80%;
    padding:20px;
    margin-bottom:20px;
    opacity: 0.85;
    filter: alpha(opacity =85);

}


.jobbox-left{
    padding:0;
    margin-right:2%;

}

.jobbox picture{
    width:100%;
}


@media only screen and (min-width: 40.0625em) {
    .category-navigation-wrapper .category-image {
        top: -2rem;
    }
    .category-navigation-wrapper .category-block + .category-block {
        margin-top: 5rem;
    }
    .category-navigation-wrapper .category-block + .category-block:last-child {
        margin-bottom: 5rem;
    }
}

.smallAccordionWrap.p2_footerContent .p2-accordion-item {
    border-top: 1px solid #E3E3E3;
}

.smallAccordionWrap.p2_footerContent .p2-accordion-item .p2-accordion-header {
    display: block;
    background: no-repeat url("../../img/icons/mac.svg#icon-arrow-drop") right 28px;
    font-weight: bold;
    color: #000000 !important;
    width: 100%;
    line-height: 23px;
    height: 23px;
    padding: 18px 15px 17px 0;
    text-decoration: none;
    font-family: 'ProximaNova2Bold', Arial, Helvetica, sans-serif;
    box-sizing: initial;
}

/* BOF MARCCAIN-365 Inside weitere Artikel -> keine Anzeige der Vorschaubilder */
#related-articles .columns+.columns:last-child {float:left;}
/* EOF MARCCAIN-365 Inside weitere Artikel -> keine Anzeige der Vorschaubilder */

/* BOF MARCCAIN-366 Anzeige Highlight Clippings */
.highlight-clippings-wrapper .columns+.columns:last-child {float:left;}
/* EOF MARCCAIN-366 Anzeige Highlight Clippings */

/* BOF MARCCAIN-371 SALE rot kennzeichnen */
.off-canvas-list .highlight a, .main-navigation-wrapper .main-navigation>li>a.highlight {color: #bd0f02;}
/* EOF MARCCAIN-371 SALE rot kennzeichnen */

/* BOF MARCCAIN-372 */
.jagmcvideobox video {object-fit: fill; width: 100%}
/* EOF MARCCAIN-372 */

/* BOF MARCCAIN-372 */
.main-content .company-wrapper .entry-teaser-item .teaser-bg-image {background-size: contain;}
/* EOF MARCCAIN-372 */

/* BOF MARCCAIN-374 */
.jagcms4oxidbox .column-1, .jagcms4oxidbox .column-2 {
    padding: 0 0.625rem;
}
ul.large-block-grid-1.halfsize{
    width:49.95%;
    float:left;
}
ul.large-block-grid-1.halfsize li.headname{
    text-transform:uppercase;
    font-weight:normal;
    color:#000;
}
@media only screen and (min-width:40.0625em) {
    .jagcms4oxidbox .column-1, .jagcms4oxidbox .column-2 {
        width: 50%;
        float: left;
        padding-right: 60px;
        padding-top: 0;
    }
}
.jagcms4oxidbox .column-1 img, .jagcms4oxidbox .column-2 img{margin-right: 40px;margin-top: 15px;}
.jagcms4oxidbox .store-detail-opening-row {display: block;}
/* EOF MARCCAIN-374 */

/* BOF MARCCAIN-375 */
.checkbox-wrapper .text a {text-decoration: underline;}
/* EOF MARCCAIN-375 */

/* BOF MARCCAIN-379 */
.main-navigation-wrapper .flyout-outer-wrapper {border: 0;margin-left:0;}
.main-navigation-wrapper .flyout-outer-wrapper .flyout-wrapper {border: .0625rem solid #d0d0d0;}
/* EOF MARCCAIN-379 */

/* BOF MARCCAIN-391 */
@media only screen and (min-width:40.0625em) {
    .medium-2-cols {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;

        /* @NP 2017.02.17 - WebstoreID-363 - Abstand zwischen 2 Spalten 8mm */
        -webkit-column-gap: 1.875em;
        -moz-column-gap: 1.875em;
        column-gap: 1.875em;
        text-align: justify;

    }
}
/* EOF MARCCAIN-391 */

/* @NP 2017.02.17 - WebstoreID-363 - Abstand zwischen 2 Spalten 8mm */
.about-module .columns{
    text-align: justify;
}
.about-module{
    text-align: justify;
}

/* BOF MARCCAIN-396 */
.mac-slider-wrapper {margin-top:0;overflow:hidden;}
.mac-slider-wrapper.look-of-the-month-slider-wrapper {margin-top: 1.25rem;}
.mac-slider-wrapper.inspiration-slider-wrapper {margin-top: 1.25rem;}
.jagmcvideobox video {display:block;}
/* EOF MARCCAIN-396 */

/* BOF MARCCAIN-397 */

/* @NP: 2017.04.18 - WEBSTOREOXID-458 - width from 58 to 85 */
.mcNewFrSp{text-align: left; display: block; line-height: 15px; letter-spacing: 0.01em; margin-left: -1px;}
.mcNewFrSp::first-line{ font-size: 17px; letter-spacing: 0px;}
.mcBadgeNewFrSp{ padding: 9px 11px 9px 11px !important; }

.product-list-wrapper .product-wrapper .product .product-image .product-badge {width:58px;padding:.9375rem .5rem;}

.product-list-wrapper .product-wrapper .product .product-image .product-badge.sold-out {z-index: 3; padding-top:.375rem; padding-bottom:.375rem;}
.product-list-wrapper .product-wrapper .product .product-image .product-badge.icon {z-index: 2; min-height: 46px;background-size: contain;}
.product-list-wrapper .product-wrapper .product .product-image .product-badge.icon.wide {z-index: 1; right: 0; background-size: initial; background-position: center center; background-color: transparent;width:100%;}
.product-list-wrapper .product-wrapper .product .product-image .product-badge.icon.badgeTop {z-index: 99;}
/* EOF MARCCAIN-397 */

/* BOF MARCCAIN-401 */
.bloggerstyles--main-container {position: relative;}
.bloggerstyles--main-container .bloggerstyles--heading {position: absolute;top:30%;right:10%; text-align:right;}
.bloggerstyles--main-container .bloggerstyles--heading .bloggerstyles--heading-main {font-size: 450%;}
.bloggerstyles--main-container .bloggerstyles--heading .bloggerstyles--heading-sub {text-transform: uppercase;}

.bloggerstyles-overview--box {position: relative;cursor: pointer;}
.bloggerstyles-overview--box .bloggerstyles-overview--box-heading {
    background-color: #000;
    bottom: 10%;
    color: #fff;
    line-height: 2rem;
    padding: 0.625em;
    position: absolute;
    left: 25%;
    right: 25%;
    opacity: 0.8;
    filter: alpha(opacity =80);
}
.bloggerstyles-overview--box .bloggerstyles-overview--box-heading a {color: #fff;}
.bloggerstyles-overview--box .bloggerstyles-overview--box-heading .bloggerstyles-overview--box-heading-1 {text-transform: uppercase;font-weight: bold;}
.bloggerstyles-overview--box .bloggerstyles-overview--box-heading .bloggerstyles-overview--box-heading-1,
.bloggerstyles-overview--box .bloggerstyles-overview--box-heading .bloggerstyles-overview--box-heading-2 {
    display:block;
    text-align: center;
    font-size: 107%;
    line-height: 22px;
}
.bloggerstyles-overview--box .bloggerstyles-overview--box-heading .bloggerstyles-overview--box-heading-2 {letter-spacing: 0.2rem;}
/* EOF MARCCAIN-401 */

/*MENU REFINEMENT 09 2016*/
#flyOver{
    /*background:#ededed;*/
    background:transparent url('../../img/bgrd_60_grey.png') repeat-y top left;
    background-position: 290px top;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important;
    -moz-opacity: 0.6!important;
    -khtml-opacity: 0.6!important;
    opacity: 0.6!important;
    position:fixed;
    height: 100%;
    top:0;
    margin: 0% auto;
    left: 0;
    right: 0;
}

.main-navigation-wrapper .main-navigation > li {
    padding-bottom: 13px;
    margin-bottom:0!important;
}

.main-navigation-wrapper .main-navigation {
    width: 12.188rem;
}

.main-navigation-wrapper .flyout-outer-wrapper .flyout-wrapper li{
    cursor:default;
}

.main-navigation-wrapper .flyout-outer-wrapper{
    border-right:0px solid #d0d0d0;

}
.main-navigation .flyout-link{
    border-bottom:1px solid #fff;
    display:block;
}
.main-navigation .flyout-link:hover,
.main-navigation .has-submenu:hover .flyout-link{
    border-bottom:1px solid #d0d0d0;
    font-weight:normal;
    display:block;
}

.showFlyout .flyout-link,
.showFlyout .flyout-link:hover{
    /* Link fett schwarz*/
    font-weight:normal!important;
}

.boldFont.active a.flyout-link,
.boldFont.active a.flyout-link:hover{
    font-weight:bold!important;
    color:#000!important;
}

.active a.flyout-link.grey{
    color:#7e7e7e!important;
    font-weight:bold!important;
}
.boldFont:hover a.flyout-link{
    color:#000!important;

}
.inactive .boldFont:hover a.flyout-link {
    font-weight: bold!important;
}
.reveal-modal-bg {
    background:#fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important;
    -moz-opacity: 0.6!important;
    -khtml-opacity: 0.6!important;
    opacity: 0.6!important;
}

.main-navigation-wrapper .flyout-outer-wrapper{
    transition: all 0.01s linear 0.001s!important;
}

.main-navigation-wrapper .flyout-outer-wrapper .flyout-wrapper {
    padding: 0 .925rem .625rem;
}


/* FIXED NAV */

.logo {
    display: none;
}

/* hide original logo when fixed nav */
.fixedNav .off-canvas-logo,
.floatNav .mcNav .logo{
    display:none;
}

.floatNav .off-canvas-logo,
.fixedNav .mcNav .logo{
    display:block;
}

.fixedNav .mcNav{
    margin-top: 2.4rem!important;
    position:fixed;
    top:0;
    z-index:400;
}
.fixedNav .mcNav.storeinfo {
    margin-top: 3.975rem;
}
.fixedNav .mcNav .logo img{
    width: 12.1875rem;

}
.fixedNav .mcNav .logo{
    margin-left:0.625em;
}

.fixedNav .mcNav .main-navigation-wrapper {
    margin-top:3.063em;
}

.fixedNav .mcNav .menu-icon-wrapper {
    display: inline-block;
    vertical-align: top;
}
.fixedNav .mcNav .tab-bar .menu-icon {
    width: 2.5rem;
    position: static;
}

.fixedNav .mcNav .logo a {
    display: inline-block;
}
#cookieNote {
    z-index: 2005;
}


a.t2.text-upper:first-child {
    margin-bottom: .2rem;
    margin-top: .2rem;
    display: inline-block;
}
.left-off-canvas-toggle {
    cursor: pointer;
}

.multichannelstore .mcNav{
    padding-top:30px;
}
.fixedNav header .actions {
    margin-top: 2.3rem ;
}




/* @NP: 2017.04.18 - WEBSTOREOXID-458 - width from 58 to 85 */
/*
@media only screen and (max-width: 30em) {
    .product-list-wrapper .product-wrapper .product .product-image .product-badge { width: 70px; padding: 0.375em .5rem; }
    .product-list-wrapper .product-wrapper .product .product-image .product-badge span{ font-size: 0.688em;}
}
*/

@media only screen and (max-width: 40em) {
    .breadcrumbs {
        padding: .4375rem 0;
        margin-top:20px;
    }
    .jobbox {
        padding: 0;
        margin:0 0 20px 0;
        width: 100%;
    }

    .multichannelstore header .actions {
        margin-top: 1.9rem !important;

    }

    .multichannelstore.staytop header .actions {
        margin-top: 0.9rem !important;

    }

    .fixedNav .mcNav .logo img {
        width: 9.375rem;
    }
    .fixedNav .mcNav{
        margin-top: 1rem;
    }

}
@media only screen and (min-width: 75em) {
    .fixedNav .mcNav .menu-icon-wrapper {
        display: none
    }
    .multichannelstore.fixedNav .mcNav.storeinfo {
        margin-top: 3.075rem!important;
    }

}

@media only screen and (max-width: 125.062em) {
    #flyOver{
        background-position: 265px top;
    }
}


@media only screen and (min-width: 125.063em) {
    #flyOver {
        background-position: 229px top;
    }
}

@media only screen and (min-width: 99.938em) and (max-width: 101em) {
    #flyOver{
        background-position: 270px top;
    }
}

@media only screen and (max-width: 74.938em) {
    #flyOver {
        display: none !important;
    }
    .multichannelstore.fixedNav .mcNav {
        margin-top:0rem!important;

    }
    .multichannelstore.staytop .mcNav {
        margin-top:1.1rem!important;
    }

    .fixedNav .mcNav {
        position: absolute;
        margin-top:1.1rem!important;
    }

    .fixedNav .fixed-responsive-nav{
        height:70px;
        background:#fff;
    }

    .fixedNav header{
        height:4rem;


    }
    .staytop .fixed-responsive-nav,
    .staytop .mcNav{
        position:fixed;
        z-index:1000;
        -webkit-animation-name: stayup; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 1.4s; /* Chrome, Safari, Opera */
        animation-name: stayup;
        animation-duration: 1.4s;
        -webkit-animation: stayup 1.4s; /* Safari 4+ */
        -moz-animation:    stayup 1.4s; /* Fx 5+ */
        -o-animation:      stayup 1.4s; /* Opera 12+ */
        animation:         stayup 1.4s; /* IE 10+, Fx 29+ */
    }
    .staytop .mcNav{
        z-index:1001;
        margin-top:1rem!important;
    }


    @-webkit-keyframes stayup {
        0%   {transform: translate(0, -40px);}
        25%  { transform: translate(0, 0px);}
    }
    @-moz-keyframes stayup {
        0%   {transform: translate(0, -40px);}
        25%  { transform: translate(0, 0px);}
    }
    @-o-keyframes stayup {
        0%   {transform: translate(0, -40px);}
        25%  { transform: translate(0, 0px);}
    }
    @keyframes stayup {
        0%   {transform: translate(0, -40px);}
        25%  { transform: translate(0, 0px);}
    }

    .fixedNav .mcNav{
        margin-top: 1rem;
    }
    .off-canvas-wrap {
        padding-top: 0px;
    }
    .off-canvas-wrap.move-right {
        padding-top: 0px;
    }

    .fixedNav .off-canvas-wrap.move-right .fixed-responsive-nav{
        position:relative;
    }

    .staytop.fixedNav .main-content{
        padding-top:100px;
    }

    .fixedNav .off-canvas-wrap.move-right .main-content{
        padding-top:0px;
    }
    .fixedNav .off-canvas-wrap .small-only-margin-top,
    .fixedNav .off-canvas-wrap .homepage-wrapper .row:first-child .margin-top{
        padding-top:0;
        margin-top:0;

    }

    .multichannelstore.fixedNav .off-canvas-wrap .homepage-wrapper .row:first-child .margin-top{
        padding-top:20px;
        margin-top:0;

    }

    .fixedNav .cart{
        margin-right:15px;
    }
    .staytop .mcNav .tab-bar .menu-icon {
        margin-top:0px;
        cursor:pointer;
    }

    .staytop .fixed-responsive-nav {
        height: 50px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        left: 0;
        margin-left: 0;
    }

    .staytop .fixed-responsive-nav header .actions{
        margin-top:1rem;
        padding:0;
    }

    .staytop.fixedNav .mcNav .logo img {
        width: 9.375rem;
    }

}
/* ipad hack for the reason that its not able to use correct transforming*/
@supports (overflow:-webkit-marquee)
   and (justify-content:inherit) {

    /* Safari 9+ (iOS Only!) */
    .staytop .fixed-responsive-nav {
        height: 55px;


    }
    .staytop .fixed-responsive-nav,
    .staytop .mcNav{
    @include transform(translate3d(0px,0px,0px));
        -webkit-transform: translate3d(0px,0px,0px);
        -webkit-overflow-scrolling: touch;
        position: -webkit-sticky;

        -webkit-animation-name: none; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 0s; /* Chrome, Safari, Opera */
        animation-name: none;
        animation-duration: 0s;
        -webkit-animation: none 0s; /* Safari 4+ */
        -moz-animation:    none 0s; /* Fx 5+ */
        -o-animation:      none 0s; /* Opera 12+ */
        animation:         none 0s; /* IE 10+, Fx 29+ */
    }
    .staytop .mcNav .tab-bar .menu-icon {
        margin-top:-2px;
        cursor:pointer;
    }
}


/* safari 10 hack*/
_::-webkit-:host:not(:root:root), .multichannelstore .mcNav{
    padding-top:20px;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    .multichannelstore .mcNav{
        padding-top:20px;
    }

    .multichannelstore.staytop .mcNav{
        padding-top:30px;
    }
    .fixedNav .mcNav .menu-icon-wrapper,
    .fixedNav .mcNav .tab-bar .menu-icon{
        position: inherit!important;
    }
    .fixedNav header .actions {
        margin-top: 1.8rem ;
    }
}

    /* Android chrome hack */
    /* non Retina display, Chrome only */
    @media only (max-resolution: 192dpi) and (-webkit-min-device-pixel-ratio:0) {
        .mcNav {

        }

    }