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

/* allgemein */
@media screen {
    body {
        /*font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;*/
        font-family: "Museo Sans W01_500", Helvetica, Arial, sans-serif;
        font-size: 1.1em;
        line-height: 1.125em;
        color: #000;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        font-smoothing: antialiased !important;
        letter-spacing: 0.04em;
    }

    .h1,
    .cmsContent h1,
    .teasertext,
    .header-basket-wrapper #minibasket_header_button,
    .navbar .nav > li > a,
    .subcatList h3.kat_def a,
    .subcatList .categoryShortDescription,
    .subcatList .content a.title-link strong,
    .productListHeadline,
    .featured_prod .thumb_tit .thumb_kat,
    .featured_prod .thumb_txt .thumb_price,
    .product-set .product-price,
    .deliveryInfo p,
    .modal-content .modal-header-info,
    .modal-cart-title span,
    .modal-cart-price,
    .minibasket-total-col,
    .minibasket-total-col .right,
    .checkout_content_left .thumb_kat,
    .checkout_price,
    #basketGrandTotalWrapper strong,
    #basketGrandTotalSummaryWrapper strong,
    .total_price_checkout,
    .akordeon-item .h3,
    .productData .titleCat,
    .productData .price,
    .breadcrumb.kat_def a,
    .categories li li li.active,
    .container .h3-breadcrumb,
    .card-title,
    .subcatHeadline,
    .badge,
    #contentMenu .contentMenuTitle,
    .categoriesMenuTitle {
        font-family: "Museo Slab W01_500", Times, serif;
        font-size: 19px;
        line-height: 29px;
    }

    .categoryBox li li .h1,
    .red_btn,
    .checkout_btn .nextpage,
    .card-small .btn,
    .akordeon-item .h1,
    #oegdprbase_delete_my_account_button,
    #oegdprbase-delete-shipping-address-button {
        font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
        font-size: 1.1em;
        color: #000;
    }

    .categoryBox li li li {
        font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif;
        font-family: "Museo Slab W01_500", Times, serif;
        font-size: 1.1em;
        color: #000;
    }

    .categoryBox li li li.active,
    .container .h3-breadcrumb {
        font-size: 1.1em;
        color: #000;
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 10px 0;
        font-family: inherit;
        font-weight: bold;
        line-height: 20px;
        color: inherit;
        text-rendering: optimizelegibility;
    }

    h1, h2, h3 {
        line-height: 40px;
    }

    #Description h1, h2, h3, h4, h5, h6 {
        font-size: 18px;
    }

    .h2 {
        font-size: 0.65625rem;
        letter-spacing: 0.08em;
        padding: 6px 0;
        text-transform: uppercase;
    }

    nav.mgm div.megamenu ul li h4 a {
        font-family: "Museo Slab W03_500", Times, serif;
    }

    a {
        color: #000;
        text-decoration: none
    }

    a:hover,
    a:focus {
        color: #000;
    }

    .strong,
    strong {
        font-size: inherit;
        font-weight: normal;
    }

    img {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    .col-box {
        padding: 15px;
    }

    .badge.badge-info {
        color: #fff;
        background-color: #666;
        border-radius: 50rem;
        line-height: 1;
        font-weight: 400;
        font-size: 12px;
        padding: 0.25em 0.5em;
        text-align: center;
        outline: 0;
    }

    .badge.badge-info:active,
    .badge.badge-info:hover,
    .badge.badge-info:focus {
        background: #333;
        box-shadow: none;
        outline: 0;
    }

    .badge-wrapper {
        position: relative;
    }

    .badge.badge-right {
        position: absolute;
        right: 0;
    }

    label, input, button, select, textarea {
        font-size: 0.75rem;
        font-weight: normal;
        line-height: 1.125rem;
    }
}

/* Error Box */
@media {

    .help-block {
        font-size: 11px;
    }

    .basketError {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
        padding: 1rem;
        text-align: center;
        border: 1px solid #fd7e14;
        color: #fd7e14;
        background: #fff3e9;
        font-size: 14px;
    }

    .alert {
        color: #b91222;
        border-color: #b91222;
        background-color: #f8d7da;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        border-radius: 0;
        font-size: 14px;
        padding: 0.75rem;
    }

    .alert.mainInfo {
        background: #fff3e9;
        border-color: #fd7e14;
        color: #fd7e14;
    }

    #error-popup .modal-body {
        padding-left: 0;
        padding-right: 0;
    }
}

/* buttons */
@media {
    .btn.buttonLeft {
        margin-left: 0;
        float: left;
    }

    .btn.focus,
    .btn:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-primary.submitButton.largeButton,
    a.red_btn,
    .red_btn {
        background: none repeat scroll 0 0 #DC1F2A;
        border: medium none;
        color: #FFFFFF !important;
        display: inline-block;
        font-size: 0.65625rem !important;
        /*font-weight: 600;*/
        margin-left: 0.35rem;
        margin-top: 0;
        padding: 0.35rem 1.85rem;
        text-decoration: none !important;
        font-family: "Museo Sans W01_500", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        border-radius: 0;
    }

    .btn.toBasketButton {

    }

    .qty_textbox {
        border-radius: 0 0 0 0 !important;
        font-size: 12px !important;
        height: 20px !important;
        line-height: 20px !important;
        margin-top: 10px;
        text-align: center;
        width: 20px !important;
        width: 32px !important;
        height: 32px !important;
    }

    input.qty_textbox_product,
    .checkout_content_mid input.qty_textbox_product {
        border-radius: 30px !important;
        padding: 6px;
        border: 1px solid #eaeaea;
        background: #eaeaea;
        margin: 0;
        color: #000;
        font-size: 12px;
        width: 20px;
    }

    input.qty_textbox_product {
        width: 34px;
        text-align: center;
        height: 34px;
    }

    #qty_dec {
        padding: 5px 5px 10px 15px;
    }

    #qty_inc {
        padding: 5px 15px 10px 5px;
    }

    #qty_dec:hover, #qty_inc:hover {
        cursor: pointer;
    }

    .edit-button {
        border-radius: 0;
    }

    .headlineButton {
        margin-top: 0.25rem;
    }
}

/* forms */
@media {
    .form-control {
        border: 1px solid #cccccc;
        border-radius: 0;
        background: #fff;
        box-shadow: none;
        padding: 10px;
    }

    .form-control:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 31, 42, .25);
        border-color: rgba(220, 31, 42, .25);
    }

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

    .form-horizontal .form-group .help-block {
        margin-bottom: 0;
    }

    .form-group label {
        color: #333;
        float: left;
        font-size: 12px;
        padding-top: 7px;
        width: 191px;
    }

    .form-group label.fullWidth {
        width: 100%;
    }

    .form-group label.req {
        font-weight: 700;
    }

    .pflichtfeld {
        font-size: 12px;
        color: #333;
    }

    select.form-control {
        background: linear-gradient(to bottom, #dadada, #fff);
        padding: 0 15px;
        border: 1px solid #ddd;
        height: 3.0875rem;
        cursor: pointer;
    }

    .form-group.select-wrapper {
        position: relative;
    }

    .form-group.select-wrapper:after {
        position: absolute;
        content: '';
        top: 0;
        height: 3rem;
        width: 1.75rem;
        right: 0;
        display: block;
        background-image: url("../../img/icon_dropdown.png");
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
    }

    input[type="radio"] + label {
        cursor: pointer;
    }
}

/* header */
@media {
    .header {
        background: transparent;
    }

    .header .header-box {
        background: #333;
        padding: 7px 0;
    }

    .header .header-box-top {
        background: #5d5d5c;
        padding: 0.75rem 0;
        height: 2rem;
    }

    .siteLogo {
        float: left;
        margin: 0;
    }

    .garantieIcon {
        position: absolute;
        left: 773px;
        top: -42px;
        width: 97px;
    }

    .header .menu-dropdowns > .btn-group > .btn,
    .header-basket-wrapper p {
        color: #fff !important;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1.5;
    }

    .header-basket-wrapper img {
        float: left;
        padding: 0;
    }

    #minibasket_header_button {
        color: #fff !important;
        text-transform: uppercase;
    }

    .minibasketButtonText {
        float: left;
        width: 12.5rem;
        text-align: left;
        padding-right: 0.75rem;
    }

    .minibasketButtonText span {
        font-size: 1.125rem;
    }

    .minibasketButtonText .minibasketButtonAmount {
        padding-left: 10px;
        float: right;
    }

    .minibasketButtonIcon {

    }

    #modal_minibasket_header {

    }

    .paymentHeaderBox {
        margin-top: 8px;
    }

    .paymentHeaderBox img {
        margin-left: 5px;
    }

    .paymentHeaderBox img:first-child {
        margin-left: 0;
    }

    #etrusted-widget-spacer {
        height: 29px;
    }

    .btn-group {
        white-space: nowrap;
    }

    .btn-group.service-menu,
    .btn-group.languages-menu {
        float: right;
    }

    .btn-group.languages-menu {
        font-size: 0;
    }

    #header .btn-group.languages-menu ul {
        padding-left: 0.5rem;
    }

    #header .btn-group.languages-menu li {
        padding: 0 0.125rem;
    }

    #header .btn-group ul li,
    #header .header-menu a {
        border-left: 1px solid #fff;
        float: left;
        padding: 0 5px;
    }

    #header .btn-group ul li:first-child,
    #header .header-menu a:first-child {
        border-left: none;
    }

    #header .header-menu > .btn-group > a,
    #header .header-menu > .btn-group.languages-menu a {
        display: block;
        font-size: 0.66rem;
        text-transform: uppercase;
        color: #fff !important;
        line-height: 0.7rem;
    }

    .header-box-bottom > .container {
        position: relative;
    }

    .header-box-bottom #searchForm {
        position: absolute;
        right: 15px;
        float: right;
        margin-top: 6px;
        margin-bottom: 6px;
        display: inline-block;
        font-size: 0;
        white-space: nowrap;
        vertical-align: middle;
    }

    .header-box-bottom #searchSubmit {
        border-color: #dcdcdc;
        background-color: #eaeaea;
        padding: .125rem .5rem;
        border-radius: 0;
    }

    .header-box-bottom #searchSubmit i {
        font-size: 1.5rem;
        color: #333;
    }

    .header-box-bottom #searchParam {
        background: #eaeaea !important;
        border-color: #dcdcdc #eaeaea #dcdcdc #dcdcdc;
        text-transform: uppercase;
        font-size: 17px !important;
        padding: 10px 6px 6px 15px;
        border-radius: 0;
        font-weight: 400;
    }

    .header-box-bottom #searchParam:focus {
        box-shadow: none;
    }
}

/* megamenue */
@media {

    /* megamenu */
    .fixed-header .header {
        position: relative;
        padding-bottom: 42px;
        padding-bottom: initial;
    }

    .fixed-header .header .navbar {
        border-bottom: none;
        padding: 0;
        box-shadow: none;
        position: relative;
        margin: 0;
    }

    .fixed-header .header .navbar .navbar-header {
        padding: 5px 15px;
    }

    .fixed-header .header .navbar.fadeIn {
        margin-top: 0;
        -webkit-transition: margin-top .2s;
        -webkit-transition: none;
        transition: margin-top .2s;
        transition: none;
        background-color: #fff;
    }

    .fixed-header .header .navbar-nav {
        margin: 0;
    }

    .fixed-header .fixed-header-actions {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fixed-header .header .navbar {
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        border: none;
    }

    .fixed-header .header .navbar.fadeIn {
        background-color: rgba(255, 255, 255, 0.95);
    }

    .fixed-header .fixed-header-actions {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }


    .navbar {
        position: relative;
    }

    .navbar .input-append {
        position: absolute;
        right: 0;
    }

    .navbar .input-append button.btn {
        margin-bottom: 0;
        border-width: 1px 0 0 1px;
    }

    .header .navbar {
        border: none;
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar .nav > li > a,
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
        color: #000;
        float: none;
        padding: 11px 20px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.9659em;
        letter-spacing: 0.05em;
        text-shadow: 0 0.05em #000;
    }

    nav.mgm {
        /*
      position: relative;
      width: 100%;
      background: #2a2a2a;
      font-size: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,1);
        */
    }

    /* first stage */
    nav.mgm > ul {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        left: 0;
        display: block;
        float: left;
    }

    nav.mgm a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

    nav.mgm ul li {
        color: #fff;
        list-style: none;
        transition: 0.5s;
    }

    .navbar .nav > li {
        float: left;
    }

    nav.mgm > ul > li > a {
        padding: 15px 25px;
    }

    /*
    nav.mgm ul > li.submenu > a:after {
      position: relative;
      float: right;
      content: '';
      margin-left: 10px;
      margin-top: 8px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #fff;
      border-bottom: 5px solid transparent;
    }
    */
    nav.mgm ul > li.submenu:hover > a:after {
        margin-top: 2px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid #fff;
    }

    nav.mgm > ul > li.submenu:hover {
        background: #fff;
    }

    /* second stage (the mega-menu) */
    nav.mgm div.megamenu {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        /*width: 1200px;*/
        width: calc(100% - 80px);
        width: 100%;
        top: -9999px;
        left: 0;
        padding: 40px 40px 0 40px;
        background: #fff;
        text-align: left;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
        z-index: 999;
        opacity: 0;
        transition: opacity 0.5s;
    }

    nav.mgm ul li:hover div.megamenu {
        top: 100%;
        opacity: 1;
    }

    /* third stage (child-menus in the mega-menu) */
    nav.mgm div.megamenu ul {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 40px;
        color: #000;
        box-shadow: none;
        padding-left: 0;
    }

    nav.mgm div.megamenu h4 {
        margin-bottom: 15px;
        text-transform: uppercase;
        color: #000;
    }

    nav.mgm div.megamenu ul li {
        display: block;
    }

    nav.mgm div.megamenu ul li a {
        font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif;
        margin-top: 10px;
        transition: 0.5s;
        color: #000;
        font-size: 0.85rem;
    }

    nav.mgm div.megamenu ul li h4 a {
        font-family: "Museo Slab W03_500", Times, serif;
    }

    nav.mgm div.megamenu ul li a:hover {
        color: #DC1F2A;
    }

    nav.mgm div.megamenu ul li {
        display: flex;
    }

    nav.mgm div.megamenu ul li a {
        width: 100%;
        margin-right: 50px;
        position: relative;
        height: 36px;
        margin-top: 0;
        line-height: 1.25em;
        display: flex;
        align-items: center;
    }

    nav.mgm div.megamenu ul li img {
        top: 0;
        padding: 0;
        position: absolute;
        right: -35px;
        max-width: 35px;
        margin-top: 0;
    }
}

/* promoslider */
@media {
    #promo-carousel {
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }

    .carousel-overlay {
        position: absolute;
        top: 294px;
        left: 37px;
        z-index: 1;
    }

    #promo-carousel .flex-direction-nav .flex-nav-prev a,
    #promo-carousel .flex-direction-nav .flex-nav-next a {
        border-radius: 23px 23px 23px 23px;
        color: #FFFFFF;
        font-weight: 100;
        height: 46px;
        left: 15px;
        margin-top: -20px;
        opacity: 0.5;
        position: absolute;
        text-align: center;
        top: 50% !important;
        width: 46px;
        border: none;
        background: none !important;
        line-height: 0;
        font-size: 0;
        content: '';
    }

    #promo-carousel .flex-direction-nav .flex-nav-next a {
        right: 15px;
        left: auto;
    }

    #promo-carousel .flex-direction-nav .flex-nav-prev a:before,
    #promo-carousel .flex-direction-nav .flex-nav-next a:before {
        content: '';
        height: 44px;
        width: 44px;
        font-size: 0;
        color: transparent;
        margin: 0;
        padding: 0;
        background: url('../../img/left.png') no-repeat center;
    }

    #promo-carousel .flex-direction-nav .flex-nav-next a:before {
        background: url('../../img/right.png') no-repeat center;
    }

    @media (max-width: 767px) {
        .carousel-overlay {
            bottom: 12px;
            left: 15px;
            top: auto;
            width: 45%;
        }
    }
    @media (min-width: 768px) and (max-width: 979px) {
        .carousel-overlay {
            left: 20px;
            top: 175px;
            width: 385px;
        }
    }
    @media (min-width: 980px) and (max-width: 1199px) {
        .carousel-overlay {
            left: 25px;
            top: 220px;
            width: 525px;
        }
    }
}

/* scrolltotop */
@media screen {
    #jumptotop {
        width: 55px;
        height: 55px;
        text-indent: -9999px;
        opacity: 0.7;
        position: fixed;
        bottom: 4%;
        right: 4%;
        background: url(../../img/up-arrow.png) no-repeat scroll;
        background-size: cover;
    }
}

/* breadcrumb */
@media {
    .breadcrumb {
        margin-bottom: 15px;
    }

    .subcatList h3.kat_def,
    .breadcrumb.kat_def {
        padding: 0 10px;
        position: relative;
        line-height: inherit;
        margin-top: 0;
        border-radius: 0;
    }

    .subcatList h3.kat_def a,
    .breadcrumb.kat_def a,
    .breadcrumb.kat_def .breadcrumbNoLink,
    .breadcrumb .divider {
        color: #fff;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 29px;
    }

    .breadcrumb.kat_def a,
    .breadcrumb.kat_def .breadcrumbNoLink,
    .breadcrumb .divider {
        font-size: 0.65625rem;
    }

    .breadcrumb.kat_def a.active {
        color: #fff;
    }

    .breadcrumb > li > .divider {
        padding: 0 5px;
    }

    .subcatList h3.kat_std,
    .breadcrumb.kat_std {
        background: #333;
    }

    .breadcrumb.class_contact {
        margin-bottom: 0;
    }

    .subcatList h3.kat_gold,
    .breadcrumb.kat_gold {
        background: #98753b;
    }

    .subcatList h3.kat_silver,
    .breadcrumb.kat_silver,
    .checkout_header {
        background: #303030;
    }

    .subcatList h3.kat_def img,
    .h3-breadcrumb > img {
        position: absolute;
        right: 30px;
        top: 0;
        z-index: 99;
    }

    .h3-breadcrumb {
        position: relative;
    }

    .subcatList ul {
        padding: 0;
        margin-bottom: 30px;
        list-style: none;
    }

    .subcatList .content {
        position: relative;
    }

    .subcatList .content a.title-link {
        position: absolute;
        bottom: 5px;
        left: 10px;
        font-size: 15px;
        color: #fff !important;
        text-transform: uppercase;
        text-shadow: 4px 5px 10px #666;
    }

    .subcatList .content a.title-link strong {
        font-size: 19px;
    }
}

/* sidebar */
@media {
    #sidebar {
        margin-top: 11px;
    }

    #sidebar ul {
        list-style: none;
        padding: 0;
    }

    #sidebar .categoryBox {
        margin-top: 11px;
        margin-left: 10px;
    }

    #sidebar .categoryBox li .cat_special {
        line-height: 20px;
        margin-left: -10px;
        padding: 0 10px;
        background: none;
        text-transform: uppercase;
        border: none;
    }

    #sidebar .categoryBox li a {
        padding: 5px 0;
        display: inline-block;
        text-decoration: none;
    }

    #sidebar .categoryBox li li a {
        font-size: 0.65625rem;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 14px;
        padding: 0;
    }

    #sidebar .categoryBox li li li {
        line-height: 8px;
    }

    #sidebar .categoryBox li li li a {
        display: block;
    }

    #sidebar .categoryBox li .cat_special {
        line-height: 20px;
        margin-left: -10px;
        padding: 0 10px;
    }

    #sidebar .categoryBox > ul > li > ul > li > .cat_special {
        margin-top: 10px;
        margin-bottom: 0;
    }

    #sidebar .categoryBox > ul > li > ul > li > .cat_special a {
        text-decoration: underline;
    }
}

/* productListHeader */
@media {
    .productListHeader {
        background: none;
        border: none;
        color: #000;
        margin: 5px 15px 0;
    }

    .productListHeader .productListHeadline {
        text-transform: uppercase;
        padding: 8px 10px;
        font-size: 19px;
        line-height: 29px;
    }

    .productListHeader .productListDescription {
        padding: 8px 10px;
        font-size: 16px;
    }
}

/* productList */
@media {
    ul#listcontainer {
        margin: 0;
        padding: 0;
    }

    ul#listcontainer li.productData {
        list-style: none;
        float: left;
    }

    ul#listcontainer li.productData .picture {
        background: url("../../img/bg_thumb.png") center no-repeat transparent;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border: none;
        border-radius: 0;
        box-shadow: 0 0;
        padding: 0;
        min-height: 180px;
        line-height: 175px;
        height: auto;
    }

    ul#listcontainer li.productData .listDetails {
        position: relative;
        background: none repeat scroll 0 0;
        margin-left: 7px;
        margin-top: 15px;
        width: 97%;
    }

    #details_container #productinfo .title,
    ul#listcontainer li.productData .listDetails .title {
        height: auto;
        min-height: 25px;
        text-transform: uppercase;
    }

    #details_container #productinfo .articleCat {
        background: none;
        line-height: inherit;
        margin: 0 0 0 0.05em;
        padding: 0;
        color: #000;
    }

    #details_container #productinfo .articleName,
    ul#listcontainer li.productData .listDetails .articleName {
        height: auto;
        text-transform: uppercase;
    }

    ul#listcontainer li.productData .listDetails .articleName {
        min-height: 47px;
    }

    #details_container #productinfo .articleName span,
    ul#listcontainer li.productData .listDetails .articleName span {
        color: #666;
        font-size: 13px;
    }

    #details_container #productinfo .articleNum,
    ul#listcontainer li.productData .listDetails .articleNum {
        text-transform: none;
        font-size: 11px;
        color: #666;
    }

    #details_container #productinfo .priceWrapper,
    ul#listcontainer li.productData .listDetails .priceWrapper {
        padding: 20px 0 10px;
        font-weight: 500;
        position: relative;
    }

    #details_container #productinfo .priceWrapper .price,
    ul#listcontainer li.productData .listDetails .priceWrapper .price {
        padding: 20px 0 10px;
        font-weight: 500;
    }

    #details_container #productinfo .priceWrapper .actions,
    ul#listcontainer li.productData .listDetails .priceWrapper .actions {
        bottom: 10px;
        position: absolute;
        right: 0;
        float: right;
    }

    .subcatHeadlineWrapper {

    }

    .subcatHeadline {
        text-transform: uppercase;
        background: none;
        border: none;
        color: #000;
        margin: 5px 0 0;
        padding: 8px 10px;
    }

    ul.subcatList {
        padding: 0;
        list-style: none;
    }

    ul.subcatList .subcatListItemWrapper {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    ul.subcatList .subcatListItemImage {

    }

    ul.subcatList .subcatListItemContent {

    }

    ul.subcatList .subcatListItemContent h3 {
        background: none;
    }

    ul.subcatList .subcatListItemContent h3 a {
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 1em;
    }

    ul.subcatList .subcatListItemContent .subcatListItemDescription {
        padding: 8px 10px;
        font-size: 16px;
        background: none;
        border: none;
        color: #000;
        margin: 5px 0 0;
    }

    ul.subcatList .categoryLongDescription {
        padding: 8px 10px;
        font-size: 16px;
        background: none;
        border: none;
        color: #000;
        margin: 5px 0 0;
    }

    .priceWrapper .offerPrice {
        color: #db1f29;
    }
}

/* productdetails */
@media {
    #details_container {
        margin-top: 20px;
    }

    .cloud-zoom {
        background: url("../../img/bg_zoom.png") center no-repeat transparent;
        text-align: center;
    }

    .cloud-zoom-big {
        background: #5d5d5c;
        border: none;
        left: 600px !important;
        top: 0 !important;
    }

    #morePicsContainer {
        margin: 10px 0;
    }

    #morePicsContainer ul {
        margin: 0;
        padding: 0;
        text-align: center;
        list-style: none;
    }

    #morePicsContainer .thumbnail {
        text-align: center;
        transition: all 0.2s ease-in-out;
        line-height: 20px;
        display: inline-block;
        margin-right: 10px;
        height: 87px;
        width: 87px;
    }

    #details_container #productinfo .details-information {
        margin-left: 0.05em;
    }

    #details_container #productinfo .price-wrapper {
        display: inline;
    }

    #details_container #productinfo #productPrice {
        float: left;
        margin-top: 8px;
        margin-bottom: 0;
        line-height: 29px;
    }

    #details_container #productinfo #productPrice > span {
        color: #333333;
        font-size: 12px;
        font-weight: normal;
        padding-right: 8px;
    }

    #details_container #productinfo #productPrice span .price-from {

    }

    #details_container #productinfo #productPrice span .price {
        color: #DC1F2A;
        font-size: 22px;
    }

    #details_container #productinfo #productPrice span .price-markup {
        color: #DC1F2A;
        font-size: 22px;
    }

    #details_container #detailsRelated {
        margin-top: 20px;
    }

    .deliveryInfo {
        background: none;
        border: none;
        color: #000;
        margin: 5px 0 0;
        min-width: 270px;
        padding: 0 10px 0 0;
        text-transform: uppercase;
        line-height: 10px;
    }

    .deliveryInfo p {
        font-size: 0.65625rem;
        line-height: 20px;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 0.5rem;
    }

    .deliveryInfo .lowStock i {
        font-size: 0.65rem;
        color: #c0c200 !important;
    }

    .productAttributes {
    }

    .productAttributes ul {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .productAttributes li {
        text-transform: none;
        color: #666;
        list-style-position: inside;
        list-style-type: disc;
        margin-left: 0.25em;
        line-height: 19px;
        position: absolute;
        max-width: 210px;
        top: 0;
        white-space: nowrap;
        overflow: hidden;
        font-size: 11px;
    }

    .productAttributes li:nth-child(2) {
        top: 1.75em;
    }

    .productAttributes li:nth-child(3) {
        top: 3.5em;
    }

    .productAttributes li:nth-child(4) {
        top: 5.25em
    }

    .productAttributes li:nth-child(5) {
        margin-left: 220px;
    }

    .productAttributes li:nth-child(6) {
        margin-left: 220px;
        top: 1.75em;
    }

    .productAttributes li:nth-child(7) {
        margin-left: 220px;
        top: 3.5em
    }

    .productAttributes li:nth-child(8) {
        margin-left: 220px;
        top: 5.25em;
    }

    .productAttributes li:nth-child(9) {
        top: 7em;
    }

    .productAttributes li:nth-child(10) {
        margin-left: 220px;
        top: 7em;
    }

    .nav-tabs {
        margin-bottom: 20px;
    }

    .nav-tabs .nav-link {
        display: block;
        margin-right: 2px;
        border: 1px solid transparent;
        padding: 8px 12px 12px;
        line-height: 20px;
        border-radius: 4px 4px 0 0;
        font-size: 0.8em;
        color: #000;
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        text-decoration: none;
        background-color: #eeeeee;
        border-color: #eeeeee #eeeeee #dddddd;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #000;
        cursor: default;
        background-color: #ffffff;
        border-width: 1px;
        border-style: solid;
        border-color: #ddd #ddd transparent;
        padding: 10px 6px !important;
    }

    .details .tab-content {
        font-size: 0.8em;
        line-height: 1.2em;
        color: #666;
        padding-left: 0;
        padding-right: 0;
        border-right: none;
        border-left: none;
        border-bottom: none;
        margin: 15px 0 0;
    }

    @media (max-width: 767px) {
        .productAttributes li {
            margin-left: 0.25em !important;
            position: relative !important;
            top: auto !important;
        }
    }

}

/* MODAL */
@media {
    .modal-dialog {
        max-width: 650px;
    }

    .modal-header {
        border: none;
        padding-bottom: 0;
    }

    .modal-footer {
        border-top: none;
    }

    .modal-content {
        border: none;
        border-radius: 0;
        padding: .5em 1em;
        box-shadow: 0 0 3px 1px #555;
    }

    .modal-content .modal-header-info {
        color: #000;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .modal-content .modal-title {
        color: #666;
        font-size: 13px;
        line-height: 21px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .modal-cart-price {
        margin-right: 0;
    }

    .modal-cart-price span {
        padding: 2px 0 0;
        font-weight: bold;
        font-size: 13px;
    }

    .modal-cart-price label {
        margin: 0;
        padding: 7px 2px 0 2px;
        font-size: 10px;
        font-weight: normal;
        line-height: 20px;
    }

    .modal-cart-title {
        color: #666;
        font-size: 11px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .modal-cart-title span {
        line-height: 16px;
        color: #000;
        font-size: 14px;
    }

    .minibasket-item-row {
        background: #fff;
    }

    * > .minibasket-item-row {
        border-bottom-color: transparent;
        border-top-color: transparent;
    }

    * > .minibasket-item-row:last-child {
        border-bottom-color: rgb(206, 212, 218);
    }

    * > .minibasket-item-row:first-child {
        border-top-color: rgb(206, 212, 218);
    }

    .modal-cart-image-wrapper {
        border-right-width: 0;
        border-bottom-width: 0;
        padding-right: 2px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .modal-cart-title-wrapper {
        border-right-width: 0;
        border-bottom-width: 0;
        padding: 15px 2px;
        text-align: left;
    }

    .modal-cart-price-wrapper {
        border-bottom-width: 0;
        padding-left: 2px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .minibasket-total-row {
        border-top: 0;
    }

    .modal-cart-total-title-wrapper {
        padding: 0 0 0 8px;
        border-right: 0;
    }

    .modal-cart-total-title {
        text-align: right;
        border-top: 1px solid rgb(206, 212, 218);
        padding: 15px 8px 15px 0;
    }

    .modal-cart-total-price-wrapper {
        padding: 0 8px 0 0;
        border-left: 0;
    }

    .modal-cart-total-price {
        text-align: right;
        border-top: 1px solid rgb(206, 212, 218);
        padding: 15px 0 15px 8px;
    }
}

/* checkout */
@media {
    .checkoutHeader {
        font-size: 12px;
        background: #333;
        text-transform: uppercase;
        color: #fff;
        border: none;
        padding: 6px 15px;
    }

    .list_cartItem_wrapper {
        border-bottom: 1px solid #474747;
    }

    .list_cartItem_wrapper > .row {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .checkoutHeader {
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 15px;
        background: #303030;
        padding: 8px 0 6px;
    }

    .checkoutHeader a,
    .checkoutHeader label {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        display: block;
        margin-bottom: 5px;
        padding-top: 4px;
    }

    .checkoutHeader a {
        color: #fff;
        display: inline-block;
    }

    .checkoutHeader a.first,
    .checkoutHeader label.first {
        margin-left: 15px;
    }

    #list_cartHeader.checkoutHeader label.first {
        margin-left: 30px;
    }

    .checkoutHeader a.first.h1,
    .checkoutHeader label.first.h1 {
        background: #333;
        text-transform: uppercase;
        color: #fff;
        border: none;
        padding: 0 15px;
        font-size: 17px;
        line-height: 27px;
        margin: 0;
    }

    #list_cartHeader.checkoutHeader label.last {
        margin-right: 30px;
        text-align: right;
    }

    .orderCollumns .card,
    .paymentCollumns .card,
    .addressCollumns .card,
    .checkoutCollumns .card {
        background: none;
        border: none;
        border-radius: 0;
    }

    .accountLoginView .card,
    .checkoutOptions .card {
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .03));
        border: none;
        border-radius: 0;
    }

    .accountLoginView .card-header,
    .orderCollumns .card-header,
    .paymentCollumns .card-header,
    .addressCollumns .card-header,
    .checkoutCollumns .card-header,
    .checkoutOptions .card-header {
        border-radius: 0;
        border: none;
        background: none;
    }

    .accountLoginView .card-header .card-title,
    .orderCollumns .card-header .card-title,
    .paymentCollumns .card-header .card-title,
    .addressCollumns .card-header .card-title,
    .checkoutCollumns .card-header .card-title,
    .checkoutOptions .card-header .card-title {
        font-weight: 400;
        text-transform: uppercase;
    }

    .accountLoginView .card-body,
    .checkoutOptions .card-body {
        font-size: 14px;
    }

    .addressCollumns .card-body + .card-header,
    .checkoutCollumns .card-body + .card-header {
        padding-top: 0;
    }

    .accountLoginView .card-footer,
    .checkoutOptions .card-footer {
        border-radius: 0;
        background: transparent;
        border: 0;
    }

    .basketItemTitle,
    .basketItemTitle a {
        color: #666;
        font-size: 11px;
        text-transform: uppercase;
    }

    .basketItemTitle span {
        line-height: 16px;
        color: #000;
        font-size: 14px;
    }

    .basketItemImage {
        text-align: center;
    }

    .basketItemAmount {

    }

    .basketItemVat {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        display: block;
        margin-bottom: 5px;
    }

    .basketItemUnitPrice {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        display: block;
        margin-bottom: 5px;
    }

    .basketItemTotalPrice {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        display: block;
        margin-bottom: 5px;
        padding-right: 30px;
    }

    .checkoutQuantityWrapper {
        padding-right: 8px;
        padding-left: 8px;
        text-align: right;
    }

    .checkoutQuantityWrapper .quantity {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        display: block;
        margin-bottom: 5px;
    }

    .checkoutRemoveWrapper {
        padding-right: 8px;
        padding-left: 8px;
    }

    .checkoutAmountToBasket:focus {
        outline: 0.125rem solid rgba(220, 31, 42, 0.5);
    }

    .checkoutAmountWrapper #qty_dec,
    .checkoutAmountWrapper #qty_inc {
        font-size: 12px;
    }

    .checkoutRemoveWrapper {
        padding-top: 6px;
    }

    #basketSummary {

    }

    #basketSummary th {
        text-align: left;
        font-size: 11px;
        padding: .125rem .125rem .125rem 1.875rem;
        border: none;
        font-weight: 400;
    }

    #basketSummary td {
        font-size: 11px;
        padding: .125rem 1.875rem .125rem .125rem;
        border: none;
        text-align: right;
        white-space: nowrap;
    }

    #basketSummary th strong,
    #basketSummary td strong {
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
    }

    #basketGrandTotalWrapper strong {

    }

    #basketGrandTotalSummaryWrapper {
        border-top: 1px solid #474747;
        border-bottom: 1px solid #474747;
        padding-top: 1.5rem;
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }

    #basketGrandTotalSummaryWrapper table {
        margin-bottom: 0.25rem;
    }

    #basketGrandTotalSummaryWrapper th {
        text-align: left;
        font-size: 11px;
        padding: .125rem .125rem .125rem 1.875rem;
        border: none;
        font-weight: 400;
    }

    #basketGrandTotalSummaryWrapper td {
        font-size: 11px;
        padding: .125rem 1.875rem .125rem .125rem;
        border: none;
        text-align: right;
        white-space: nowrap;
    }

    #basketGrandTotalSummaryWrapper th strong,
    #basketGrandTotalSummaryWrapper td strong {
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
        color: #DC1F2A;
    }

    #basketGrandTotalSummaryWrapper td strong {
        font-weight: 600;
        font-size: 16px;
    }

    #basketVoucher #coupon {
        padding: 0 0 0 30px;
        width: 100%;
    }

    #basketVoucher #coupon .form-group {
        background: #eaeaea;
        border: none;
        padding: 4px 5px 3px;
    }

    #basketVoucher #coupon .form-group .input-group {
        width: 100%;
    }

    #basketVoucher #coupon .voucher-code {
        max-width: 190px;
        color: #000;
        background: none;
        border-radius: 0 0 0 0;
        font-size: 12px;
        margin-bottom: 0;
        margin-right: 7px;
        padding-left: 5px;
        border: none;
    }

    #basketVoucher #coupon .submitButton {
        padding: 0.125rem 0 0;
        position: absolute;
        right: 0;
    }

    #basketVoucher #coupon .help-block ul {
        margin: 3px 5px 5px;
    }

    #payment.payment input[type="radio"] {
        margin-left: 0;
    }

    #payment.payment dd {
        display: none;
    }

    #payment.payment .desc {
        line-height: 20px;
        color: #333;
        font-size: 12px;
    }

    #payment.payment dl {
        background: linear-gradient(to bottom, #dadada, #fff);
        padding: 15px 15px 5px;
        border: 1px solid #ddd;
    }

    #payment.payment .rowToLeft {
        width: calc(200% + 85px);
        margin-left: calc(-100% - 75px);
    }
}

/* CARD */
@media {
    .card.card-small {
        border: none;
    }

    .card.card-small .card-body {
        padding: 15px;
    }

    .card.card-buttons .btn,
    .card.card-small .btn {
        font-size: 0.65625rem;
        text-transform: uppercase;
        padding-left: 30px;
        padding-right: 30px;
        border-color: #DC1F2A;
        background: #DC1F2A;
        color: #fff;
        border-radius: 0;
        outline: none !important;
        box-shadow: none !important;
    }

    .card.card-buttons .btn:focus,
    .card.card-buttons .btn:active,
    .card.card-small .btn:focus,
    .card.card-small .btn:active {
        border-color: #DC1F2A;
        background: #DC1F2A;
    }

    .card.card-buttons .btn-outline-dark,
    .card.card-small .btn-outline-dark {
        color: #666;
        border-color: #666;
        background: #fff;
    }

    .card.card-buttons .btn-outline-red,
    .card.card-small .btn-outline-red {
        color: #666;
        border-color: #666;
        background: #fff;
    }

    .card.card-buttons .btn.btn-outline-red,
    .card.card-small .btn.btn-outline-red {
        color: #666;
        border-color: #666;
        background: #fff;
    }

    .card.card-buttons .btn.btn-outline-red.active,
    .card.card-small .btn.btn-outline-red.active {
        color: #fff;
        border-color: #DC1F2A;
        background: #DC1F2A;
    }

    .card.card-small .btn.smallListBtn {
        margin-left: 0.25rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .card.card-small.card-address {
    }

    .card.card-small.card-address .card-footer {
        border-radius: 0;
        border-top: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        background: no-repeat;
        padding-right: 0;
        text-align: right;
    }

    .card.card-small.card-address .card-footer label {
        display: inline;
    }

    .card.card-small.card-address .card-body {
        font-size: 12px;
        line-height: 1.25;
        padding: 1.25rem;
    }

    .card .card.card-small.card-address .card-body {
        padding-right: 0;
        padding-left: 0;
    }

    .card.card-background {
        background: linear-gradient(to bottom, #dadada, #fff);
        border: 1px solid #ddd;
        border-radius: 0;
    }

    .card.card-background .card-header {
        background: linear-gradient(to bottom, #dadada, transparent);
        border-bottom: 1px solid #dadada;
    }

    .card.card-background .card-body {
        border-top: 1px solid #f5f5f5;
    }

    .card.card-noBackground .card-body {
        padding-left: 0;
        padding-right: 0;
    }

    .orderCollumns #basketVoucher #coupon .submitButton {
        background: initial;
        border: initial;
    }

    .orderCollumns #basketGrandTotalSummaryWrapper {
        margin-bottom: 0;
    }

    #orderAgbTop .agb {
        padding: 0 0.625rem;
        font-size: 12px;
        color: #333;
        margin-bottom: 0;
    }

    #orderAgbTop #test_OrderOpenAGBBottom,
    #orderAgbTop #test_OrderOpenWithdrawalBottom {
        color: #DC1F2A !important;
    }

    #orderAgbTop .card-header,
    #orderAgbTop .card-body {
        padding-top: 0;
    }
}

/* content - sidebar */
@media {
    #contentMenu {
        margin-top: 11px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    #contentMenu .contentMenuTitle {
        padding: 5px 0px;
        display: inline-block;
        text-decoration: none;
        color: #000 !important;
        margin-bottom: 10px;
    }

    #contentMenu,
    #contentMenu ul {
        list-style: none;
        padding: 0;
    }

    #contentMenu ul li {
        line-height: 14px;
    }

    #contentMenu ul li a {
        font-size: 0.625rem;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 14px;
        padding: 0;
    }
}

/* cmsContent */
@media {

    .cmsContent {
        font-size: 14px;
        margin: 15px 0 0;
    }

    .cmsContent .h1, .cmsContent h1 {
        font-family: "Museo Slab W03_500", Times, serif;
        font-size: 19px;
        line-height: 29px;
        border: none;
        background: none;
        clear: both;
        color: #333;
        display: block;
        padding: 6px 15px 6px 0;
    }

    .h1, .akordeon-item .h1 {
        text-transform: uppercase;
    }

    .h1, .akordeon-item .h1 {
        background: #333;
        text-transform: uppercase;
        color: #fff;
        border: none;
        padding: 6px 15px;
    }

    .cmsContent h2 {
        line-height: 40px;
    }

    .cmsContent a {
        text-decoration: underline;
    }

    .cmsContent a:hover,
    .cmsContent a:focus,
    .cmsContent strong {
        font-family: "Museo Slab W01_500", Times, serif;
    }

    .cmsContent .datenschutzerklaerung strong {
        font-family: "Museo Sans W01_500", serif;
        font-weight: bold;
        padding-top: 0.75em;
        display: inline-block;
    }


    .cust-acc ul, .cmsContent ul {
        padding: 0 0 10px 25px;
    }

    .cust-acc ul li, .cmsContent ul li {
        list-style: outside none disc;
        margin-bottom: 5px;
    }

    .cmsContent td {
        padding: 3px 10px 3px 0;
    }

    .cmsContent [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }

    .cmsContent .span3 {
        width: calc((100% - 60px) / 3);
    }

    .cmsContent .span6 {
        margin-left: 15px;
        margin-right: 15px;
        width: calc((100% - 60px) / 2);
    }

    .cmsContent .span12 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .cmsContent > .container {
        max-width: initial;
        padding: initial;
        margin: initial;
    }

    .cmsContent .alpha {
        margin-left: 0;
    }

    .cmsContent .teasertext p {
        margin-top: 15px;
    }

    #productFreitext {

    }

    .red-underline {
        color: #dc1f2a !important;
        text-decoration: underline !important;
    }

    @media (min-width: 1200px) {
        .cmsContent .span3 {
            width: 270px;
        }
    }

}

/* boxen */
@media {
    .boxwrapper .page-header {
        color: #fff;
        text-align: left;
    }
}

/* accordion */
@media {

    .cust-acc-content {
        display: none;
    }

    .cust-acc .cust-acc-open {
        display: block;
    }

    .cust-acc .cust-acc-header.h1 {
        background: #333;
        border: none;
        color: #fff;
        padding: 6px 15px;
        text-transform: uppercase;
    }

    .cust-acc .cust-acc-header.h1:hover {
        cursor: pointer;
    }

    .cust-acc ul, .cmsContent ul {
        padding: 0 0 10px 25px;
    }

    .cust-acc ul li, .cmsContent ul li {
        list-style: outside none disc;
        margin-bottom: 5px;
    }

}

/* tabs */
@media {
    .tab_details .col-3 {
        border-right: 1px solid #666;
        display: block;
        min-height: 6em;
        margin-left: 15px;
    }

    .tab_details .col-3:first-child {
        margin-left: 0;
    }

    .tab_details .col-3:nth-child(3n),
    .tab_details .col-3:last-child {
        border: none;
    }
}

/* medien */
@media {
    .categories ul {
        margin-top: 11px;
        margin-left: 0;
        padding-left: 0;
        list-style: square;
        color: #DC1F2A;
    }

    .categories ul li {
        list-style: none;
        line-height: 20px;
    }

    .categories li a {
        display: block;
        font-size: 10.5px;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 14px;
        padding: 0;
        text-decoration: none;
    }

    .categories .categoriesMenuTitle {
        padding: 5px 0;
        display: inline-block;
        text-decoration: none;
        line-height: 20px;
        text-transform: uppercase;
    }
}

/* news */
@media {
    .newsWrapper .h1 {
        background: #333;
        text-transform: uppercase;
        color: #fff;
        border: none;
        padding: 6px 15px;
        margin-top: 0;
    }

    .newsDate {
        float: right;
        padding: 0;
        color: #DC1F2A;
        font-weight: normal;
    }

    #newsBox ul {
        padding-left: 0;
    }

    #newsBox ul li {
        list-style: none;
        padding: 0 0 30px;
    }

    #newsBox .date {
        font-size: 24px;
        color: #b1b1b1;
        float: left;
        padding-right: 20px;
    }

    #newsBox .date span {
        font-size: 14px;
    }

    #newsBox .title {
        text-transform: uppercase;
    }

    #newsBox .description {
        color: #666;
        font-size: 14px;
    }
}

/* pagination */
@media {
    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #333;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

    .pagination-sm .page-link {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
    }

    .pagination .page-link {
        white-space: nowrap;
    }

    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .2rem;
    }

    .page-link:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 31, 42, .25);
    }

    .page-link:hover {
        color: #DC1F2A;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #DC1F2A;
        border-color: #DC1F2A;
    }
}

/* main */
@media {
    #wrapper {
        background: none;
    }

    .main-row {
        box-shadow: none;
    }

    .mainWrapper {
        background: url("../../img/backgrounds/bg_main.png") repeat-x center 58px #fff;
        overflow: hidden;
    }

    #content {
        margin: auto -15px;
    }

    #content.content-md-9 {
        /* margin: auto 15px auto -15px; */
    }

    #content-start {
        margin-top: 1.25rem;
    }

    #content-start .teasertext p {
        margin-top: 15px;
    }

    .dark-header {
        background: #333;
        text-transform: uppercase;
        color: #fff;
        border: none;
        padding: 6px 15px;
    }
}

/* footer */
@media {
    #footer {
        background: #333;
        color: #fff;
        margin-bottom: 0;
        bottom: 0;
        width: 100%;
        position: relative;
        margin-top: 50px;
        padding: 20px 0 80px;
        border: none;
    }

    .vat-info {
        position: fixed;
        bottom: -3px;
        font-size: 11px;
        opacity: 0.6;
        filter: alpha(opacity=60);
        z-index: 9999;
        background: #ddd;
        border: 1px solid #e2e2e2;
        border-radius: 6px 6px 0 0;
        margin-left: 6px;
        padding: 1px 10px 2px 7px;
        left: 0;
        color: #000;
    }

    #footer img {
        max-width: 100%;
    }

    #footer ul {
        padding-left: 0;
        margin-left: 0;
    }

    #footer ul li {
        color: #fff;
        font-size: 0.65625rem;
        line-height: 14px;
        list-style: none;
        letter-spacing: 0.02em;
    }

    #footer ul li a {
        color: #fff !important;
        padding: 0;
    }

    #footer ul.inline > li,
    #footer ol.inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

    #footer .h2 a {
        color: #fff !important;
        padding: 0;
    }

    #footer ul.produkte {
        text-transform: uppercase;
    }

    #footer .footer-border {
        border-left: 1px solid #413e3c;
        padding: 0 0.621%;
    }

    #footer .footer-border:first-child {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    #footer .footer-border:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    #footer .payment_footer li {
        width: 46%;
        float: left;
        padding: 2%;
    }

    #footer .soc_ialIcons {
        margin: 15px 0
    }

    #footer .soc_ial_links_2ndBlock {
        padding-top: 1rem;
    }

    #bueroschmidt_link_footer img {
        width: 50%;
    }

    @media (max-width: 767px) {
        #bueroschmidt_link_footer {
            text-align: center;
        }

        #bueroschmidt_link_footer img {
            width: 25vw;
        }

        #footer .soc_ialIcons {
            margin: 0;
        }

        #footer .soc_ialIcons .soc_ial_media li {
            padding: 0;
            text-align: center;
        }

        #footer .soc_ialIcons .soc_ial_media li a {
            padding-bottom: 0.2em;
        }

        #footer .soc_ial_links_2ndBlock {
            padding-top: 0;
        }

        #footer .footer-border {
            height: auto !important;
            border: 0;
            padding: 0;
            margin: 0;
        }

        .footerWrapper .footer-border.footer-small-center {
            width: 100%;
            margin-left: 0;
            padding-bottom: 20px;
            text-align: center;
            border-bottom: 1px solid #444;
        }

        .footerWrapper .footer-border.footer-small-center a {
            border: none;
        }

        #footer .footer-border.footer-small-center li,
        #footer .footer-border.footer-small-center li a {
            font-size: 1rem;
            line-height: 1.7rem;
            display: block;
        }

    }
}

/* datenschutz */
@media {
    .datenschutzerklaerung {
    }

    .datenschutzerklaerung h1 {
        font-size: initial;
        margin-bottom: 0;
    }

    .datenschutzerklaerung h2 {
        font-size: 19px;
        margin-bottom: 0;
    }

    .datenschutzerklaerung h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .datenschutzerklaerung h4 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .datenschutzerklaerung .h2 {
        font-size: 19px;
        font-weight: bold;
        text-transform: none;
    }

    .datenschutzerklaerung a {
        text-decoration: underline;
        cursor: pointer;
    }
}

/* contact */
@media {
    #contactAddressWrapper {
        padding-top: 10px;
        font-size: 14px;
    }

    #map_canvas {
        background: rgba(100, 100, 100, 0.15);
        height: 450px;
        position: relative;
        overflow: hidden;
    }
}

/* account */
@media screen {
    #account_menu_wrapper {
        margin-top: -11px;
    }

    #account_menu_wrapper li {
        background: transparent;
        padding: 0;
        border: none;
        border-radius: 0;
    }

    #account_menu_wrapper a {
        padding: 6px 15px;
        font-size: 12px;
    }

    #account_menu_wrapper .active a {
        padding: 6px 15px;
        font-size: 12px;
        color: #DC1F2A;
    }

    .accountDashboardView .card {
        border-radius: 0;
        border: none;
        background: transparent;
    }

    .accountDashboardView .card-header {
        border-radius: 0;
        border: none;
        background: transparent;
        padding-left: 15px;
        font-size: 14px;
    }

    .accountDashboardView .card-body {
        padding-left: 15px;
        font-size: 12px;
    }
}

/* shipping / payment*/
@media screen {
    #shipping .card-body {
        padding: 1.25rem;
    }

    #shipping,
    #shipping b {
        color: #333;
        font-size: 0.875rem;
        font-weight: normal;
    }

    #payment,
    #payment b {
        color: #333;
        font-size: 0.875rem;
        font-weight: normal;
    }
}

/*klarna*/
@media screen {
    .btn.btn-default.js-other-country {
        padding: 0.125rem;
        width: 100%;
        display: none !important;
    }

    .kp-outer dl dt img {
        margin-top: -13px;
    }
}

/** usercentrics */
@media screen {
    #usercentrics-button #uc-banner-modal .uc-banner-content {
        background: #4b4b4b !important;
    }

    body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-deny-banner {
        background: transparent;
        box-shadow: 0 0 !important;
        width: 25% !important;
        margin: 0 3% !important;
        border: 1px solid #eee;
        color: #eee;
    }

    body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-accept-banner {
        background: #DC1F2A;
        box-shadow: 0 0 !important;
        width: 30% !important;
        margin: 0 3% !important;
        border: 1px solid #DC1F2A;
        color: #eee;
    }

    body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-accept-banner {
        background: transparent;
        box-shadow: 0 0 !important;
        width: 25% !important;
        margin: 0 3% !important;
        border: 1px solid #eee;
        color: #eee;
    }

    body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-more-info-banner {
        background: transparent;
        box-shadow: 0 0 !important;
        width: 25% !important;
        margin: 0 3% !important;
        border: 1px solid #eee;
        color: #eee;
    }

    body .usercentrics-button.layout-1 #uc-corner-modal.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header {
        background: #4b4b4b !important;
    }

    body #usercentrics-button.layout-1 #uc-corner-modal .uc-corner-modal-content .uc-tab-content {
        border-top: none !important;
    }

    body .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs {
        background: #999 !important;
    }

    body .usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a.uc-active {
        background: #fff !important;
        color: #333 !important;
        border: 1px solid #dfdfdf !important;
        border-bottom-color: #fff !important;
    }

    body .usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button {
        background: #DC1F2A !important;
    }

    body #usercentrics-button #uc-consents-info-modal .uc-modal-footer .uc-save-settings-and-close-button {
        background: #DC1F2A !important;
    }

    body #usercentrics-button #uc-consents-info-modal .uc-modal-header {
        background: #4b4b4b !important;
    }

    body #usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar {
        background: #eee !important;
    }

    body #usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar .uc-powered-by {
        background-color: #eee;
        -webkit-box-shadow: 0 0 10px 7px #eee;
        box-shadow: 0 0 10px 7px #eee;
    }

    body #usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input {
        background-color: #999;
        border: 1px solid #333;
    }

    @media (max-width: 39.9375rem) {
        body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-deny-banner,
        body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-accept-banner,
        body #usercentrics-button.layout-1 #uc-banner-modal .btn-list.show-deny-btn.show-more-btn #uc-btn-more-info-banner {
            width: 100% !important;
            margin: 1rem 0 !important;
        }

        .flexOrderContainer {
            display: flex;
            flex-direction: column;
        }

        .flexOrderContainer .flexOrderSmall1 {
            display: flex;
            flex-direction: column;
            order: 1;
        }

        .flexOrderContainer .flexOrderSmall2 {
            display: flex;
            flex-direction: column;
            order: 2;
        }
    }
}

/* Etrusted */
@media screen {
    #etrusted-widget-wrapper {
        position: absolute;
        width: 300px;
        height: 37px;
        right: 10px;
        top: 1px;
        overflow: hidden;
        border-radius: 0.25rem;
    }

    #etrusted-widget-spacer {
        height: 29px;
    }

    #etrusted-widget-wrapper etrusted-widget {
        position: absolute;
        top: -22px;
        left: 0;
        margin: 0;
        background: rgba(255, 255, 255, 0.5);
        padding: 0.25rem;
    }

    #etrusted-widget-mobile {
        display: block;
        height: 40px;
        width: 100%;
        margin-top: 1rem;
        position: relative;
    }

    #etrusted-widget-mobile #etrusted-widget-wrapper {
        left: 1rem;
        width: calc(100% - 2rem);
    }

    #etrusted-widget-mobile #etrusted-widget-wrapper etrusted-widget {
        width: 100%;
    }
}


/* soc images */
@media screen {
    .news-start .thumb_txt.last {
        padding-bottom: 0;
    }

    .scomedWrapper > div {
        display: initial;
    }

    .img2bg {
        opacity: 0;
        margin-top: 15px;
        display: flex;
        align-items: flex-end;
        background-size: cover;
        background-position: center;
    }

    .img2bg img {
        height: 0;
    }

    .img2bg .img2bgText {
        padding: 15px;
        color: #fff;
        background: rgba(45, 45, 45, 0.85);
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 1.35em;
    }

    .img2bg .img2bgText > *:last-child {
        margin: 0;
    }

    .img2bg .img2bgText a {
        color: #fff !important;
    }

    .news ul {
        padding: 0;
    }

    .news ul li {
        list-style: none;
        padding: 0;
        margin: 15px 0 0;
        float: left;
    }

    .news .thumb_txt {
        background: none repeat scroll 0 0;
        float: left;
        margin-left: 7px;
        width: 98%;
        border: medium none;
        padding: 0 0 30px;
    }

    .news .thumb_txt .date {
        font-size: 24px;
        color: #b1b1b1;
        float: left;
        padding-right: 20px;
    }

    .news .thumb_txt .date span {
        font-size: 14px;
    }

    .news .thumb_tit {
        text-transform: uppercase;
    }

    .news .thumb_txt .thumb_desc {
        color: #666;
        font-size: 14px;
    }

    .news .h1 a {
        color: #fff !important;
        text-decoration: none;
        background: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }

    .news .h1 a:hover {
        text-decoration: underline;
    }

    @media (max-width: 767px) {
        .scomedWrapper .col-eq {
            min-height: 45vh;
        }
    }
}

/* responsive */
@media screen {
    .header-box-top-mobile {
        display: none;
    }

    .navbar-inner-header .btn-navmenu {
        display: none;
    }

    #minibasket_header_button {
        margin-top: 6px;
    }

    @media (max-width: 767px) {
        #content {
            margin: auto;
        }

        .mainWrapper > .container {
            margin-top: 15px;
        }

        .header-box-bottom .header-box-search-mobile #searchForm {
            position: relative;
            width: calc(100% - 20px);
            margin: 10px;
            right: 0;
        }

        .header-box-bottom {
            background: rgba(93, 93, 92, 1);
        }

        .header-box-bottom .navbar .nav > li {
            border-top: 1px solid #fff;
        }

        .header-box-bottom .navbar .nav > li:last-child {
            border-bottom: 1px solid #fff;
        }

        .header-box-bottom .navbar .nav .mobile {
            float: none;
            display: none;
        }

        .header-box-bottom .navbar .nav li.submenu {
            background: transparent !important;
        }

        .header-box-bottom .navbar .nav > li > a {
            float: none;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 0.8em;
            padding: 5px 25px;
            margin: 0;
            color: #fff !important;
            text-shadow: 0 0;
        }

        .header-box-bottom.collapsed,
        .header-box-bottom.collapsed {
            display: none;
        }

        .navbar .megamenu {
            display: none !important;
        }

        .navbar .nav > li {
            float: none;
        }

        .siteLogo {
            padding-left: 10px;
            max-width: 134px;
            display: block;
            padding-top: 15px;
        }

        .header-basket-wrapper .minibasket-menu {
            padding-right: 15px;
            padding-top: 45px;
        }

        #minibasket_header_button {
            float: right;
            height: 35px;
            padding-top: 6px;
        }

        .minibasketButtonText {
            width: auto;
            margin-top: -3px;
        }

        .minibasketButtonText span {
            display: none;
        }

        .minibasketButtonText span.minibasketButtonAmount {
            display: block;
            text-align: right;
        }

        .paymentHeaderBox {
            display: none !important;
        }

        .header .menu-dropdowns {
            margin: auto;
        }

        .header .menu-dropdowns .minibasket-menu {
            text-align: right;
            display: inherit;
            padding-right: 15px;
            padding-top: 45px;
        }

        .header-basket-wrapper {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .logo-col {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .header-basket-wrapper .navbar-inner-header {
            position: absolute;
            top: 0px;
            right: 25px;
        }

        .navbar-inner-header .btn-navmenu {
            display: block;
        }

        .header-basket-wrapper .navbar-inner-header .btn-navmenu {
            background: #666;
            padding: 7px 10px;
            box-shadow: 0 0;
            border: 0;
            border-radius: 0;
            width: 50px;
            height: 36px;
        }

        .navbar-inner-header .btn-navmenu.collapsed .icon-bar {
            background-color: #f5f5f5;
            border-radius: 0;
            box-shadow: 0 0;
            display: block;
            height: 3px;
            width: 30px;
        }

        .navbar-inner-header .btn-navmenu::before {
            content: "X";
            font-size: 29px;
            left: 0;
            line-height: 38px;
            position: absolute;
            text-shadow: 0 0;
            top: 0;
            width: 50px;
            color: #fff;
        }

        .navbar-inner-header .btn-navmenu.collapsed .icon-bar + .icon-bar {
            margin-top: 6px;
        }

        .navbar-inner-header .btn-navmenu.collapsed::before {
            display: none;
        }

        .navbar-inner-header .btn-navmenu .icon-bar {
            display: none;
        }

        .header-box-top-mobile .header-menu {
            padding: 0;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            margin-bottom: 10px;
        }

        #header .header-menu > .btn-group.languages-menu {
            float: left;
            width: 50%;
            border-right: 1px solid #fff;
        }

        #header .header-menu > .btn-group.languages-menu ul {
            padding: 0;
            margin: 0;
            width: 100%;
        }

        #header .header-menu > .btn-group.languages-menu ul li {
            width: 50%;
        }

        #header .header-menu > .btn-group.languages-menu a {
            padding: 15px 0;
            width: 100%;
            text-align: center;
        }

        #header .header-menu > .btn-group.service-menu {
            float: left;
            width: 50%;
        }

        #header .header-menu > .btn-group.service-menu a {
            width: 50%;
            text-align: center;
            padding: 15px 0;
        }

        #header .header-menu > .btn-group.service-menu.showLogin {

        }

        #header .header-menu > .btn-group.service-menu.showLogin a {
            width: 100%;
        }

        .garantieIcon {
            left: 215px;
            top: -7px;
            z-index: 9;
        }

        .garantieIcon a {
            height: 80px;
            display: block;
        }

        .garantieIcon img {
            height: 100%;
            display: block;
        }

        .header-box-top {
            display: none;
        }

        .header-box-top-mobile {
            display: block;
        }


        ul.subcatList > li > .col-12 {
            padding: 0;
        }

        ul.subcatList > li > .col-12 .kat_def {
            width: calc(100% + 30px);
            margin-left: -15px;
            padding: 0 15px;
        }

        ul.subcatList .col-3 {
            flex: 0 0 50%;
            max-width: 50%;
            padding-top: 5px;
            padding-bottom: 10px;
        }

        ul.subcatList .col-3:nth-child(2n+1) {
            padding-right: calc(15px / 2);
        }

        ul.subcatList .col-3:nth-child(2n) {
            padding-left: calc(15px / 2);
        }

        .subcatList h3.kat_def a,
        .breadcrumb.kat_def a,
        .breadcrumb.kat_def .breadcrumbNoLink,
        .breadcrumb .divider {
            font-size: 14px;
        }

        .subcatList h3.kat_def img,
        .h3-breadcrumb > img {
            max-width: 66px;
        }

        .subcatList .content a.title-link {
            font-size: 13px;
            line-height: 18px;
        }

        .subcatList .content a.title-link strong {
            font-size: 13px;
            line-height: 18px;
        }

        ul.breadcrumb li:nth-last-child(1) {
            display: none;
        }

        ul.breadcrumb li:nth-last-child(3) {
            display: none;
        }

        ul.breadcrumb li:nth-last-child(2)::before {
            content: "<";
            padding-right: 5px;
            color: #fff;
            font-size: 10.5px;
        }

        ul.breadcrumb li .divider {
            display: none;
        }

        .productListHeader {
            margin-right: 0;
        }

        .productListHeader .productListHeadline {
            max-width: 100%;
        }

        .productListHeader .productListDescription {
            max-width: 100%;
        }

        ul#listcontainer li.productData .picture {
            background-size: 100%;
        }

        ul#listcontainer li.productData .picture img {
            width: 100%;
        }

        ul#listcontainer li.productData .listDetails {
            margin-bottom: 15px;
        }

        #details_container #productinfo .priceWrapper,
        ul#listcontainer li.productData .listDetails .priceWrapper {
            padding: 0 0 10px;
        }

        #details_container #productinfo .priceWrapper .price,
        ul#listcontainer li.productData .listDetails .priceWrapper .price {
            padding: 5px 0 0;
        }
    }

    /* responsive bootstrap 2016 */
    @media screen {

        #zoom-close {
            background: #666;
            border: 0 none;
            height: 36px;
            padding: 7px 10px;
            width: 50px;
            display: block;
            position: fixed;
            top: 10px;
            right: 10px;
            z-index: 9999999;
        }

        #zoom-close::before {
            content: "X";
            font-size: 29px;
            left: 0;
            line-height: 38px;
            position: absolute;
            text-shadow: 0 0;
            top: 0;
            width: 50px;
            color: #fff;
        }

        #image-zoom {
            height: 100%;
            width: 100%;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            display: none;
        }

        #image-zoom #focal {
            height: 100%;
        }

        #image-zoom #zoom-parent {
            height: 100%;
            z-index: 999999;
            position: relative;
        }

        #zoom-background {
            position: fixed;
            top: 0;
            left: 0;
            height: 10000px;
            width: 10000px;
            background: #555;
            z-index: 999998;
        }

        @media (max-width: 979px) {
            .subcatList h3.kat_def img, .h3-breadcrumb > img {
                max-width: 66px;
            }
        }

        @media (max-width: 767px) {
            .mousetrap {
                display: none !important;
            }

            .cloud-zoom img {
                width: 100%;
            }

            .subcatList h3.kat_def img, .h3-breadcrumb > img {
                z-index: 999;
            }

            #details_container #productinfo .articleCat {
                margin-top: 2em;
            }

            #details_container #productinfo .articleName,
            ul#listcontainer li.productData .listDetails .articleName,
            #details_container #productinfo .articleName span,
            ul#listcontainer li.productData .listDetails .articleName span {
                line-height: 21px;
            }

            .tab_details .col-3 {
                border: none !important;
                flex: 0 0 100%;
                max-width: 100%;
                margin-left: 0;
            }

            ul#listcontainer li.productData .listDetails .articleName {
                min-height: 25px;
            }

            .btn.toBasketButton {
                padding-right: 0;
            }
        }
        @media (max-width: 614px) {
            .mousetrap {
                width: 275px !important;
            }
        }
    }

    /* basket mobile */
    @media screen {
        #qty_name,
        .checkoutArtNumWrapper,
        .basketItemUnitPrice_name,
        .basketItemUnitVat_name,
        .basketItemTotalPrice_name {
            display: none;
        }

        @media (max-width: 767px) {
            #basket_form {
                margin: 15px 10px 0;
                border: 1px solid #e1e1e1;
                border-bottom-width: 0;
                text-align: center;
                background: #fff;
            }

            .orderCollumns {
                text-align: center;
            }

            .orderCollumns #basketcontents_list ul#basket_list,
            #basket_form #basketcontents_list ul#basket_list {
                margin-bottom: 0;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper > .row,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper > .row {
                margin-bottom: 0;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper {
                border-color: #e1e1e1;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper:last-child,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper:last-child {
                border: none;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper > .row > div,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper > .row > div {
                max-width: 80%;
                flex: 0 0 80%;
                margin-left: 10%;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutAmountWrapper,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutAmountWrapper {
                padding: 1rem 0;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutAmountWrapper > .collapse,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutAmountWrapper > .collapse {
                display: block !important;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper {
                width: 100%;
                text-align: center;
                max-width: 100%;
                padding: 0 10px;
            }

            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper {
                width: 60%;
                text-align: right;
                max-width: 60%;
                padding: 0 10px;
                float: left;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutRemoveWrapper {
                display: none;
            }

            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutRemoveWrapper {
                width: 40%;
                text-align: left;
                max-width: 40%;
                float: left;
                padding: 0 10px;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper .checkoutAmountToBasket,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper .checkoutAmountToBasket {
                border: 1px solid #e1e1e1;
                border-radius: 0 !important;
                background: #fff;
                width: 4rem;
                height: 1.75rem;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper #qty_dec,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper #qty_dec {
                display: none;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper #qty_inc,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutQuantityWrapper #qty_inc {
                display: none;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper #qty_name,
            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutArtNumWrapper,
            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemUnitPrice_name,
            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemUnitVat_name,
            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemTotalPrice_name,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper #qty_name,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutArtNumWrapper,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemUnitPrice_name,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemUnitVat_name,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemTotalPrice_name {
                display: inline-block;
                margin-right: 10px;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutArtNumWrapper,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .checkoutArtNumWrapper {
                font-size: 12px;
                font-weight: normal;
                line-height: 20px;
                margin: 5px 0 0;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemVat,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemVat {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemTotalPrice,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basketItemTotalPrice {
                padding-right: 0;
                text-align: center !important;
            }

            .orderCollumns #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basket-toggle-actions-wrapper,
            #basket_form #basketcontents_list ul#basket_list li.list_cartItem_wrapper .basket-toggle-actions-wrapper {
                display: none !important;
            }

            .orderCollumns {
                position: relative;
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
            }

            .orderCollumns .card.card-noBackground {
                border: 1px solid #ddd;
                border-radius: 0;
                background: linear-gradient(to bottom, #dadada, #fff) no-repeat;
                background-size: 100% 8rem;
                margin: 0 15px;
            }

            .orderCollumns .card.card-noBackground .card-header {
                background: linear-gradient(to bottom, #dadada, transparent);
                border-bottom: 1px solid #dadada;
            }

            .orderCollumns .card.card-noBackground .card-body {
                border-top: 1px solid #f5f5f5;
                padding: 15px;
            }

            #basketSummary {
                width: calc(100% - 20px);
                padding: 15px 0 5px;
                margin: 0 10px;
                border: 1px solid #e1e1e1;
                border-bottom-width: 0;
                background: #fff;
            }

            #basketSummary th {
                padding-left: 15px;
            }

            #basketSummary td {
                padding-right: 15px;
            }

            #basketVoucher {
                width: calc(100% - 20px);
                padding: 5px 0;
                margin: 0 10px;
                border: 1px solid #e1e1e1;
                border-bottom-width: 0;
                border-top-width: 0;
                background: #fff;
            }

            #basketVoucher #coupon {
                padding: 0;
            }

            #basketGrandTotalSummaryWrapper {
                border: 1px solid #e1e1e1;
                border-top-width: 0;
                margin: 0 -5px;
                width: calc(100% + 10px);
                padding: 15px 0 10px;
                background: #F7F2F2;
            }

            #basketGrandTotalSummaryWrapper > .row > .col-12 {
                width: 100%;
                margin: 0;
            }

            #basketGrandTotalSummaryWrapper th {
                padding-left: 15px;
            }

            #basketGrandTotalSummaryWrapper td {
                padding-right: 15px;
            }

            #list_cartHeader.checkoutHeader {
                display: none;
            }

            .accountLoginView .card-body,
            .checkoutOptions .card-body {
                height: auto !important;
            }

            .paymentCollumns.row > .col-6 {
                width: 100%;
                max-width: 100%;
                flex: 0 0 100%;
            }

            #payment.payment .rowToLeft {
                width: 100%;
                margin: 0;
            }
        }
    }
}