/* --- Webfonts ------------------------ */
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2016 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: https://www.fontspring.com/licenses/exljbris/webfont
 *
 *
 */

@font-face {
    font-family: 'museo_sans_rounded700';
    src: url('../../fonts/MuseoSansRounded-700-webfont.eot');
    src: url('../../fonts/MuseoSansRounded-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/MuseoSansRounded-700-webfont.woff2') format('woff2'),
         url('../../fonts/MuseoSansRounded-700-webfont.woff') format('woff'),
         url('../../fonts/MuseoSansRounded-700-webfont.ttf') format('truetype'),
         url('../../fonts/MuseoSansRounded-700-webfont.svg#museo_sans_rounded700') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_rounded300';
    src: url('../../fonts/MuseoSansRounded-300-webfont.eot');
    src: url('../../fonts/MuseoSansRounded-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/MuseoSansRounded-300-webfont.woff2') format('woff2'),
         url('../../fonts/MuseoSansRounded-300-webfont.woff') format('woff'),
         url('../../fonts/MuseoSansRounded-300-webfont.ttf') format('truetype'),
         url('../../fonts/MuseoSansRounded-300-webfont.svg#museo_sans_rounded300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iconfont';
    src:
        url('../../fonts/iconfont.ttf?isstza') format('truetype'),
        url('../../fonts/iconfont.woff?isstza') format('woff'),
        url('../../fonts/iconfont.svg?isstza#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-checkout-step:before {
    content: "\e90f";
}
.icon-arrow-down:before {
    content: "\e900";
}
.icon-arrow-left:before {
    content: "\e901";
}
.icon-arrow-right:before {
    content: "\e902";
}
.icon-arrow-up:before {
    content: "\e903";
}
.icon-close:before {
    content: "\e904";
}
.icon-facebook:before {
    content: "\e905";
}
.icon-googleplus:before {
    content: "\e906";
}
.icon-percent:before {
    content: "\e907";
}
.icon-wool-right:before {
    content: "\e908";
}
.icon-wool-left:before {
    content: "\e909";
}
.icon-menu:before {
    content: "\e90a";
}
.icon-plus:before {
    content: "\e90b";
}
.icon-sheep:before {
    content: "\e90c";
}
.icon-twitter:before {
    content: "\e90d";
}
.icon-search:before {
    content: "\e90e";
}

/* END: Webfonts ------------------------ */

/* --- old ie note ------------------------ */
.oldIENote {
    position: relative;
    z-index: 200;
    background: #fefee0 url('../../img/bomb.gif') no-repeat 8px 6px;
    border-bottom: 1px solid #000;
    padding: 6px 24px 6px 30px;
    font-size: 13px;
    line-height: 20px;
}

    .oldIENote a {
        text-decoration: underline;
    }

    .closeOldIENote {
        position: absolute;
        z-index: 300;
        right: 0;
        top: 0;
        margin: 7px 6px 0 0;
        width: 14px;
        height: 14px;
        text-align: center;
        line-height: 14px;
        color: #000;
        font-weight: bold;
    }

        .closeOldIENote:hover,
        .closeOldIENote:focus {
            text-decoration: none;
            color: #000;
        }
/* END: old ie note ------------------------ */

/* --- desktop: content stylings ------------------------ */
body {
    font-family: museo_sans_rounded300, sans-serif;
    line-height: 29px;
}

h1, .h1 {
    margin-bottom: 54px;
}

h2, .h2 {
    margin-bottom: 49px;
}

h3, .h3 {
    line-height: 37px;
    margin-top: 40px;
    margin-bottom: 29px;
}

ul.contentList,
ol.contentList,
.cmsContent ul,
.cmsContent ol,
.cmsContent p,
p.bodytext {
    margin-bottom: 39px;
}

p.introText {
    color: #7e7e7e;
    font-size: 35px;
    line-height: 44px;
}

ul.contentList,
ol.contentList,
.cmsContent ul,
.cmsContent ol {
    padding-left: 18px;
}

    #contentPageContainer .cmsContent ul,
    #contentPageContainer .cmsContent ol {
        padding-left: 45px;
    }

        #contentPageContainer .cmsContent .agbContentList {
            padding-left: 24px;
        }

b, strong {
    font-weight: normal;
    font-family: museo_sans_rounded700, sans-serif;
}

*:focus {
    outline: none !important;
}

a {
	color: #000;
}

.page-header {
	border: none;
}

.btn {
    border: none;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    font-family: museo_sans_rounded700, sans-serif;
    font-size: 18px;
    padding: 15px 30px 15px 34px;
    -webkit-transition: color 250ms ease, background-color 250ms ease;
       -moz-transition: color 250ms ease, background-color 250ms ease;
        -ms-transition: color 250ms ease, background-color 250ms ease;
            transition: color 250ms ease, background-color 250ms ease;
}

    .btn:hover,
    .btn:focus {
        background-color: #404040;
        color: #fff;
    }

.btn-white {
    background-color: #fff;
    color: #000;
}

    .btn-white:hover,
    .btn-white:focus {
        background-color: #ececec;
        color: #000;
    }

.btn-link,
.btn-link:hover,
.btn-link:focus {
    background-color: transparent;
}

.form-control {
    border-radius: 0;
}

.alert-danger {
    border-color: #d90076;
    background-color: #ebccd1;
    color: #d90076;
    margin-bottom: 0;
}

.alert-danger + .alert-danger {
    margin-top: 5px;
}

#content > .alert-danger,
#contentPageContainer > .alert-danger {
    max-width: 1164px;
    margin: 30px auto 0;
}
/* END: desktop: content stylings ------------------------ */

/* --- desktop: layout ------------------------ */
.container-fluid {
    max-width: 1486px;
}

.cl-forgotpwd #content,
.cl-content #content,
.cl-register #content,
.cl-account:not(.is-logged-in) #content,
.cl-account_user:not(.is-logged-in) #content {
    background: transparent url('../../img/strick_bg.png') repeat 0 0;
    overflow: hidden;
}

    #contentPageContainer {
        max-width: 1226px;
        padding: 0 15px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

        #contentPageContainer h1,
        #contentPageContainer .h1 {
            margin-top: 30px;
            padding-bottom: 50px;
        }

.cl-content #content a,
.cl-register #content a,
.cl-account #content a,
.cl-contact #content a {
    color: #d90076;
}

.cl-account #content a#openAccountLink {
    color: #fff;
}

#boxwrapper_contactPage {
    background: transparent url('//shop.sockenwolle.de/out/sockenwolle/img/strick_bg.png') repeat 0 0;
}

    #contactPage {
        max-width: 1236px;
        padding: 83px 20px 0;
        margin: 0 auto;
    }

        #contactPage > .row > div > :first-child {
            margin-top: 0;
        }

.google-maps figure {
    line-height: 0;
}
/* END: desktop: layout ------------------------ */

/* --- basket modal ------------------------ */
#basketModal .modal-footer {
    padding-top: 0;
}

    #basketModal .modal-footer .btn {
        margin-top: 15px;
    }
/* END: basket modal ------------------------ */

/* --- desktop: navigation ------------------------ */
.navbar-nav, #mainNav {
	font-family: museo_sans_rounded700, sans-serif;
}

.navbar {
    min-height: 0;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}

    .navbar-collapse {
        position: relative;
    }

        .navbar-nav {
            margin-right: -10px;
        }

            body.shop .navbar-nav {
                margin-right: 12px;
            }

            .navbar-nav > li {
                position: static;
                /*margin: 0 14px;*/
                margin: 0;
            }

            	.navbar-nav > li > a {
                    padding: 53px 25px 58px;
                    /*padding-top: 53px;
            		padding-bottom: 0;*/
            	}

                    body.shop .navbar-nav > li > a {
                        padding-right: 21px;
                        padding-left: 21px;
                    }

            		.navbar-nav > li:hover > a,
                    .navbar-nav > li:focus > a {
                        position: relative;
            		}

                    .navbar-default .navbar-nav li.active > a,
                    .navbar-default .navbar-nav li.active > a:hover,
                    .navbar-default .navbar-nav li.active > a:focus {
                        color: #d90076;
                    }

                        .navbar-nav > li:hover > a:after,
                        .navbar-nav > li:focus > a:after {
                            display: block;
                            content: '';
                            position: absolute;
                            left: 21px;
                            right: 21px;
                            bottom: 43px;
                            height: 2px;
                            background-color: #d90076;
                        }

                .navbar-nav > li > .dropdown-menu {
					right: 0;
					left: 0;
                    -webkit-box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
                            box-shadow: 0 0 19px rgba(0, 0, 0, 0.3);
                    border-radius: 0;
                    border: none;
                    background-color: #000;
                }

                    .navbar-nav .level2Container {
                        position: relative;
                        float: right;
                        width: 100%;
                        max-width: 1066px;
                        padding: 46px 100px 64px 37px;
                    }

                        .navbar-nav .level2Container .dropdown-close {
                            position: absolute;
                            top: 25px;
                            right: 33px;
                            font-size: 22px;
                        }

                            .navbar-nav .level2Container .dropdown-close:hover,
                            .navbar-nav .level2Container .dropdown-close:focus {
                                text-decoration: none;
                            }

                        .navbar-nav .dropdown-menu .categoryTitle {
                            display: block;
                            color: #797979;
                            font-size: 18px;
                            margin-bottom: 11px;
                        }

                        .navbar-nav .nav {

                        }

                        .navbar-nav .nav.twoColumns {
                            -webkit-column-count: 2;
                               -moz-column-count: 2;
                                    column-count: 2;

                            -webkit-column-gap: 0;
                               -moz-column-gap: 0;
                                    column-gap: 0;
                        }

                        .navbar-nav .nav.threeColumns {
                            -webkit-column-count: 3;
                               -moz-column-count: 3;
                                    column-count: 3;

                            -webkit-column-gap: 0;
                               -moz-column-gap: 0;
                                    column-gap: 0;
                        }

                            .navbar-nav .nav > li {
                                padding: 11px 0 10px;
                            }

                            .navbar-nav .nav.twoColumns > li,
                            .navbar-nav .nav.threeColumns > li {
                                break-inside: avoid-column;
                            	-webkit-column-break-inside: avoid;
                            	page-break-inside: avoid;
                            }

                                .navbar-nav .nav > li > a {
                                    color: #fff;
                                    padding: 0;
                                }

                                    .navbar-nav .nav > li > a:hover,
                                    .navbar-nav .nav > li > a:focus {
                                        background-color: transparent;
                                        color: #d90076;
                                    }
/* END: desktop: navigation ------------------------ */

/* --- desktop: search ------------------------ */
body.shop .navbar-search {
    margin-right: 15px;
}

    .navbar-search > span > a {
        display: block;
        width: 23px;
        color: #fff;
        padding-top: 55px;
        font-size: 23px;
    }

        .navbar-search > span > a:hover,
        .navbar-search > span > a:focus {
            text-decoration: none;
            color: #d90076;
        }

#searchContainer {
    position: absolute;
    top: 64px;
    right: 85px;
    left: 254px;
    bottom: 0;
    display: none;
    z-index: 1;
    background-color: #000;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms ease;
       -moz-transition: opacity 250ms ease;
        -ms-transition: opacity 250ms ease;
            transition: opacity 250ms ease;
}

    #searchContainer.open {
        opacity: 1;
    }

        #searchParam {
            margin-top: 40px;
            font-size: 30px;
			background-color: #000;
            border: 1px solid #fff;
        }

/* END: desktop: search ------------------------ */

/* --- desktop: mainNav ------------------------ */
#mainNav {

}

    #metaNavContainerWrap {
        height: 64px;
        background-color: #404040;
    }

        #metaNavContainer {
            float: right;
        }

            #metaNavImg > img {
                display: block;
                max-width: 422px;
                margin-top: 20px;
                margin-left: 22px;
            }

            #metaNav {
                margin-bottom: 0;
                padding-left: 14px;
            }

                #metaNav li {
                    float: left;
                    position: relative;
                    list-style-type: none;
                    padding: 16px 18px 19px 28px;
                }

                    #metaNav li.active:after {
                        display: block;
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        margin-left: -5px;
                        width: 0;
            			height: 0;
            			border-style: solid;
            			border-width: 0 12px 11px 12px;
            			border-color: transparent transparent #000000 transparent;
                    }

                    #metaNav a {
                        line-height: 28px;
                        color: #909090;
                    }

                        #metaNav a:hover,
                        #metaNav a:focus,
                        #metaNav li.active a {
                            color: #fff;
                            text-decoration: none;
                        }

            #accountAndBasketContainer {
                margin-left: 7px;
            }

                #accountAndBasketContainer .btn-link {
                    padding: 17px 25px 18px;
                    color: #909090;
                    font-family: museo_sans_rounded300, sans-serif;
                    line-height: 28px;
                    border: none;
                }

                    #accountAndBasketContainer .btn-group.open .dropdown-toggle:before {
                        display: block;
                        content: '';
                        position: absolute;
                        bottom: 0;
                        right: 50%;
                        margin-right: -12px;
                        border-width: 0 12px 11px 12px;
                        border-color: transparent transparent #fff transparent;
                        border-style: solid;
                    }

                        #accountAndBasketContainer .btn-group.minibasket-menu.open .dropdown-toggle:before {
                            margin-right: -22px;
                        }

                    #accountAndBasketContainer .minibasket-menu .btn-link {
                        color: #fff;
                    }

                        #accountAndBasketContainer .btn-link:hover,
                        #accountAndBasketContainer .btn-link:focus {
                            color: #fff;
                            text-decoration: none;
                        }

                        #accountAndBasketContainer .minibasket-menu .btn-link {
                            position: relative;
                            padding-right: 9px;
                            padding-left: 54px;
                            overflow: hidden;
                        }

                            #accountAndBasketContainer .minibasket-menu .btn-link:hover:after,
                            #accountAndBasketContainer .minibasket-menu .btn-link:focus:after {
                                display: block;
                                content: '';
                                position: absolute;
                                right: 39px;
                                left: 54px;
                                bottom: 14px;
                                height: 2px;
                                background-color: #d90076;
                            }

                            #accountAndBasketContainer .minibasket-menu .icon-wool-left {
                                position: absolute;
                                top: 27px;
                                left: 0;
                                display: inline-block;
                                color: #d90076;
                                font-size: 32px;
                                -webkit-transform: rotate(25deg) scaleY(-1);
                                   -moz-transform: rotate(25deg) scaleY(-1);
                                    -ms-transform: rotate(25deg) scaleY(-1);
                                        transform: rotate(25deg) scaleY(-1);
                            }

                                #accountAndBasketContainer .service-menu-box .lead {
                                    display: block;
                                    margin-bottom: 15px;
                                    line-height: 35px;
                                }

                                #accountAndBasketContainer .service-menu-box div.checkbox {
                                    margin-top: 15px;
                                    margin-bottom: 15px;
                                }

                                #accountAndBasketContainer .minibasket-menu-box .alert-info {
                                    background-color: #fff;
                                    color: #000;
                                    border: none;
                                    margin-bottom: 0;
                                }

                        .minibasketCount {
                            color: #fff;
                            background-color: #d90076;
                            border-radius: 9px;
                            display: inline-block;
                            min-width: 19px;
                            height: 19px;
                            line-height: 19px;
                            font-size: 16px;
                            margin-left: 10px;
                            padding: 0 3px;
                            font-family: museo_sans_rounded700, sans-serif;
                            text-align: center;
                        }

                            #accountAndBasketContainer .dropdown-menu {
                                border: none;
                            }

                                #accountAndBasketContainer .minibasket-menu .dropdown-menu {
                                    width: 500px;
                                    margin: 0;
                                    padding: 15px;
                                }

                                    #accountAndBasketContainer .minibasket-menu .functions {
                                        margin-bottom: 0;
                                    }

                                    #basketFlyout .table td.picture {
                                        position: relative;
                                    }

                                        #basketFlyout .table td.picture .badge {
                                            position: absolute;
                                            top: 3px;
                                            right: 3px;
                                            color: #fff;
                                            background-color: #d90076;
                                            border-radius: 9px;
                                            display: inline-block;
                                            min-width: 19px;
                                            height: 19px;
                                            line-height: 19px;
                                            font-size: 16px;
                                            margin-left: 10px;
                                            padding: 0 3px;
                                            font-family: museo_sans_rounded700, sans-serif;
                                            font-weight: normal;
                                            text-align: center;
                                        }

                                    #basketFlyout .table td.total_price {
                                        white-space: nowrap;
                                    }

    #modalbasketFlyout .text-right {
        min-width: 100px;
    }

	.showLogin .dropdown-menu {
		z-index: 1500;
	}

    .service-menu .dropdown-menu {
        margin-top: 0;
        padding: 0;
    }

        .service-menu .dropdown-menu .topPopList > .lead {
            color: #797979;
        }

        .service-menu .dropdown-menu .topPopList > .flyoutBox a {

        }

            .service-menu .dropdown-menu .topPopList > .flyoutBox a:hover,
            .service-menu .dropdown-menu .topPopList > .flyoutBox a:focus {
                text-decoration: none;
                color: #d90076;
            }

	.service-menu-box {
		width: 400px;
		padding: 15px;
	}

        .service-menu-box .loginNote {
            font-family: museo_sans_rounded300, sans-serif;
            font-size: 16px;
            line-height: 22px;
            margin: -10px 0 15px;
        }

			#errorBadLogin {
				color: #d90076;
			}

                #loginBox .alert-danger {
                    font-family: museo_sans_rounded300, sans-serif;
                    background-color: transparent;
                    border: none;
                    color: #d90076;
                    padding: 15px 0 0;
                }

		#loginBox .forgotPasswordOpener {
			padding: 16px 30px 16px 34px;
		}

		#remember {
			top: 4px;
		}

    .navbar-brand {
        position: relative;
        z-index: 1;
        padding: 21px 20px 19px;
    }

		.navbar > .container-fluid .navbar-brand {
			margin-left: 2px;
		}

		.navbar-brand > img {
            max-width: 169px;
        }

        .navbar-brand > img.logo-mobile {
            display: none;
        }

            .navbar-default .navbar-toggle {
                color: #fff;
                border: none;
                margin: 12px 10px 0 0;
            }

                .navbar-default .navbar-toggle .icon {
                    font-size: 17px;
                    padding-left: 6px;
                }

                .navbar-default .navbar-toggle:hover,
                .navbar-default .navbar-toggle:focus {
                    background-color: transparent;
                }
/* END: desktop: mainNav ------------------------ */

/* --- desktop: subnav ------------------------ */
#subNav {
    max-width: 1236px;
    margin: 0 auto;
    padding: 0 20px;
}

    #subNav .navbar-nav {
        float: none;
        text-align: left;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

    #subNav .navbar-nav.slick-slider {
        max-width: 100%;
    }

        #subNav .slick-next,
        #subNav .slick-prev {
            top: 0;
            width: auto;
            height: 100%;
            margin-top: 0;
            padding-bottom: 6px;
            color: #8c8c8c;
            border: none;
            font-size: 14px;
            background-color: #fff;
        }

        #subNav .slick-disabled {
            color: #fff;
            cursor: default;
        }

        #subNav .slick-next {
            right: 0;
            padding-right: 0;
            padding-left: 13px;
        }

        #subNav .slick-prev {
            left: 0;
            padding-right: 13px;
            padding-left: 0;
        }

        #subNav .slick-list {
            padding: 0 20px !important;
        }

        #subNav .shadow {
            position: absolute;
            top: 0;
            width: 35px;
            height: 100%;
        }

        #subNav .shadow-left {
            left: 18px;
            box-shadow: inset 20px 0px 20px 0px #fff;
        }

        #subNav .shadow-right {
            right: 18px;
            box-shadow: inset -20px 0px 20px 0px #fff;
        }

        #subNav .navbar-nav li {
            float: none;
            display: inline-block;
        }

            #subNav .navbar-nav li a {
                display: block;
                color: #8c8c8c;
                padding: 50px 29px 55px;
            }

                #subNav .navbar-nav li.active a {
                    color: #d90076;
                }

                #subNav .navbar-nav li a:hover,
                #subNav .navbar-nav li a:focus {
                    background-color: transparent;
                    color: #424242;
                    text-decoration: none;
                }

                    #subNav .navbar-nav li a:hover:after,
                    #subNav .navbar-nav li a:focus:after {
                        display: none;
                    }
/* END: desktop: subnav ------------------------ */

/* --- mobileNavigation ------------------------ */
#mobileNavigationContainer {
    background-color: #000;
    overflow-x: hidden;
}

    #mobileNavigation {
        position: relative;
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        -webkit-transition: -webkit-transform 250ms ease-out;
           -moz-transition: -moz-transform 250ms ease-out;
            -ms-transition: transform 250ms ease-out;
                transition: transform 250ms ease-out;
    }

        #mobileNavigation.level2Active {
            -webkit-transform: translateX(-100%);
               -moz-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
        }

        #mobileNavigationContainer .navbar-toggle {
            color: #fff;
            font-size: 13px;
            margin: 12px 17px 9px 0;
        }

            #mobileNavigation .nav {
                font-family: museo_sans_rounded700, sans-serif;
            }

                #mobileNavigation .nav > li {
                    position: static;
                }

                #mobileNavigation .nav > li + li {
                    margin-top: 0;
                }

                    #mobileNavigation .nav a {
                        color: #fff;
                    }

                        #mobileNavigation .nav li.active > a {
                            color: #d90076;
                        }

                    #mobileNavigation .nav .levelUpLink {
                        position: relative;
                        display: block;
                        padding: 15px 15px 17px 51px;
                    }

                        #mobileNavigation .nav .levelUpLink:hover,
                        #mobileNavigation .nav .levelUpLink:focus {
                            background-color: #404040;
                            text-decoration: none;
                        }

                        #mobileNavigation .nav .levelUpLink .icon {
                            position: absolute;
                            top: 23px;
                            left: 30px;
                            font-size: 11px;
                        }

                    #mobileNavigation .nav .categoryTitle {
                        display: block;
                        margin-top: 27px;
                        margin-bottom: 6px;
                        color: #797979;
                        font-size: 18px;
                        padding-right: 15px;
                        padding-left: 30px;
                    }

                    #mobileNavigation .nav > li > a {
                        position: relative;
                        border-radius: 0;
                        padding: 15px 15px 16px 30px;
                    }

                        #mobileNavigation .nav > li > a:hover,
                        #mobileNavigation .nav > li > a:focus {
                            background-color: #404040;
                        }

                            #mobileNavigation .nav > li li > a:hover,
                            #mobileNavigation .nav > li li > a:focus {
                                background-color: transparent;
                                color: #d90076;
                            }

                        #mobileNavigation .nav > li > a > .icon {
                            position: absolute;
                            top: 26px;
                            right: 32px;
                            font-size: 11px;
                        }

                    #mobileNavigation .nav > li > .levelContainer {
                        position: absolute;
                        left: 100%;
                        top: 0;
                        display: none;
                        width: 100%;
                    }

                        #mobileNavigation .nav > li > .levelContainer.active {
                            display: block;
                        }
/* END: mobileNavigation ------------------------ */

/* --- desktop: category overview ------------------------ */
.page-header,
.page-header {
    position: relative;
    max-width: 1220px;
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 20px;
    padding-bottom: 93px;
    padding-left: 20px;
}

    .page-header > *,
    .page-header > * {
        max-width: 1005px;
    }

    .page-header h1 {
        margin-bottom: 54px;
    }

    .categoryDescription {
    	color: #7d7d7d;
    	font-size: 35px;
        line-height: 44px;
    }

    .page-header .icon {
        position: absolute;
        bottom: 38px;
        right: 173px;
        left: 50%;
        margin-left: -57px;
        text-align: right;
        font-size: 70px;
    }

.categoryImage {
    overflow: hidden;
}

    .categoryImage img {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        -webkit-transition: -webkit-transform 200ms ease;
           -moz-transition: -moz-transform 200ms ease;
            -ms-transition: transform 200ms ease;
                transition: transform 200ms ease;
    }

        .categoryImage img:hover,
        .categoryImage img:focus {
            -webkit-transform: scale(1.06);
               -moz-transform: scale(1.06);
                -ms-transform: scale(1.06);
                    transform: scale(1.06);
        }
/* END: desktop: category overview ------------------------ */

/* --- desktop: footer ------------------------ */
#footer {
    /*
    position: absolute;
    bottom: 0;
    height: 597px;
    */
    width: 100%;
    padding-top: 52px;
    background: transparent url('../../img/strick_bg.png') repeat 0 0;
}

    #footer .container-fluid {
        max-width: 1226px;
        height: 100%;
        margin-bottom: -69px;
        padding-bottom: 101px;
    }

	#shopLogoFooter {
		text-align: center;
		padding-bottom: 24px;
	}

		#shopLogoFooter img {
            max-width: 105px;
            height: auto;
            margin: 0 auto 8px;
		}

		#shopLogoFooter .icon {
			display: block;
			font-size: 50px;
            -webkit-transform: rotate(-14deg);
               -moz-transform: rotate(-14deg);
                -ms-transform: rotate(-14deg);
                    transform: rotate(-14deg);
		}

    /*
    .footer-box-categories ul.twoColumns,
    .footer-box-service ul.twoColumns {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
    */

    .footer-box-title {
		font-size: 20px;
		font-family: museo_sans_rounded700, sans-serif;
        margin-bottom: 10px;
	}

    .footer-box-content a:hover,
    .footer-box-content a:focus {
        text-decoration: none;
        color: #d90076;
    }

        .customerInformation {
			padding: 9px 0;
		}

        .payments .customerInformation {
            position: relative;
            padding-left: 85px;
        }

        .payments .customerInformation:before {
            width: 71px;
            display: inline-block;
            text-align: center;
            position: absolute;
            margin-left: -85px;
            margin-top: 3px;
            top: 50%;
            -webkit-transform: translateY(-50%);
               -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
        }

        .payments .customerInformation.paypal:before {
            content: url('../../img/payments/payment_paypal.png');
        }

        .payments .customerInformation.invoice:before {
            content: url('../../img/payments/payment_invoice.png');
        }

        .payments .customerInformation.debit:before {
            content: url('../../img/payments/payment_debit.png');
        }

        .payments .customerInformation.cod:before {
            content: url('../../img/payments/payment_cod.png');
        }

        .payments .customerInformation.prepayment:before {
            content: url('../../img/payments/payment_prepayment.png');
        }

        .advantages .customerInformation {
            padding-left: 20px;
        }

        .advantages .customerInformation:before {
            content: '✓';
            position: absolute;
            margin-left: -20px;
            color: #d90076;
        }

            #footer .badge {
                height: 19px;
                background-color: #d90076;
                border-radius: 9px;
                line-height: 19px;
                font-size: 16px;
                font-weight: normal;
                padding: 0 3px;
                min-width: 19px;
                font-family: museo_sans_rounded700, sans-serif;
            }

    #footer .legal {
        color: #fff;
        text-align: center;
        background-color: #000;
    }
        #footer .legal .container-fluid {
            padding-top: 18px;
            padding-bottom: 22px;
            max-height: 100%;
        }

        	.copyrightFooter {
                display: inline-block;
        		margin-bottom: 0;
                font-size: 18px;
        	}

        	.madeInGermany {
                position: relative;
        		padding-left: 26px;
        		font-family: museo_sans_rounded700, sans-serif;
        	}

            .germanFlagContainer {
                position: absolute;
                right: 7px;
                bottom: -7px;
                display: block;
            }

                .germanFlag {
                    position: relative;
                    display: block;
                    width: 113px;
                    height: 6px;
                    background-color: #fe0000;
                    border: 1px solid #414141;
                }

                    .germanFlag:before,
                    .germanFlag:after {
                        display: block;
                        content: '';
                        position: absolute;
                        width: 33.33333333%;
                        height: 4px;
                    }

                    .germanFlag:before {
                        left: 0;
                        background-color: #000;
                    }

                    .germanFlag:after {
                        right: 0;
                        background-color: #ffd302;
                    }
/* END: desktop: footer ------------------------ */

/* --- desktop: article list ------------------------ */
#boxwrapper_productList {
	background: transparent url('../../img/strick_bg.png') repeat 0 0;
}

#productList {
	max-width: 1236px;
    padding: 0 20px;
	margin: 0 auto;
    overflow: hidden;
}

    #productList > .row, #searchList > .row {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }

        #productList > .row:before,
        #productList > .row:after {
            display: none;
        }

	.articleCounter {
		font-size: 40px;
        line-height: 47px;
        margin-top: 35px;
		margin-bottom: 50px;
	}

	.listPoster {
		font-family: museo_sans_rounded700, sans-serif;
	}

		.zoomListPoster {
			padding-left: 15px;
		}

	#productOverviewPosterContainer, .articlePreview {
		display: block;
		max-width: 379px;
		margin: 0 auto;
	}

		.articlePreview:hover,
		.articlePreview:focus,
		.articlePreview:active {
			color: #d90076;
			text-decoration: none;
		}

            .articlePreviewPictureContainerWrap {
                position: relative;
            }

                .articlePreviewPictureContainerWrap:before {
                    display: block;
                    content: '';
                    padding-top: 140.21164021%;
                }

    			.articlePreviewPictureContainer {
    				background-color: #fff;
    				position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    overflow: hidden;
                    box-shadow: none;
                    -webkit-transition: box-shadow 500ms ease;
                       -moz-transition: box-shadow 500ms ease;
                        -ms-transition: box-shadow 500ms ease;
                            transition: box-shadow 500ms ease;
    			}

    			.darkBackground .articlePreviewPictureContainer,
    			.darkBackground.articlePreviewPictureContainer {
    				background-color: #1d1d1b;
    			}

    				.articlePreviewPicture {
    					position: absolute;
    					top: 50%;
                        left: 50%;
    					-webkit-transform: translateY(-50%) translateX(-50%);
    					   -moz-transform: translateY(-50%) translateX(-50%);
    					    -ms-transform: translateY(-50%) translateX(-50%);
    					     -o-transform: translateY(-50%) translateX(-50%);
    					        transform: translateY(-50%) translateX(-50%);
						max-height: 100%;
    				}

    					.articlePreviewHoverPictureContainer {
    						height: 100%;
    						width: 100%;
    						position: absolute;
    						top: 0;
    						z-index: 100;
    						overflow: hidden;
    					}

                            .articlePreviewHoverPicture {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                -webkit-transform: translateY(-50%) translateX(-50%);
                                   -moz-transform: translateY(-50%) translateX(-50%);
                                    -ms-transform: translateY(-50%) translateX(-50%);
                                     -o-transform: translateY(-50%) translateX(-50%);
                                        transform: translateY(-50%) translateX(-50%);
                                height: auto;
                                max-height: 100%;
                                width: auto;
                                max-width: none;
                                opacity: 0;
                                -webkit-transition: opacity 500ms ease;
                                   -moz-transition: opacity 500ms ease;
                                    -ms-transition: opacity 500ms ease;
                                        transition: opacity 500ms ease;
                            }

                                .articlePreview:hover .articlePreviewHoverPicture,
                                .articlePreview:focus .articlePreviewHoverPicture,
                                .articlePreview:active .articlePreviewHoverPicture {
                                    opacity: 1;
                                }

			.articlePreview:hover .articlePreviewPictureContainer,
			.articlePreview:focus .articlePreviewPictureContainer,
			.articlePreview:active .articlePreviewPictureContainer {
				box-shadow: 0px 6px 14px rgba(0,0,0,0.35);
			}

    .articlePreview:hover .listDetails .shopNote.btn,
    .articlePreview:focus .listDetails .shopNote.btn {
       background-color: #404040;
    }

	.listPoster, .listDetails {
		padding-top: 13px;
		margin-bottom: 45px;
	}

        .listDetails .titleAndArtNr {
            padding-right: 0;
        }

    		.listDetails .title {
    			font-family: museo_sans_rounded700, sans-serif;
    		}

            .listDetails .titleAndArtNr .articleNumber {
                white-space: nowrap;
            }

        .listDetails .shopNote.onStock {
            color: #51ac4f;
        }

        .listDetails .shopNote.notOnStock {
            color: #f00000;
        }

            .listDetails .shopNote.btn {
                /* font-size: 17px;
                padding: 5px 10px; */
                margin-top: 5px;
            }
/* END: desktop: article list ------------------------ */

/* --- desktop: detail page ------------------------ */
#details {
    padding: 0 20px;
}

.detailsContentWrap {
    max-width: 1196px;
    margin: 0 auto;
}

#relatedProductsContainer {
	max-width: 1236px;
    padding: 0 20px;
	margin: 0 auto;
}

#detailsItemsPager .pager-overview-link {
	padding-top: 50px;
}

	.backToOverviewLink {
		color: #8a8a8a;
		font-family: museo_sans_rounded700, sans-serif;
		font-size: 22px;
	}

		.backToOverviewLink:hover,
		.backToOverviewLink:focus,
		.backToOverviewLink:active {
			color: #404040;
			text-decoration: none;
		}

		.articleDetailPicture:hover,
		.articleDetailPicture:focus,
		.articleDetailPicture:active {
			color: #d90076;
			text-decoration: none;
		}

			.backToOverviewLink i {
                position: relative;
                left: 0;
                top: -2px;
                font-size: 12px;
                padding-right: 13px;
			}

        #productTitle {
            margin-bottom: 31px;
        }

		.detailPageArtNum {
			font-size: 40px;
			color: #7d7d7d;
		}

			#zoom1 {
				display: block;
				margin-top: 30px;
			}

				#zoom1 img {
					padding-bottom: 30px;
				}

				.articlePictureZoom {
					font-family: museo_sans_rounded700, sans-serif;
                    /*margin-top: 5px;*/
                    margin-top: 10px;
					margin-bottom: 80px;
                    /*margin-left: 80px;*/
                    margin-left: 60px;
				}

                    .articlePictureZoom a {

                    }

                        .articlePictureZoom a:hover,
                        .articlePictureZoom a:focus {
                            color: #d90076;
                            text-decoration: none;
                        }

    					.articlePictureZoom span {
    						padding-left: 15px;
    					}

	#productinfo {
		padding-top: 75px;
	}

		.productMainInfoWrapper {
			background-color: #ececec;
			height: auto;
			padding: 61px 64px 52px 56px;
			margin: 180px auto 60px;
		}

			#price {
				font-family: museo_sans_rounded700;
				font-size: 28px;
			}

				.vatContainer a {
					text-decoration: underline;
				}

			.stockFlag {
				color: #51ac4f;
			}

				.stockFlag.lowStock {
					color: #f0c600;
				}

				.stockFlag.notOnStock {
					color: #f00000;
				}

			#toBasketWrapper {
				margin-top: 35px;
				font-family: museo_sans_rounded700, sans-serif;
			}

				#amountToBasket {
					color: #000;
					background-color: #ececec;
					width: 100px;
					height: 65px;
				}

				#amountToBasket:hover,
				#amountToBasket:focus,
				#amountToBasket:active {
					color: #404040;
					border-color: #404040;
					box-shadow: none;
				}

				#toBasketContainer {
					width: 100%;
					padding-left: 12px;
				}

					#toBasket {
						width: 100%;
						height: 65px;
						position: relative;
					}

						#toBasket:hover {
							background-color: #404040;
							border-color: #404040;
						}

						.toBasketIcon {
							color: #d90076;
                            font-size: 40px;
                            position: absolute;
                            top: 25px;
                            left: 42px;
                            -webkit-transform: rotate(-153deg);
                               -moz-transform: rotate(-153deg);
                                -ms-transform: rotate(-153deg);
                                    transform: rotate(-153deg);
						}

						.toBasketButton {
							padding-left: 8px;
						}

	#detailsRelatedContainer {
		max-width: none;
		margin: 0 auto;
		background: transparent url('../../img/strick_bg.png') repeat 0 0;
		padding: 53px 0 103px;
	}

#detailsMain .detailsInfo {
    position: relative;
}

    #detailsMain .detailsInfo .slick-prev,
    #detailsMain .detailsInfo .slick-next {
        border-color: #000;
        color: #000;
    }

    #detailsMain .detailsInfo .slick-prev {
        left: 0;
    }

    #detailsMain .detailsInfo .slick-next {
        right: 0;
    }

    #detailsMain .detailsInfo .slick-dots {
        bottom: -100px;
    }

        #detailsMain .detailsInfo .slick-dots > li > button {
            border-color: #000;
        }

            #detailsMain .detailsInfo .slick-dots > li.slick-active > button {
                background-color: #000;
            }

    #detailsMain .detailsInfo .slick-list {
        /*margin-right: 80px;*/
        margin-right: 60px;
        /*margin-left: 80px;*/
        margin-left: 60px;
    }

#articlePicturesContainer {
    margin-top: 30px;
    margin-bottom: 0;
}

    #articlePicturesContainer .articlePicture {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

        #articlePicturesContainer .articlePicture img {
            width: auto;
            /*max-height: 530px;*/
            max-height: 585px;
        }

#relatedProductsContainer #productTitle {
    margin-bottom: 40px;
}

.widgetBoxBottomRound > div > :first-child {
    margin-top: 0;
}

.tabbedWidgetBox h3,
.tabbedWidgetBox .h3 {
    font-size: 20px;
    line-height: 29px;
}

.additionalArticleInfo {
    margin-bottom: 40px;
}

    .additionalArticleInfo .typeName {
        margin-bottom: 19px;
    }

    .additionalArticleInfo  h3:not(.typeName) {
        margin-bottom: 13px;
    }

    .additionalArticleInfo .typeIcons + .typeName {
        margin-top: 66px;
    }

    .additionalArticleInfo .typeIcons {
        margin-top: 15px;
        margin-right: -20px;
    }

        .additionalArticleInfo .typeIcons span {
            display: inline-block;
            margin-right: 20px;
        }

            .additionalArticleInfo .typeIcons img {

            }

                .additionalArticleInfo .typeIcons img:hover svg,
                .additionalArticleInfo .typeIcons img:focus svg {
                    stroke: #d90076;
                }
/* END: desktop: detailPage ------------------------ */

/* --- desktop: also bought ------------------------ */
#customersInterests {
    background-color: #fff;
    padding: 49px 20px 34px;
}

    #customersInterests .productSlider {
        padding-bottom: 43px;
    }

        #customersInterests .slick-slider {
            padding-right: 90px;
            padding-left: 90px;
        }

        #customersInterests .slick-next {
            right: 20px;
        }

        #customersInterests .slick-prev {
            left: 20px;
        }

    #customersInterests .slick-dots {
        bottom: -49px;
        line-height: 29px;
    }
/* END: desktop: also bought ------------------------ */

/* --- desktop: checkoutSteps ------------------------ */
.checkoutStepsListContainer {
    font-family: museo_sans_rounded700, sans-serif;
	color: #8c8c8c;
	background-color: #fff;
    max-width: none;
}

    .checkoutStepsListContainer .checkoutStepsList {
        padding-left: 0;
        margin-bottom: 0;
        max-width: 1194px;
        margin-left: auto;
        margin-right: auto;
    }

        .checkoutStepsListContainer .checkoutStepsList li {
            float: none;
            position: relative;
            list-style-type: none;
        }

            .checkoutStepsListContainer .checkoutStep {
                padding-left: 5px;
                padding-right: 5px;
                color: #8c8c8c;
                display: block;
                line-height: 28px;
                padding-top: 18px;
                padding-bottom: 18px;
                white-space: nowrap;
                text-align: center;
            }

            .checkoutStepsListContainer .checkoutStepsList a {
                text-decoration: none;
            }

                .checkoutStepsList a:hover, .checkoutStepsList a:focus, .checkoutStepsList a:active,
                .checkoutStepsList .active a:hover, .checkoutStepsList .active a:focus, .checkoutStepsList .active a:active {
                    color: #424242;
                }

                .checkoutStepsList .active .checkoutStep {
                    color: #d90076;
                }

#optionLogin .loginNote {
    font-family: museo_sans_rounded300, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 15px 0 15px;
}
/* END: desktop: checkoutSteps ------------------------ */

/* --- desktop: checkout defaults ------------------------ */
.is-checkout #content, .cl-thankyou #content {
    background: transparent url('../../img/strick_bg.png') repeat 0 0;
}

    .checkoutContentContainer {
        max-width: 1194px;
    }

        #christmasHolidayNotice {
            background-color: #fff;
            padding: 25px 30px;
            height: 100%;
            margin-bottom: 30px;
        }

        .checkoutOptions #christmasHolidayNotice {
            margin-bottom: 0;
        }

        .checkoutContentContainer #christmasHolidayNotice {
            margin-top: 30px;
        }

            #christmasHolidayNotice p {
                font-size: 20px;
                color: #d90076;
                margin-bottom: 0;
            }

        .checkoutPager  {
            padding-top: 38px;
            padding-bottom: 36px;
        }

            .checkoutPager .prevStep {
                color: #8a8a8a;
                font-family: museo_sans_rounded700, sans-serif;
                font-size: 22px;
                line-height: 28px;
                display: inline-block;
                padding-top: 14px;
                padding-bottom: 13px;
            }

            .prevStep:hover, .checkoutPager .prevStep:focus, .prevStep:active {
                color: #404040;
                text-decoration: none;
            }

                .prevStep > i {
                    position: relative;
                    left: 0;
                    top: -2px;
                    font-size: 12px;
                    padding-right: 6px;
                }

                .nextStep > i {
                    position: relative;
                    left: 0;
                    top: -2px;
                    font-size: 12px;
                    padding-left: 6px;
                }

/*
    .is-checkout #content .checkbox, .cl-account_user #content .checkbox, .cl-account #content .checkbox {
        padding-top: 0;
    }

    .is-checkout #content .checkbox input[type="checkbox"], .cl-account_user #content .checkbox input[type="checkbox"], .cl-account #content .checkbox input[type="checkbox"] {
        display: none;
    }

    .is-checkout #content .checkbox input[type="checkbox"] + label, .cl-account_user #content .checkbox input[type="checkbox"] + label, .cl-account #content .checkbox input[type="checkbox"] + label {
        padding-left: 45px;
        line-height: 24px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .is-checkout #content .checkbox input[type="checkbox"] + label:before, .cl-account_user #content .checkbox input[type="checkbox"] + label:before, .cl-account #content .checkbox input[type="checkbox"] + label:before {
            content: '';
            display: inline-block;
            float: left;
            margin-right: 8px;
            width: 30px;
            height: 30px;
            border: 1px solid #000;
            color: #d90076;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -15px;
            text-align: center;
            overflow: hidden;
            font-size: 16px;
            line-height: 30px;

            font-family: FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .is-checkout #content .checkbox input[type="checkbox"]:checked + label:before, .cl-account_user #content .checkbox input[type="checkbox"]:checked + label:before, .cl-account #content .checkbox input[type="checkbox"]:checked + label:before {
            content: '\f00c';
        }
*/

    #content .checkbox {
        padding-top: 0;
    }

        #content .checkbox input[type="checkbox"] {
            display: none;
        }

        #content .checkbox input[type="checkbox"] + label {
            padding-left: 45px;
            line-height: 24px;
            padding-top: 6px;
            padding-bottom: 6px;
        }

            #content .checkbox input[type="checkbox"] + label:before {
                content: '';
                display: inline-block;
                float: left;
                margin-right: 8px;
                width: 30px;
                height: 30px;
                border: 1px solid #000;
                color: #d90076;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -15px;
                text-align: center;
                overflow: hidden;
                font-size: 16px;
                line-height: 30px;

                font-family: FontAwesome;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            #content .checkbox input[type="checkbox"]:checked + label:before {
                content: '\f00c';
            }

/* END: desktop: checkout defaults ------------------------ */

/* --- desktop: basket ------------------------ */
.cl-contact .alert-info,
.cl-forgotpwd .alert-info,
.cl-basket .alert-info {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-family: museo_sans_rounded700, sans-serif;
}

.cl-contact .alert-info,
.cl-forgotpwd .alert-info {
    border-color: #000;
}

.cl-contact .alert-info {
    max-width: 1180px;
    margin: 30px auto;
}

#basket_form #basketcontents_table #basket_table {
    margin-bottom: 0;
}

    #basket_form .table > thead > tr > th, #basket_form .table > tbody > tr > th, #basket_form .table > tfoot > tr > th, #basket_form .table > thead > tr > td, #basket_form .table > tbody > tr > td, #basket_form .table > tfoot > tr > td {
        border-top: 0;
    }

    #basket_form #basket_table.table > thead > tr > th, #basket_form #basket_table.table > tbody > tr > th, #basket_form #basket_table.table > tfoot > tr > th,
    #basket_form #basket_table.table > thead > tr > td, #basket_form #basket_table.table > tbody > tr > td, #basket_form #basket_table.table > tfoot > tr > td {
        padding: 15px;
    }

    #basket_form #basket_table.table > thead > tr > th {
        border-bottom: 0;
        font-weight: normal;
        padding-bottom: 25px;
        font-size: 18px;
    }

    #content #basketcontents_table .checkbox input[type="checkbox"] + label {
        position: relative;
        z-index: 1;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 30px;
    }

        #content #basketcontents_table .checkbox input[type="checkbox"] + label:before {
            position: relative;
            top: 0;
            margin-top: 0;
        }

    #basket_form #basketcontents_table tbody {
        background-color: #fff;
    }

    #basket_form #basketcontents_table tbody > tr:first-child > td {
        padding-top: 38px;
    }

    #basket_form #basketcontents_table tbody > tr:last-child > td {
        padding-bottom: 9px;
    }

        #basket_form #basketcontents_table #basket_table .form-control {
            height: 45px;
            text-align: center;
            max-width: 70px;
            color: #000;
            font-family: museo_sans_rounded700, sans-serif;
        }

        #basket_form #basketcontents_table #basket_table .basketItemDesc {
            padding-top: 7px;
        }

            #basket_form #basketcontents_table #basket_table .basketItemDesc a {
                color: #000;
            }

            #basket_form #basketcontents_table #basket_table .basketItemDesc .smallFont {
                font-size: 18px;
            }

            #basket_form #basketcontents_table #basket_table .basketItemDesc .stockInformation {
                padding-top: 15px;
            }

        #basket_form #basketcontents_table #basket_table tbody .unitPrice, #basket_form #basketcontents_table #basket_table tbody .vatPercent, #basket_form #basketcontents_table #basket_table tbody .totalPrice {
            line-height: 45px;
        }

        #basket_form #basketcontents_table #basket_table .totalPrice {
            font-weight: bold;
        }

        #basket_form #basketcontents_table #basket_table .checkbox {
            margin: 0;
            width: 30px;
        }

.basketFunctionsAndSummaryContainer {
    background-color: #f5f5f5;
    overflow: hidden;
}

    .basketFunctionsAndSummaryContainer #basketSummary {
        font-size: 18px;
        padding-top: 28px;
        padding-bottom: 15px;
        max-width: 452px;
        float: right;
    }

        .basketFunctionsAndSummaryContainer #basketSummary th {
            font-weight: normal;
            padding: 8px 15px;
        }

        .basketFunctionsAndSummaryContainer #basketSummary td {
            text-align: right;
            padding: 8px 15px;
        }

        .basketFunctionsAndSummaryContainer #basketSummary .basketGrandTotalContainer > * {
            padding-top: 26px;
        }

    .basketFunctionsAndSummaryContainer #basketFn {
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 12px;
        margin-left: -2px;
    }

        .basketFunctionsAndSummaryContainer #basketFn button,
        .basketFunctionsAndSummaryContainer #basketFn label {
            font-size: 18px;
            font-family: museo_sans_rounded700, sans-serif;
            background-color: transparent;
            padding: 11px;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .basketFunctionsAndSummaryContainer #basketFn button > i {
                position: relative;
                left: 0;
                top: -2px;
                font-size: 12px;
                padding-right: 6px;
            }

/* END: desktop: basket ------------------------ */

/* --- desktop: options ------------------------ */

.checkoutOptions {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
}

    .checkoutOptions > div {
        padding-bottom: 30px;
    }

        .checkoutOptions form {
            height: 100%;
        }

            .checkoutOptions #optionNoRegistration, .checkoutOptions #optionRegistration, .checkoutOptions #optionLogin {
                background-color: #fff;
                padding-top: 25px;
                padding-bottom: 32px;
                height: 100%;
            }

                .checkoutOptions #optionRegistration ul {
                    padding-left: 18px;
                }

                .checkoutOptions .nextStep {
                    margin-top: 16px;
                }

                .checkoutOptions .stepsPasswordbox {
                    border-right: none;
                }

                .checkoutOptions #step2PswdOpener, .checkoutOptions #step2PswdOpener:hover, .checkoutOptions #step2PswdOpener:focus {
                    background-color: transparent;
                    border: 1px solid #000;
                    border-left: none;
                    margin-left: 0;
                    color: #000;
                    height: 58px;
                    box-shadow: none;
                }

.checkoutColumnsContainer {
    background-color: #fff;
    padding-top: 47px;
    padding-bottom: 35px;
}

    .checkoutColumnsContainer .deliveryNote {
        margin-top: 15px;
    }

    body:not(.cl-forgotpwd) .checkoutColumnsContainer,
    .cl-forgotpwd .checkoutColumnsContainer form {
        font-size: 18px;
        line-height: 22px;
    }

    .cl-forgotpwd .checkoutColumnsContainer .cmsContent a {
        color: #d90076;
        font-weight: normal;
    }

        .cl-forgotpwd .checkoutColumnsContainer .cmsContent a:hover,
        .cl-forgotpwd .checkoutColumnsContainer .cmsContent a:focus {
            text-decoration: underline;
        }

    .checkoutCollumns {
        max-width: 624px;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
    }

        .checkoutColumnsContainer .checkoutColumnTitle {
            padding-bottom: 30px;
            padding-top: 6px;
        }

        .checkoutColumnsContainer .form-group {
            margin-bottom: 30px;
        }

        .checkoutColumnsContainer .control-label {
            font-weight: normal;
            text-align: left;
            padding-top: 5px;
        }

        .checkoutColumnsContainer .help-block:empty {
            display: none;
        }

            .checkoutColumnsContainer .control-label.req:after {
                content: '*';
            }

            .checkoutColumnsContainer .form-control {
                font-size: 18px;
            }

            .checkoutColumnsContainer input.form-control, .checkoutColumnsContainer select.form-control {
                height: 40px;
            }

            .checkoutColumnsContainer .text-danger {
                color: #d90076;
            }

                .checkoutColumnsContainer .text-danger .control-label, .checkoutColumnsContainer .text-success .control-label, .checkoutColumnsContainer .text-warning .control-label {
                    color: #000;
                }

                .checkoutColumnsContainer .text-danger .form-control {
                    border-color: #d90076;
                    background-color: #ebccd1;
                    color: #a94442;
                }

        .checkoutChangeLink {
            font-weight: bold;
            display: inline-block;
            border: 1px solid transparent;
            border-bottom: 1px solid #a3a3a3;
            line-height: 1.0em;
            margin-top: 22px;
            margin-bottom: 51px;
            background-color: transparent;
            padding: 0;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .checkoutChangeLink:hover, .checkoutChangeLink:focus, .checkoutChangeLink:active {
                text-decoration: none;
                border-bottom: 1px solid #000;
            }

/* END: desktop: options ------------------------ */

/* --- desktop: payment ------------------------ */
.paymentsContainer {
    background-color: #fff;
    font-size: 18px;
    padding-top: 47px;
    padding-bottom: 35px;
    line-height: 22px;
}

    .payments {
        max-width: 624px;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
    }

        .payments #paymentHeader {
            padding-bottom: 13px;
        }

        .payments .form-group {
            margin-bottom: 30px;
        }

        .payments .control-label {
            font-weight: normal;
            text-align: left;
            padding-top: 5px;
        }

            .payments .control-label.req:after {
                content: '*';
            }

        .payments .form-control {
            font-size: 18px;
        }

        .payments input.form-control, .payments select.form-control {
            height: 40px;
        }

            .payments .text-danger {
                color: #d90076;
            }

                .payments .text-danger .control-label, .payments .text-success .control-label, .payments .text-warning .control-label {
                    color: #000;
                }

                .payments .text-danger .form-control {
                    border-color: #d90076;
                    background-color: #ebccd1;
                    color: #a94442;
                }

        .payments .paymentInfo dl dd {
            display: none;
            padding-top: 31px;
            padding-left: 44px;
        }

        .payments .paymentInfo dl dd.activePayment {
            display: block;
        }

        .payments .radio input[type="radio"] {
            display: none;
        }

        .payments .radio input[type="radio"] + label {
            padding-left: 0;
            position: relative;
            font-weight: normal;
        }

            .payments .radio input[type="radio"] + label:before {
                content: '';
                display: inline-block;
                float: left;
                margin-right: 25px;
                margin-top: 2px;
                width: 20px;
                height: 20px;
                border: 1px solid #000;
                border-radius: 50%;
            }

            .payments .radio input[type="radio"]:checked + label:after {
                content: '';
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background-color: #d90076;
                position: absolute;
                top: 7px;
                left: 5px;
            }
/* END: desktop: payment ------------------------ */

/* --- desktop: order ------------------------ */

.orderContainer {
    background-color: #fff;
    font-size: 18px;
    padding-top: 38px;
    line-height: 22px;
    padding-left: 15px;
    padding-right: 15px;
}

    .orderContainer .orderTitle {
        padding-bottom: 27px;
        padding-top: 35px;
    }

    .orderContainer .agbConfirmation.checkbox input[type="checkbox"] + label {
        line-height: 30px;
        padding-left: 45px;
    }

        .orderContainer .agbConfirmation.checkbox input[type="checkbox"] + label:before {
            position: absolute;
            top: 50%;
            margin-top: -15px;
        }

        .orderContainer .agbConfirmation label a {
            text-decoration: underline;
        }

    .orderContainer #basket_form #basketcontents_table #basket_table tbody .unitPrice, .orderContainer #basket_form #basketcontents_table #basket_table tbody .vatPercent, .orderContainer #basket_form #basketcontents_table #basket_table tbody .totalPrice {
        line-height: 28px;
    }

    .orderContainer .changeBasketLink .checkoutChangeLink {
        margin-top: 36px;
    }

/* END: desktop: order ------------------------ */

/* --- desktop: thankyou ------------------------ */
    #thankYouPageContainer {
        background-color: #fff;
        font-size: 20px;
        line-height: 29px;
        padding-top: 38px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        margin-top: 38px;
    }

        #thankyouPage {

        }

            #thankyouPage #paymentInfo {
                padding-top: 20px;
            }

            #thankyouPage > :first-child {
                margin-top: 0;
            }

            #thankyouPage .red {
                color: #d90076;
            }

            #thankyouPage #basket_form {
                margin-right: -15px;
                margin-left: -15px;
            }

            #thankyouPage a {
                color: #d90076;
                text-decoration: none;
            }

                #thankyouPage a:hover,
                #thankyouPage a:focus {
                    text-decoration: underline;
                }

/* END: desktop: thankyou ------------------------ */

.cl-forgotpwd .form-horizontal {
    margin-top: 30px;
    margin-bottom: 20px;
}

    .cl-forgotpwd .form-horizontal .control-label {
        text-align: left;
    }

    .cl-forgotpwd .form-horizontal .submitButton {
        float: right;
    }

    .err-404 .page-header,
    .cl-forgotpwd .page-header,
    .cl-content .page-header,
    .cl-account .page-header,
    .cl-account_password .page-header,
    .cl-account_order .page-header,
    .cl-register .page-header,
    .cl-account_user .page-header {
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px;
        padding-bottom: 50px;
    }


.cl-forgotpwd #backToShop > i {
    position: relative;
    left: 0;
    top: -2px;
    font-size: 12px;
    padding-right: 6px;
}

body.cl-oxUBase .err-404 {
    max-width: 1226px;
    padding: 0 15px 30px;
    margin: 0 auto;
}

/* --- desktop: account menu ------------------------ */
#accountMenu {

}

    #accountMenu .list-group {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
    }

        #accountMenu .list-group-item {
            border-top: none;
            border-bottom: none;
            margin-bottom: 0;
        }

            #accountMenu .list-group-item + .list-group-item {
                padding-top: 0;
            }

            #accountMenu .list-group-item.active {
                background-color: transparent;
                border-color: #ddd;
            }

            .accountContainer #accountMenu li > a {
                color: #8c8c8c;
                font-family: museo_sans_rounded700, sans-serif;
            }

                .accountContainer #accountMenu li > a:hover,
                .accountContainer #accountMenu li > a:focus {
                    color: #424242;
                    text-decoration: none;
                }

                    .accountContainer #accountMenu li.active > a {
                        color: #d90076;
                    }
/* END: desktop: account menu ------------------------ */

/* --- desktop: account dashboard ------------------------ */
.accountContainer {
    max-width: 1226px;
    padding: 0 15px;
    margin: 0 auto;
}

    a[id*="linkAccount"]:hover,
    a[id*="linkAccount"]:focus {
        color: #d90076;
        text-decoration: none;
        cursor: pointer;
    }

    a[id*="linkAccount"] + .btn,
    .addressCollumns .panel-heading .btn {
        font-size: 12px;
        padding: 6px 10px;
    }

    .accountDashboardContainer {
        margin-bottom: 30px;
    }

        .accountDashboardContainer .accountDashboard + .accountDashboard {
            margin-top: 35px;
        }

    .addressCollumns .checkbox {
        margin-bottom: 15px;
    }

    .orderOverviewContainer {
        margin-bottom: 20px;
    }

        .orderOverviewContainer .orderOverview + .orderOverview {
            margin-top: 35px;
        }
/* END: desktop: account dashboard ------------------------ */

/* --- desktop: account login ------------------------ */
.cl-account .loginNote {
    font-family: museo_sans_rounded300, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}
/* END: desktop: account login ------------------------ */

/* --- tooltip ------------------------ */
.tooltip.in {
    opacity: 1;
}

.tooltip.top {
    padding-bottom: 12px;
}

    .tooltip.top .tooltip-arrow {
        border-top-color: #fff;
        border-width: 12px 11px 0;
        margin-left: -11px;
    }

    .tooltip-inner {
        max-width: 250px;
        background-color: #fff;
        color: #000;
        text-align: left;
        padding: 14px 18px;
        box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.5);
    }
/* END: tooltip ------------------------ */

@media (min-width: 992px) {
    .col-md-custom-width {
        width: 20%;
    }
}

/* --- @media (max-width: 1440px) ------------------------ */
@media (max-width: 1420px) {
/* --- desktop: navigation ------------------------ */
    body.shop #mainNav .navbar-nav > li > a {
        font-size: 18px;
        padding-right: 22px;
        padding-left: 22px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1440px) ------------------------ */

/* --- @media (max-width: 1350px) ------------------------ */
@media (max-width: 1350px) {
/* --- desktop: navigation ------------------------ */
    body.shop #mainNav .navbar-brand {
        padding: 10px;
    }

        body.shop #mainNav .navbar-brand > img.logo {
            display: none;
        }

        body.shop #mainNav .navbar-brand > img.logo-mobile {
            display: block;
            max-width: 105px;
            margin-top: 30px;
        }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1350px) ------------------------ */

/* --- @media (max-width: 1220px) ------------------------ */
@media (max-width: 1330px) {
/* --- desktop: navigation ------------------------ */
    body.shop #mainNav .navbar-brand > img {
        max-width: 85px;
        margin-top: 20px;
    }

    #searchContainer {
        right: 70px;
        left: 154px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1220px) ------------------------ */

/* --- @media (max-width: 1200px) ------------------------ */
@media (max-width: 1200px) {
/* --- desktop: article list ------------------------ */
	#amountToBasket {
		width: 50px;
	}

		.toBasketIcon {
			display: none;
		}
/* END: desktop: article list ------------------------ */

/* --- desktop: navigation ------------------------ */
    html[lang="de"] #mainNav .navbar-nav > li > a {
        font-size: 18px;
        padding-right: 22px;
        padding-left: 21px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1200px) ------------------------ */

/* --- @media (max-width: 1260px) ------------------------ */
@media (max-width: 1260px) {
/* --- desktop: navigation ------------------------ */
    body.shop #mainNav .navbar-nav > li > a {
        padding-right: 15px;
        padding-left: 15px;
    }

        body.shop #mainNav .navbar-nav > li:hover > a:after,
        body.shop #mainNav .navbar-nav > li:focus > a:after {
            left: 15px;
            right: 15px;
        }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1260px) ------------------------ */

/* --- @media (max-width: 1180px) ------------------------ */
@media (max-width: 1180px) {
/* --- desktop: navigation ------------------------ */
    html[lang="de"] body.shop #mainNav .navbar-nav > li > a {
        padding-right: 6px;
        padding-left: 6px;
    }

        html[lang="de"] body.shop #mainNav .navbar-nav > li:hover > a:after,
        html[lang="de"] body.shop #mainNav .navbar-nav > li:focus > a:after {
            left: 6px;
            right: 6px;
        }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1180px) ------------------------ */

/* --- @media (max-width: 1120px) ------------------------ */
@media (max-width: 1120px) {
/* --- desktop: navigation ------------------------ */
    body.shop #metaNavImg > img {
        max-width: 298px;
        margin-top: 22px;
    }

    body.shop #mainNav .navbar-nav > li > a {
        font-size: 17px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1120px) ------------------------ */

/* --- @media (max-width: 1100px) ------------------------ */
@media (max-width: 1100px) {
/* --- desktop: navigation ------------------------ */
    html[lang="de"] .navbar-brand > img.logo {
        display: none;
    }

    html[lang="de"] .navbar-brand {
        padding: 10px;
    }

        html[lang="de"] .navbar > .container-fluid .navbar-brand {
            margin-left: 11px;
        }

        html[lang="de"] .navbar-brand > img.logo-mobile {
            display: block;
            max-width: 105px;
            margin-top: 30px;
        }

    html[lang="de"] #mainNav .navbar-nav > li > a {
        padding-right: 19px;
        padding-left: 19px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1100px) ------------------------ */

/* --- @media (max-width: 1080px) ------------------------ */
@media (max-width: 1080px) {
/* --- desktop: navigation ------------------------ */
    body.shop #mainNav .navbar-nav > li > a {
        padding-right: 8px;
        padding-left: 8px;
    }

    html[lang="de"] .navbar-brand > img {
        max-width: 85px;
        margin-top: 20px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1080px) ------------------------ */

/* --- @media (max-width: 1050px) ------------------------ */
@media (max-width: 1050px) {
/* --- desktop: navigation ------------------------ */
    body.shop #mainNav .navbar-nav > li > a {
        font-size: 16px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1050px) ------------------------ */

/* --- @media (max-width: 991px) ------------------------ */
@media (max-width: 991px) {
/* --- tablet: general settings ------------------------ */
	h1, .h1 {
		font-size: 50px;
	}

	h2, .h2 {
		/*font-size: 26px;*/
	}

	h3, .h3 {
		/*font-size: 24px;*/
	}

    .checkoutStepsListContainer .checkoutStepsList > li {
        display: none;
    }

    .checkoutStepsListContainer .checkoutStepsList > li.active {
        display: block;
        text-align: center;
        width: auto;
    }

    #basket_form #basket_table.table > thead > tr > th, #basket_form #basket_table.table > tbody > tr > th, #basket_form #basket_table.table > tfoot > tr > th,
    #basket_form #basket_table.table > thead > tr > td, #basket_form #basket_table.table > tbody > tr > td, #basket_form #basket_table.table > tfoot > tr > td {
        display: block;
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
    }

    #basket_form #basket_table.table > thead > tr > th, #basket_form #basket_table.table > thead > tr > td {
        display: none;
    }

        #basket_form #basketcontents_table #basket_table tbody .unitPrice, #basket_form #basketcontents_table #basket_table tbody .vatPercent, #basket_form #basketcontents_table #basket_table tbody .totalPrice {
            line-height: 28px;
        }

        #basket_form #basketcontents_table #basket_table tbody .quantity, #basket_form #basketcontents_table #basket_table tbody .unitPrice,
        #basket_form #basketcontents_table #basket_table tbody .vatPercent, #basket_form #basketcontents_table #basket_table tbody .totalPrice {
            width: 400px;
            max-width: 100%;
            float: right;
            clear: both;
            text-align: right;
        }

        #basket_form #basketcontents_table #basket_table tbody .quantity:before, #basket_form #basketcontents_table #basket_table tbody .unitPrice:before,
        #basket_form #basketcontents_table #basket_table tbody .vatPercent:before, #basket_form #basketcontents_table #basket_table tbody .totalPrice:before {
            content: attr(data-title) ": ";
            display: inline-block;
            text-align: left;
            float: left;
            clear: both;
        }

        #basket_form #basketcontents_table #basket_table .checkbox {
            position: relative;
            top: 38px;
        }

        #basket_form #basketcontents_table #basket_table tbody .quantity {
            padding-top: 20px;
        }

            #basket_form #basketcontents_table #basket_table tbody .quantity .form-control {
                display: inline-block;
                height: 28px;
                font-size: 16px;
            }

        #basket_form #basketcontents_table #basket_table tbody > tr + tr {
            display: block;
            margin-top: 20px;
            border-top: 1px solid #000;
        }

        #basket_form #basketcontents_table #basket_table tbody > tr .basketImage img {
            padding-bottom: 10px;
            padding-left: 45px;
            padding-right: 45px;
        }

        #basket_form #basketcontents_table #basket_table tbody > tr:last-child .totalPrice  {
            padding-bottom: 20px;
        }

/* END: tablet: general settings ------------------------ */

/* --- tablet: mainNav ------------------------ */
    #metaNavContainerWrap {
        height: 53px;
    }

        body:not(.shop) #metaNavContainer {
            float: none;
        }

            body:not(.shop) #metaNav {
                float: right !important;
                margin-right: -7px;
            }

            #accountAndBasketContainer {
                float: right !important;
            }

                #metaNav li,
                #metaNav a,
                #accountAndBasketContainer .btn-link {
                    font-size: 15px;
                    line-height: 21px;
                }

                #metaNav li {
                    padding: 14px 14px 18px 24px;
                }

                #accountAndBasketContainer .btn-link {
                    padding: 14px 14px 18px 24px;
                }

                    #accountAndBasketContainer .minibasket-menu .icon-wool-left {
                        top: 22px;
                    }

                    #metaNav li.active:after {
                        margin-left: -9px;
                    }

    .navbar-brand > img.logo {
        display: none;
    }

    .navbar-brand > img.logo-mobile {
        display: block;
    }
/* END: tablet: mainNav ------------------------ */

/* --- tablet: navigation ------------------------ */
    .navbar {
        min-height: 0;
    }

        .navbar-header {
            float: none;
        }

            .container-fluid > .navbar-header {
                margin-right: -15px;
                margin-left: -15px;
            }

            .navbar-brand {
                height: auto;
                margin-left: 0;
                padding-top: 12px;
                padding-bottom: 12px;
            }

            .navbar > .container-fluid .navbar-brand,
            html[lang="de"] .navbar > .container-fluid .navbar-brand {
                margin-left: 0;
            }

                .navbar-brand > img,
                html[lang="de"] #mainNav .navbar-brand > img,
                body.shop .navbar-brand > img {
                    max-width: 96px;
                    margin-top: 0;
                }

                body.shop #mainNav .navbar-brand,
                html[lang="de"] .navbar-brand {
                    padding: 12px 20px;
                }

                body.shop #mainNav .navbar-brand > img.logo-mobile {
                    margin-top: 0;
                }
/* END: tablet: navigation ------------------------ */

/* --- tablet: article list ------------------------ */
	/*.articlePreviewHoverPicture {
		display: none;
	}*/
/* END: tablet: article list ------------------------ */

/* --- tablet: detail page ------------------------ */
	#amountToBasket {
		width: 100px;
	}

		.toBasketIcon {
			display: inline;
		}

    .productMainInfoWrapper {
        margin-top: 11px;
        margin-bottom: 30px;
    }

    #detailsRelatedContainer {
        padding-bottom: 20px;
    }
/* END: tablet: detail page ------------------------ */
}
/* END: @media (max-width: 991px) ------------------------ */

/* --- @media (min-width: 992px) ------------------------ */
@media (min-width: 992px) {
/* --- desktop: detail page ------------------------ */
	.productMainInfoWrapper {
		max-width: 580px;
	}
/* END: desktop: detail page ------------------------ */
}
/* END: @media (min-width: 992px) ------------------------ */

/* --- @media (max-width: 790px) ------------------------ */
@media (max-width: 790px) {
/* --- smartphone: navigation ------------------------ */
    #accountAndBasketContainer .btn-group {
        position: static;
    }

        #accountAndBasketContainer .service-menu .btn-link {
            position: relative;
        }

        #accountAndBasketContainer .service-menu .dropdown-menu,
        #accountAndBasketContainer .minibasket-menu .dropdown-menu {
            top: 53px;
            right: 0;
            left: auto;
            overflow: hidden;
            width: 100%;
            max-width: 400px;
        }

            #accountAndBasketContainer .service-menu .dropdown-menu {
                max-width: 400px;
            }

                #accountAndBasketContainer .service-menu-box {
                    width: auto;
                }
/* END: smartphone: navigation ------------------------ */
}
/* END: @media (max-width: 790px) ------------------------ */

/* --- @media (max-width: 767px) ------------------------ */
@media (max-width: 767px) {
/* --- smartphone: content styling ------------------------ */
    h1,  .h1 {
        font-size: 40px;
    }

    h2, .h2 {
        font-size: 35px;
    }

    h3, .h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .page-header h1 {
        margin-bottom: 45px;
    }

    .page-header .icon {
        font-size: 65px;
    }

    .categoryDescription,
    p.introText {
        font-size: 25px;
        line-height: 35px;
    }
/* END: smartphone: content styling ------------------------ */

/* --- smartphone: navigation ------------------------ */
    #subNav {
        display: none;
    }
/* END: smartphone: navigation ------------------------ */

/* --- smartphone: content stylings ------------------------ */
    .btn {
        padding: 12px 27px 14px 31px;
    }
/* END: smartphone: content stylings ------------------------ */

/* --- smartphone: account order ------------------------ */
    body.cl-account_order .panel-heading,
    body.cl-account_order .panel-heading strong {
        font-size: 10px;
        line-height: 14px;
    }
/* END: smartphone: account order ------------------------ */

    .basketFunctionsAndSummaryContainer #basketSummary {
        padding-top: 0;
        max-width: none;
    }

    #basketcontents_table .table-responsive {
        margin-bottom: 0;
    }

    .orderContainer .orderTitle {
        padding-bottom: 15px;
        padding-top: 25px;
    }

    #customersInterests .slick-slider {
        padding-right: 20px;
        padding-left: 20px;
    }

    .articleCounter {
        font-size: 35px;
        line-height: 42px;
    }

    #detailsItemsPager .pager-overview-link {
        padding-top: 30px;
    }

    #productinfo {
        padding-top: 0;
    }

    .detailPageArtNum {
        font-size: 35px;
    }

    .productMainInfoWrapper {
        padding: 40px 30px;
    }

    #detailsRelatedContainer {
        padding-top: 30px;
    }
}
/* END: @media (max-width: 767px) ------------------------ */

@media (max-width: 726px) {
    .categoryImage-big {
        display: none;
    }

    .categoryImage-small {
        display: block !important;
    }
}

/* --- @media (max-width: 600px) ------------------------ */
@media (max-width: 600px) {
/* --- smartphone: footer ------------------------ */
#footer .legal .container-fluid {
    padding-bottom: 29px;
}

    .copyrightFooter .copyright {
        display: block;
        margin-bottom: 14px;
    }

    .madeInGermany {
        padding-left: 0;
    }
/* END: smartphone: footer ------------------------ */

/* --- smartphone: detail page ------------------------ */
	#amountToBasket {
		width: 50px;
	}

		.toBasketIcon {
			display: none;
		}
/* END: smartphone: detail page ------------------------ */
}
/* END: media (max-width: 600px) ------------------------ */

/* --- @media (max-width: 550px) ------------------------ */
@media (max-width: 550px) {
    .checkoutPager .prevStep, .checkoutPager .nextStep {
        float: none !important;
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .checkoutPager .prevStep {
        display: none;
    }

/* --- smartphone: navigation ------------------------ */
    #metaNav li,
    #accountAndBasketContainer .btn-link,
    #accountAndBasketContainer .minibasket-menu .btn-link {
        padding-right: 9px;
        padding-left: 9px;
    }

        #accountAndBasketContainer .minibasket-menu .btn-link .icon {
            display: none;
        }

    #accountAndBasketContainer .btn-group.minibasket-menu.open .dropdown-toggle:before {
        margin-right: 0;
    }

    #accountAndBasketContainer .minibasket-menu .btn-link:hover:after,
    #accountAndBasketContainer .minibasket-menu .btn-link:focus:after {
        left: 9px;
        right: 37px;
    }

    #metaNav {
        padding-left: 0;
    }
/* END: smartphone: navigation ------------------------ */
}
/* END: @media (max-width: 550px) ------------------------ */

/* --- @media (max-width: 517px) ------------------------ */
@media (max-width: 517px) {
    .listDetails .shopNote.btn {
        padding: 6px 12px;
    }
}
/* END: @media (max-width: 517px) ------------------------ */

/* --- @media (max-width: 450px) ------------------------ */
@media (max-width: 450px) {
    #basket_form #basketcontents_table #basket_table tbody .quantity, #basket_form #basketcontents_table #basket_table tbody .unitPrice, #basket_form #basketcontents_table #basket_table tbody .vatPercent, #basket_form #basketcontents_table #basket_table tbody .totalPrice {
        max-width: 280px;
    }

    .basketFunctionsAndSummaryContainer #basketFn button {
        padding-left: 0;
        padding-right: 0;
    }
}
/* END: @media (max-width: 450px) ------------------------ */

/* --- @media (max-width: 435px) ------------------------ */
@media (max-width: 435px) {
/* --- navigation ------------------------ */
    #metaNav li.active {
        display: none;
    }

    #accountAndBasketContainer .dropdown-menu .btn {
        padding: 8px 17px 10px 17px;
        font-size: 17px;
    }

    #accountAndBasketContainer #loginBox .forgotPasswordOpener {
        padding-top: 17px;
        padding-bottom: 16px;
    }
/* END: navigation ------------------------ */
}
/* END: @media (max-width: 435px) ------------------------ */

/* --- @media (max-width: 420px) ------------------------ */
@media (max-width: 420px) {
    #basketFn > li:first-child {
        width: 100%;
    }
}
/* END: @media (max-width: 420px) ------------------------ */

/* --- @media (max-width: 400px) ------------------------ */
@media (max-width: 400px) {
/* --- smartphone: article list ------------------------ */
	.productBox {
		width: 100%;
	}
/* END: smartphone: article list ------------------------ */

/* --- smartphone: detail page ------------------------ */
	.productMainInfoWrapper {
		margin-left: -20px;
		margin-right: -20px;
	}
/* END: smartphone: detail page ------------------------ */
}
/* END: @media (max-width: 400px) ------------------------ */

/* --- @media (max-width: 350px) ------------------------ */
@media (max-width: 350px) {
    #metaNavContainerWrap > .container-fluid {
        padding-right: 7px;
        padding-left: 7px;
    }
}
/* END: @media (max-width: 350px) ------------------------ */

#cookieNoteContainer {
    z-index: 100;
    position: relative;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

    #cookieNoteContainer.endOfPage {
        position: relative;
    }

#cookieNote {
    background-color: #000;
    padding: 10px 15px;
    /* max-width: 1452px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    color: #fff;
}

    #cookieNote p {
        margin-bottom: 0;
    }

    #cookieNote a {
        color: #fff;
        text-decoration: underline;
    }
    #cookieNote a:hover {
        text-decoration: none;
    }