/* CSS Document */

.Outer_login_top-2019 .login-link-text {
    /*!2019_checkout.css */
    display: none;
}

.outer_head {
    /*!2018_resp.css */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000000;
    background: #fff;
    padding: 0 !important;
}

body {
    /*!2018_resp.css */
    margin: 135px 0 0;
}

@media only screen and (max-width: 1024px) {
    body {
        /*!2018_resp.css */
        margin: 0;
    }
}

.TopNavigation {
    /*!2018_resp.css END */
    padding: 0 !important
}

.TopNavigation .container {
    /*!2018_resp.css END */
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: grid;
    justify-items: start
}

.TopNavigation .sf-menu,
.top_reg_nav {
    /*!2018_resp.css END */
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: none !important;
    vertical-align: top;
    display: grid;
    justify-items: left;
    column-gap: 12px;
    grid-auto-flow: column;
}

.TopNavigation .sf-menu li {
    /*!2018_resp.css END */
    margin: 0;
    padding: 0;
}

.TopNavigation .sf-menu li:first-child {
    /*!2018_resp.css END */
    margin: 0;
}

.TopNavigation .sf-menu li.level_0:hover,
.TopNavigation .sf-menu li.level_0:hover .nav-element-0 {
    /*!block.css END */
    text-decoration: underline;
    text-underline-offset: 4px;
}

.TopNavigation .sf-menu li.active a,
.TopNavigation .sf-menu li.passive a,
.TopNavigation .sf-menu li.passive a:hover,
.TopNavigation .top_reg_nav .CmsNavH0aktiv,
.TopNavigation .top_reg_nav .CmsNavH0passiv,
.TopNavigation .top_reg_nav .CmsNavH0passive:hover {
    /*!2018_resp.css END */
    font-size: 13px !important;
    letter-spacing: 0.4px;
    font-size: min(1.2vw, 13px) !important;
    z-index: 1;
    position: relative;
}

.TopNavigation .sf-menu li ul {
    /*!2018_resp.css END */
    left: 0;
    list-style: none none;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 300;
    width: 100%;
    position: fixed
}


.TopNavigation .sf-menu li ul li {
    /*!2018_resp.css END */
    padding: 0;
}

.TopNavigation .sf-menu li ul li:first-child {
    /*!2018_resp.css END */
    padding: 0 !important;
}

.TopNavigation .sf-menu li ul li:last-child {
    /*!2018_resp.css END */
    padding: 0;
}

.TopNavigation .sf-menu li ul.ul_level_1 li a:hover {
    /*!block.css END */
    border-bottom: none !important;
    font-family: 'Apercu Bold' !important;
}
.TopNavigation .sf-menu li ul li.active a {
    /*!block.css END */
    border-bottom: none !important;
    font-family: 'Apercu Regular' !important;
}

.TopNavigation .sf-menu li.passive a:hover {
    /*!block.css END */
    border-bottom: none;
}

.SmallLog:hover,
.SmallLog:focus,
.Outer_login_top a:hover,
.new_basket_top_topic a:hover {
    /*!layout_2014.css END */
    border-bottom: none;
    cursor: pointer;
}

.ProdListLeft {
    /*!layout_2014.css END */
    float: none;
    width: 100%;
}

.ProdListLeft.Item .sidenavi2 {
    /*!2018_resp.css END */
    display: none;
}

.ProdListRight {
    /*!layout_2014.css END */
    width: 100%;
}

.InnerSubNav .active.nav_arrow a {
    /*!layout_2014.css END */
    background: none;
}

.InnerSubNav ul .active ul {
    /*!layout_2014.css END */
    display: grid !important;
    grid-auto-flow: column;
    gap: 15px;
    overflow: auto;
    padding-top: 5px;
    margin: 0 !important;
}

.InnerSubNav ul ul a {
    /*!layout_2014.css END */
    font-size: 13px;
}

#nav802069_passiv a:hover,
#nav801216_passiv a:hover,
#nav795917_passiv a:hover,
#nav803549_passiv a:hover {
    border-bottom: none !important;
}

[id^="trustbadge-container"] {
    /*!layout_2014.css END */
    z-index: 2 !important;
}

/*.my_account.top_icon .icon {
    background: rgba(0,0,0,0) url("/v30/localpictures/theme/head/nhd_icon_account_nb.svg") no-repeat scroll center center;
    background-size: contain;
}*/

@media only screen and (min-width: 100px) and (max-width: 1024px) {
    #InnerContentContainer .sort_filter_area.fixed {
        /*2025_productslist.css*/
        top: 70px !important;
        position: fixed;
    }
}

@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 400;
    src: url(/v30/localpictures/theme/material-icons/materials.woff2)format("woff2");
    font-display: block
}

.MobilBannerContainer {
    /*!2018_head.css END */
    padding: 9px 0;
    height: auto;
    line-height: unset;
    text-align: center;
    background: #ccc;
    margin: 0 !important;
}

@media only screen and (max-width: 1024px) {
    .filterContainer {
        /*2025_productslist.css*/
        top: 70px !important;
        box-shadow: 1px -15px 15px -2px #80808038 !important;
        border-radius: 0 !important;
    }

    .filter_overlay {
        /*2025_productslist.css*/
        background: none !important;
    }
}

.mm-ocd--left .mm-ocd__content {
    /*mmenu-light.css*/
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-ocd--open .mm-ocd__content {
    /*mmenu-light.css*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.TopNavigation .sf-menu li.active a,
.TopNavigation .sf-menu li.passive a:hover,
.TopNavigation .top_reg_nav .CmsNavH0passiv:hover,
.TopNavigation .top_reg_nav .CmsNavH0aktiv {
    /*!block.css END */
    border-bottom: none !important;
}

.Filter-All-Container {
    /*!filter_ajax.css START */
    margin: 0 !important;
}

.Filter-Container {
    /*2025_productslist.css*/
    padding: 0 20px !important;
    border-bottom: 1px solid var(--kdg_trendcolour_secondary) !important;
}

.filterContainer .innerContainer {
    /*2025_productslist.css*/
    margin: 0 !important;
}

.filter_top_area {
    /*2025_productslist.css*/
    padding: 20px !important;
}
.Attributes-Filter-Items {
    /*2025_productslist.css*/
    margin: 10px 0 0;
}

.btn_filter_main_close::before {
    /*2025_productslist.css*/
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 30 !important;
    content: "clear" !important;
    font-size: 20px !important;
}

.Filter-Container-Topic::before {
    /*2025_productslist.css*/
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 10, "opsz" 30 !important;
    content: "clear" !important;
    transform: rotate(135deg) !important;
    font-size: 20px !important;
}

.isOpen.Filter-Container-Topic::before {
    /*2025_productslist.css*/
    transform: rotate(0) !important;
}

.filterContainer {
    /*2025_productslist.css*/
    max-width: none !important;
    border-radius: 0 !important;
    box-shadow: 1px -15px 15px -2px #80808038 !important;
}

.filter_overlay {
    /*2025_productslist.css*/
    backdrop-filter: blur(0.5px);
}

.TopInfoBanner, .TopInfoBanner a {
    letter-spacing: 0.4px !important;
}

.menue_responsive .search.top_icon .icon {
    /*!2018_head.css END */
    background: none !important;
    display: grid;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
    .menue_responsive .search.top_icon .icon {
        /*!2018_head.css END */
        background: none !important;
        display: grid;
        align-items: center;
        justify-content: center;
    }

    .search_canvas .main_logo_top {
        /*!2018_head.css END */
        display: none;
    }

    .search_canvas {
        /*!2018_head.css END */
        top: 70px;
        background: var(--kdg_trendcolour_menu);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        display: block !important;
        padding: 0 !important;
    }

    .topsearchmobile {
        /*!2018_head.css END */
        margin: 0 0 10px !important;
        padding: 20px 30px !important;
        border: none !important;
    }

    .topsearchmobile #_freeb {
        /*!2018_head.css END */
        font-size: 20px !important;
        padding: 0 !important;
        color: #000000 !important;
        text-align: center;
    }

    .SearchPhrasesContainer {
        /*!2018_head.css END */
        padding: 15px;
        display: inline-block;
        width: 70%;
        box-sizing: border-box;
        vertical-align: top;
    }

    .SearchPhrasesTopic {
        /*!2018_head.css END */
        font-size: 16px;
        color: var(--kdg_trendcolour_primary);
        padding: 0;
        font-weight: normal;
        font-family: 'Apercu Bold';
    }

    .SearchPhrasesList {
        /*!2018_head.css END */
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 14px;
    }

    .SearchPhrasesButtonContainer {
        /*!2018_head.css END */
        margin: 5px 0 0;
        display: inline-block;
        width: 29%;
        box-sizing: border-box;
        vertical-align: top;
        text-align: right;
        padding: 15px 15px 0 0;
    }

    .DropSearchPhraseList a {
        /*!2018_head.css END */
        font-size: 16px;
        text-transform: uppercase;
        font-weight: normal;
        color: var(--kdg_trendcolour_primary);
    }
}

/*PDP*/

.DtArtikelContainer .DtArtSuperRight {
    width: 40% !important;
    box-sizing: border-box;
    margin-left: 2%;
}

.DtNostoAddOns {
    margin: 40px 0 0 0 !important;
}

.DtArtikelContainer .DtArtRight {
    width: 100%;
    max-width: none !important;
}


.DtArtikelContainer.Vers016 {
    /*neu*/
    margin-top: 15px;
}

.OrderBoxDropDivAjax-Container .wishlist-overview-button {
    right: 5%;
}

.DtArtikelContainer .DtArtSuperLeft {
    width: 58%;
    margin: 0;
    float: left;
    box-sizing: border-box;
    display: grid;
    justify-items: center;
    justify-content: center;
    grid-template-columns: 82% 17%;
    grid-column-gap: 1%;
}

.DtArtikelContainer .DtArtMiddle {
    width: 100%;
    max-width: 800px;
    margin: 0;
}

.DtArtikelContainer .DtArtLeft {
    width: 100%;
}

.DtArtikelContainer .ImageDetail {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 800px;
}

.DtArtikelContainer #WPic img {
    width: 100%;
    height: auto;
    max-width: none;
}

.ImageWeitere {
    margin: 5px 0;
    padding: 0;
    float: left !important;
}

@media only screen and (max-width: 1024px) {
    .DtArtikelContainer .DtArtSuperLeft {
        width: 50%;
    }

    .DtArtikelContainer .DtArtSuperRight {
        width: 48% !important;
        margin-left: 2%;
    }
}

@media only screen and (min-width: 100px) and (max-width: 719px) {
    .DtArtikelContainer .DtArtSuperLeft {
        width: 100%;
        margin: 0;
        float: none;
        box-sizing: border-box;
        grid-template-columns: 80% 19%;
        margin-bottom: 15px;
    }

    .DtArtikelContainer .DtArtSuperRight {
        width: 100% !important;
        box-sizing: border-box;
        float: none;
        margin-left: 0;
    }

    .DtArtikelContainer .DtArtLeft {
        margin: 0;
    }

    #PicContainer {
        background: none;
        padding: 0;
        text-align: center;
        width: 100%;
    }
}

/*Größentabelle*/
@media only screen and (max-width: 1024px) {
    .sidepanel {
        top: 70px;
        box-shadow: 1px -15px 15px -2px #80808038;
    }

    .sidepanel .closebtn {
        position: absolute;
        top: 6px;
        right: 5px;
        font-size: 20px;
        z-index: 51;
    }

    .sidepanel a {
        padding: 20px 21px 0 0;
        text-decoration: none;
        font-size: 25px;
        color: var(--sidepanel-font-colour);
        display: block;
        transition: 0.3s;
    }

    #ArtNameCopy {
        text-align: left;
        font-size: 12px;
        padding-bottom: 10px;
        margin: 0;
    }
}

#sidepanel h1 {
    padding: 10px 0 0;
    font-weight: 400;
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-family: "Apercu Medium";
    text-align: left;
}

#sidepanel h2 {
    font-family: "Apercu Medium", Calibri, sans-serif;
    font-weight: normal;
}

#sidepanel h3 {
    font-family: "Apercu Medium", Calibri, sans-serif;
    font-weight: normal;
}



.mm-spn li.passive,
.mm-spn li.active,
.mm-spn li.catlike,
.mm-spn li.navigation {
    background: white !important;
}

#Beschreib,
#versand,
#kdservice,
#zahlung,
#sustain {
    font-size: 12px;
    line-height: 20px;
}

.sl-Overview-Text {
    padding: 12px 3px 3px !important;
}

.mz-expand {
    z-index: 21000000000 !important;
}

.nav79746 a,
.nav83422 a,
.nav83431 a {
    /*!js_menue.css END */
    font-weight: normal !important;
}

.menue_responsive {
    /*!2018_head.css END */
    padding: 0;
}

.menue_responsive ul {
    /*!2018_head.css START */
    display: grid;
    grid-auto-flow: column;
    justify-items: end;
    padding: 0 10px !important;
    margin: 0 !important;
}

.menue_responsive ul li.top_icon .icon {
    /*!2018_head.css END */
    margin: 0 !important;
}

.menue_responsive ul li.top_icon {
    /*!2018_head.css START */
    width: 22px;
    box-sizing: border-box;
    text-align: center;
}

.mm-ocd__content {
    /*mmenu-light.css*/
    position: absolute;
    top: 70px !important;
    bottom: 0;
    z-index: 2;
    width: 100% !important;
    min-width: auto !important;
    max-width: none !important;
    background: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    box-shadow: 1px -15px 15px -2px #80808038;
}

.mm-ocd__backdrop {
    /*mmenu-light.css*/
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    min-width: auto !important;
    max-width: none !important;
    background: rgba(3, 2, 1, 0) !important;
}

.mm-ocd--open {
    /*mmenu-light.css*/
    background: none !important;
}

.mm-spn li:after {
    /*mmenu-light.css*/
    content: "";
    display: block;
    margin-left: 0 !important;
    border-top: 1.5px solid var(--kdg_trendcolour_secondary) !important;
    opacity: 1 !important;
}

.mm-spn li.small:after {
    /*mmenu-light.css*/
    border-top: none !important;
}

.mm-spn.mm-spn--navbar .mm-spn--parent ul:before {
    /*mmenu-light.css*/
    content: "";
    display: block;
    position: fixed;
    top: inherit;
    z-index: 4;
    width: 100%;
    border-top: 1.5px solid var(--kdg_trendcolour_secondary) !important;
    opacity: 1 !important;
}

.mm-spn a,
.mm-spn span {
    /*mmenu-light.css*/
    position: relative;
    z-index: 1;
    padding: 23px 40px !important;
}

.mm-spn a:not(:last-child):after {
    /*mmenu-light.css*/
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: none !important;
    opacity: .15;
}

.mm-spn a:not(:last-child) {
    /*mmenu-light.css*/
    width: 100% !important;
}

.mm-spn li:before {
    /*mmenu-light.css*/
    display: grid !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    border-top: none !important;
    border-right: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    justify-content: end !important;
    align-items: center !important;
    font-family: "Material Symbols Outlined" !important;
    font-style: normal !important;
    font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 10, "opsz" 30 !important;
    content: "add" !important;
    font-size: 25px !important;
    cursor: pointer !important;
    padding-right: 40px !important;
    -webkit-text-size-adjust: 100%;
}

.mm-spn ul.mm-spn--parent {
    /*mmenu-light.css*/
    left: -100% !important;
    overflow-y: hidden;
}

.mm-spn a:last-child {
    /*mmenu-light.css*/
    z-index: 3 !important;

}

.mm-spn a {
    /*mmenu-light.css*/
    color: inherit;
    text-decoration: none;
    background: white !important;
}

.mm-spn .additional.small a {
    /*mmenu-light.css*/
    background: inherit !important;
}

.mm-spn.mm-spn--navbar ul {
    /*mmenu-light.css*/
    top: 70px !important;
}

.mm-spn.mm-spn--main.mm-spn--navbar ul {
    /*mmenu-light.css*/
    top: 0 !important;
}

.mm-spn.mm-spn--navbar:after {
    /*mmenu-light.css*/
    content: attr(data-mm-spn-title);
    display: block;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    padding: 23px 40px 23px 65px !important;
    line-height: var(--mm-spn-line-height) !important;
    opacity: 1 !important;
    text-align: left !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    direction: rtl;
}

.mm-spn.mm-spn--navbar:before {
    /*mmenu-light.css*/
    display: block;
    position: absolute;
    top: 23px !important;
    left: 40px !important;
    width: 15px !important;
    height: 23px !important;
    margin-top: 0px !important;
    border-top: none !important;
    border-left: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    font-family: "Material Symbols Outlined" !important;
    font-style: normal !important;
    font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 10, "opsz" 30 !important;
    content: "arrow_back_ios" !important;
    font-size: 20px !important;
    -webkit-text-size-adjust: 100%;
}

.mm-spn ul.mm-spn--open {
    /*mmenu-light.css*/
    left: 0;
    background: var(--kdg_trendcolour_menu);
}

.mm-spn li.passive,
.mm-spn li.catlike {
    /*mmenu-light.css*/
    background: white !important;
}

.mm-spn li.small:before {
    /*mmenu-light.css*/
    display: none !important;
}

.mm-spn--main li.level_0:nth-child(n+6) a,
#menu li.navigation.catlike a {
    /*mmenu-light.css*/
    color: var(--kdg_trendcolour_primary);
}


.mm-spn ul {
    /*mmenu-light.css*/
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    /*left: 0;*/
    bottom: 0;
    z-index: 2;
    width: 100% !important;
    padding-right: 0 !important;
    line-height: var(--mm-spn-line-height);
    overflow: visible;
    overflow-y: auto;
    background: inherit;
    -webkit-transition: left .3s ease 0s;
    -o-transition: left .3s ease 0s;
    transition: left .3s ease 0s;
    cursor: default;
}

.mm-spn li.additional.small{
    /*mmenu-light.css*/
    background: none !important;
}

@media only screen and (max-width: 1024px) {
    .outer_page_head {
        /*!2018_resp.css END */
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 60px 1fr;
        align-items: center;
        padding: 10px !important;
        column-gap: 20px;
        z-index: 10000000000 !important;
    }
    .filter_button_wrapper {
	    padding: 15px 0 80px !important;
	}
	.columns_1.row.teaser.start {
    margin-top: 1vw;
}
}
.filterContainer .innerContainer button.filter_close_btn {
    top: 26px !important;
    right: 25px !important;
}

/*:root {
    --topinfobanner_background: #a8c7ea !important;
    --topinfobanner_fontcolour: #000 !important;
}*/