/* SHOP-LAYOUT | START */
.shop-dash {
    margin-top: 10px;
    margin-bottom: 15px;
    border-top: 1px solid rgba(202, 50, 75, 1);
}

.shop-xxs-gap { padding: 2.5px; }
.shop-xs-gap { padding: 5px; }
.shop-sm-gap { padding-bottom: 5px; }
.shop-md-gap { padding-bottom: 15px; }
.shop-lg-gap { padding-bottom: 30px; }
.shop-cart-gap { padding: 10px; }

.shop-top-gap {
    background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width:575px) {
    .shop-content, .shop-content-detail, .footer-content {
        max-width: 710px;
    }

    .shop-top-gap {
        padding-top: 70px;
    }
}
@media only screen and (min-width:576px) {
    .shop-content, .shop-content-detail, .footer-content {
        max-width: 710px;
    }

    .shop-top-gap {
        padding-top: 90px;
    }
}
@media only screen and (min-width:768px) {
    .shop-content, .shop-content-detail, .footer-content {
        max-width: 820px;
    }

    .shop-top-gap {
        padding-top: 110px;
    }
}
@media only screen and (min-width:992px) {
    .shop-content, .shop-content-detail {
        max-width: 1090px;
    }

    .footer-content {
        max-width: 1400px;
    }

    .shop-top-gap {
        padding-top: 140px;
    }
}
@media only screen and (min-width:1200px) {
    .shop-content, .shop-content-detail {
        max-width: 1150px;
    }

    .shop-top-gap {
        padding-top: 140px;
    }
}

#cart hr { margin: 5px 0px 5px 0px }

.form-control:focus {
    color: #151515;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none;
}

input.categorie-search {
    box-shadow: none;
    color: #151515;
    background-color: #FFFFFF;
    outline: 0;
}

input, textarea, select, input.shop_cart_input {
    border-color: transparent;
    outline: none;
    border-radius: 0px;
    -webkit-appearance: none;
}

input:focus, textarea:focus, select:focus, input.shop_cart_input:focus, select#shipperId:focus {
    border-color: #fa6ca6 !important;
    outline: none;
    border-radius: 0px;
    -webkit-appearance: none;
}

input#equal_address, input#dont_register, input#agb, input#cancellation_terms {
    -webkit-appearance: checkbox;
}

/* TEST GAPS */
.test-xs-gap { padding: 5px; background-color: #FF0000;}
.test-sm-gap { padding-bottom: 5px; background-color: #FFFF00;}
.test-md-gap { padding-bottom: 15px; background-color: #00FFFF;}
.test-lg-gap { padding-bottom: 30px; background-color: #0000FF;}
.test-cart-gap { padding: 10px; background-color: #FF00FF;}


#shop-startpage .headline, #shop .headline, #account-page .headline, #nbl .headline, #payment-page .headline, #confirm-page .headline, #cart-page .headline {
    color: #151515;
    font-size: 1.5em;
    text-align: left;
    line-height: normal;
}

#shop-startpage .headline-sm, #shop .headline-sm, #account-page .headline-sm, #nbl .headline-sm, #payment-page .headline-sm, #login-page .headline {
    color: #151515;
    font-size: 1.2em;
    text-align: left;
    line-height: normal;
}

#login-page .headline {
    color: #151515;
    font-size: 1.5em;
    text-align: left;
    line-height: normal;
    text-transform: uppercase;
}


#shop .no-headline {
  margin-top: 32px;
}

article.categorie-hidden {
    visibility: hidden;
    height: 0px;
    display: none;
}

#shop .content-menu {
    max-height: calc(2.25rem + 2px);
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
    margin-bottom: 15px;
}

#navbar-cart-icon {
    position: absolute;
    margin-top: 8px;
    right: 7%;
}

#navbar-cart-icon .fa {
    padding-top: 24px;
    margin-right: 15px;
    cursor: pointer;
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
}

.navbar-cart-badge {
    position: absolute;
    margin-top: 8px;
    right: 7%;
}

.cart-not-empty {
    padding: 0px 8px 0px 8px;
    border-radius: 8px;
    vertical-align: middle;
    background-color: rgba(202, 50, 75, 1);
    color: #fff;
    font-size: 0.7em;
    margin: 10px 0px 0px 0px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    outline: 0;
}

button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

#shop .search-icon {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5rem .75rem;
    margin: 0px 5px 0px -5px;
    background: none;
    border: none;
}
/* SHOP-LAYOUT | END */

/* LOGIN.HTML / REGISTER | START */
@media only screen and (max-width:575px) {
    .login-content-text {
        font-size: .7em;
    }

    a.lostpw {
        color: rgba(202, 41, 75, 1);
        text-decoration: none;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        font-size: .7em;
    }

    a.lostpw:hover {
        color: rgba(15, 15, 15, 1);
        text-decoration: none;
        cursor: pointer;
    }

    .login-label {
        color: rgba(202, 41, 75, 1);
        margin: 5px 10px 0px 10px;
        font-size: .7em;
    }

    .login-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100px;
        text-align: justify;
    }

    .login-sub-left {
        padding: 0px 5px 0px 5px;
        margin: 0px -5px 0px -5px;
    }

    .login-sub-right {
        padding: 0px 5px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .login-sub-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .login-button, .register-button, .noregister-button {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .7em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button:hover, .register-button:hover, .noregister-button:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .7em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button-left {
        padding: 5px 5px 5px 5px;
        width: 100%;
    }

    .login-button-right {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        width: 100%;
    }

    .login-button-left-icon {
        float: left;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
        margin: 0px;
        padding: 6px 10px 0px 10px;
    }

    .login-button-right-icon {
        float: right;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
        margin: 0px;
        padding: 6px 5px 0px 5px;
    }

    .login-button-left:hover .login-button-left-icon, .login-button-right:hover .login-button-right-icon {
        color: #FFFFFF;
    }

    .login-button-left:hover, .login-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .7em;
    }

    button.register-button.login-button-left.text-left {
        margin: 0px;
        padding: 0px;
    }
}
@media only screen and (min-width:576px) {
    .login-content-text {
        font-size: 0.8em;
    }

    a.lostpw {
        color: rgba(202, 41, 75, 1);
        text-decoration: none;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        font-size: .8em;
    }

    a.lostpw:hover {
        color: rgba(15, 15, 15, 1);
        text-decoration: none;
        cursor: pointer;
    }

    .login-label {
        color: rgba(202, 41, 75, 1);
        margin: 5px 10px 0px 10px;
        font-size: .8em;
    }

    .login-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100px;
        text-align: justify;
    }

    .login-sub-left {
        padding: 0px 5px 0px 5px;
        margin: 0px -5px 0px -5px;
    }

    .login-sub-right {
        padding: 0px 5px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .login-sub-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .login-button, .register-button, .noregister-button {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .8em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button:hover, .register-button:hover, .noregister-button:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .8em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button-left {
        padding: 5px 5px 5px 5px;
        width: 100%;
    }

    .login-button-right {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        width: 100%;
    }

    .login-button-left-icon {
        float: left;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
        margin: 0px;
        padding: 5px 10px 0px 10px;
    }

    .login-button-right-icon {
        float: right;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
        margin: 0px;
        padding: 5px 5px 0px 5px;
    }

    .login-button-left:hover .login-button-left-icon, .login-button-right:hover .login-button-right-icon {
        color: #FFFFFF;
    }

    .login-button-left:hover, .login-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .8em;
    }

    button.register-button.login-button-left.text-left {
        margin: 0px;
        padding: 0px;
    }
}
@media only screen and (min-width:768px) {
    .login-content-text {
        font-size: 0.9em;
    }

    a.lostpw {
        color: rgba(202, 41, 75, 1);
        text-decoration: none;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        font-size: .8em;
    }

    a.lostpw:hover {
        color: rgba(15, 15, 15, 1);
        text-decoration: none;
        cursor: pointer;
    }

    .login-label {
        color: rgba(202, 41, 75, 1);
        margin: 5px 10px 0px 10px;
        font-size: .8em;
    }

    .login-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100px;
        text-align: justify;
    }

    .login-sub-left {
        padding: 0px 5px 0px 5px;
        margin: 0px -5px 0px -5px;
    }

    .login-sub-right {
        padding: 0px 5px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .login-sub-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .login-button, .register-button, .noregister-button {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .8em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button:hover, .register-button:hover, .noregister-button:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .8em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button-left {
        padding: 5px 5px 5px 5px;
        width: 100%;
    }

    .login-button-right {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        width: 100%;
    }

    .login-button-left-icon {
        float: left;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
        margin: 0px;
        padding: 5px 10px 0px 10px;
    }

    .login-button-right-icon {
        float: right;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
        margin: 0px;
        padding: 5px 5px 0px 5px;
    }

    .login-button-left:hover .login-button-left-icon, .login-button-right:hover .login-button-right-icon {
        color: #FFFFFF;
    }

    .login-button-left:hover, .login-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .8em;
    }

    button.register-button.login-button-left.text-left {
        margin: 0px;
        padding: 0px;
    }
}
@media only screen and (min-width:992px) {
    .login-content-text {
        font-size: 0.9em;
    }

    a.lostpw {
        color: rgba(202, 41, 75, 1);
        text-decoration: none;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        font-size: .9em;
    }

    a.lostpw:hover {
        color: rgba(15, 15, 15, 1);
        text-decoration: none;
        cursor: pointer;
    }

    .login-label {
        color: rgba(202, 41, 75, 1);
        margin: 5px 10px 0px 10px;
        font-size: .9em;
    }

    .login-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100px;
        text-align: justify;
    }

    .login-sub-left {
        padding: 0px 5px 0px 5px;
        margin: 0px -5px 0px -5px;
    }

    .login-sub-right {
        padding: 0px 5px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .login-sub-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .login-button, .register-button, .noregister-button {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .9em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button:hover, .register-button:hover, .noregister-button:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .9em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button-left {
        padding: 5px 5px 5px 5px;
        width: 100%;
    }

    .login-button-right {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        width: 100%;
    }

    .login-button-left-icon {
        float: left;
        color: rgba(202, 41, 75, 1);
        font-size: 1.0em;
        margin: 0px;
        padding: 5px 10px 0px 10px;
    }

    .login-button-right-icon {
        float: right;
        color: rgba(202, 41, 75, 1);
        font-size: 1.0em;
        margin: 0px;
        padding: 5px 10px 0px 10px;
    }

    .login-button-left:hover .login-button-left-icon, .login-button-right:hover .login-button-right-icon {
        color: #FFFFFF;
    }

    .login-button-left:hover, .login-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .9em;
    }

    button.register-button.login-button-left.text-left {
        margin: 0px;
        padding: 0px;
    }
}
@media only screen and (min-width:1200px) {
    .login-content-text {
        font-size: 1em;
    }

    a.lostpw {
        color: rgba(202, 41, 75, 1);
        text-decoration: none;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
        font-size: 1em;
    }

    a.lostpw:hover {
        color: rgba(15, 15, 15, 1);
        text-decoration: none;
        cursor: pointer;
    }

    .login-label {
        color: rgba(202, 41, 75, 1);
        margin: 5px 10px 0px 10px;
        font-size: 1em;
    }

    .login-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100px;
        text-align: justify;
    }

    .login-sub-left {
        padding: 0px 5px 0px 5px;
        margin: 0px -5px 0px -5px;
    }

    .login-sub-right {
        padding: 0px 5px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .login-sub-content {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .login-button, .register-button, .noregister-button {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button:hover, .register-button:hover, .noregister-button:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
        font-weight: 300;
        width: 100%;
        margin: 0px;
        height: auto;
        height: 36px;
    }

    .login-button-left {
        padding: 5px 5px 5px 5px;
        width: 100%;
    }

    .login-button-right {
        padding: 5px 5px 5px 5px;
        width: 100%;
    }

    .login-button-left-icon {
        float: left;
        color: rgba(202, 41, 75, 1);
        font-size: 1.2em;
        margin: 0px;
        padding: 3px 10px 0px 10px;
    }

    .login-button-right-icon {
        float: right;
        color: rgba(202, 41, 75, 1);
        font-size: 1.2em;
        margin: 0px;
        padding: 3px 10px 0px 10px;
    }

    .login-button-left:hover .login-button-left-icon, .login-button-right:hover .login-button-right-icon {
        color: #FFFFFF;
    }

    .login-button-left:hover, .login-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }

    button.register-button.login-button-left.text-left {
        margin: 0px;
        padding: 0px;
    }
}


/* LOGIN / REGISTER | END */

/* SHOPNAVBAR.HTML | DEFAULT.HTML | START */
#nbl li {
    list-style-type: none!important;
}

#nbl .cart-links:hover i.nbl-cart-icon.fa.fa-shopping-cart, .cart-links:hover i.nbl-cart-icon.fa.fa-trash-o {
    color: #FFFFFF;
}

#nbl .cart-links:hover {
    background-color: rgba(202, 50, 75, 1);
    color: #FFFFFF;
}

#nbl a.shopnavbar1.cart-categories, a.shopnavbar2.cart-categories {
    color: #151515;
}

#nbl a.cart-categories.shopnavbar_inactive {
    color: #151515;
}

a.shopnavbar1_active.cart-categories {
    color: #FFFFFF;
}

li.shopnavbar_inactive a.shopnavbar1_active {
    color: #151515;
}

a.shopnavbar2_active.cart-categories, a.shopnavbar1_active, a.shopnavbar2_active {
    color: #FFFFFF;
}

a.shopnavbar1, a.shopnavbar2 {
    color: #151515;
}

li.shopnavbar2 .cart-categories:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline;
    text-indent: -15px;
    color: rgba(202, 41, 75, 1);
}

li.shopnavbar2_active .cart-categories:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline;
    text-indent: -15px;
    color: #FFFFFF;
}

#nbl li.empty {
    margin-left: -33px;
}

@media only screen and (max-width:575px) {
    #nbl .item {
        color: #151515;
        font-size: 0.9em;
        line-height: normal;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid transparent;
    }

    #nbl .total {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.9em;
    }

    #nbl ul#shopJsCart {
        list-style-type: none!important;
        padding-left: 0px;
    }

    #nbl .cart-sidebar-quantity {
        font-size: 0.9em;
    }

    #nbl .cart-sidebar-price {
        font-size: 0.7em;
    }

    #nbl .cart-links {
        margin: 0px;
        padding: 8px 0px 8px 0px;
        color: #151515;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        font-size: 0.8em;
        height: 100%;
    }

    #nbl .cart-links i.nbl-cart-icon.fa.fa-shopping-cart, .cart-links i.nbl-cart-icon.fa.fa-trash-o {
        color: rgba(202, 41, 75, 1);
        font-size: 1.0em;
        margin: 1px 5px 0px 5px;
    }

    hr.hr-nbl-cart-box {
        margin-top: -10px;
        margin-bottom: 5px;
    }

    #nbl ul#subshopnavbar {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 0.8em;
    }

    #nbl li.shopnavbar1 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        margin: 5px 0px 5px 0px;
        color: #FFFFFF;
    }

    li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    li.shopnavbar2_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar_inactive {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
        color: #151515;
    }

    .cart-categories {
        margin: -5px -10px -5px -10px;
        padding: 5px 5px 5px 5px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }
}
@media only screen and (min-width:576px) {
    #nbl .item {
        color: #151515;
        font-size: 0.9em;
        line-height: normal;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid transparent;
    }

    #nbl .total {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.9em;
    }

    #nbl ul#shopJsCart {
        list-style-type: none!important;
        padding-left: 0px;
    }

    #nbl .cart-sidebar-quantity {
        font-size: 0.9em;
    }

    #nbl .cart-sidebar-price {
        font-size: 0.7em;
    }

    #nbl .cart-links {
        margin: 0px;
        padding: 8px 0px 8px 0px;
        color: #151515;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        font-size: 0.8em;
        height: 100%;
    }

    #nbl .cart-links i.nbl-cart-icon.fa.fa-shopping-cart, .cart-links i.nbl-cart-icon.fa.fa-trash-o {
        color: rgba(202, 41, 75, 1);
        font-size: 1.0em;
        margin: 1px 5px 0px 5px;
    }

    hr.hr-nbl-cart-box {
        margin-top: -10px;
        margin-bottom: 5px;
    }

    #nbl ul#subshopnavbar {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 0.8em;
    }

    #nbl li.shopnavbar1 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        margin: 5px 0px 5px 0px;
        color: #FFFFFF;
    }

    li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    li.shopnavbar2_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar_inactive {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
        color: #151515;
    }

    .cart-categories {
        margin: -5px -10px -5px -10px;
        padding: 5px 5px 5px 5px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }
}
@media only screen and (min-width:768px) {
    #nbl .item:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    #nbl .item {
        color: #151515;
        font-size: 0.9em;
        line-height: normal;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid transparent;
    }

    #nbl .total {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.9em;
    }

    #nbl ul#shopJsCart {
        list-style-type: none!important;
        padding-left: 0px;
    }

    #nbl .cart-sidebar-quantity {
        font-size: 0.9em;
    }

    #nbl .cart-sidebar-price {
        font-size: 0.7em;
    }

    #nbl .cart-links {
        margin: 0px;
        padding: 8px 0px 8px 0px;
        color: #151515;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        font-size: 0.8em;
        height: 100%;
    }

    #nbl .cart-links i.nbl-cart-icon.fa.fa-shopping-cart, .cart-links i.nbl-cart-icon.fa.fa-trash-o {
        color: rgba(202, 41, 75, 1);
        font-size: 1.0em;
        margin: 1px 5px 0px 5px;
    }

    hr.hr-nbl-cart-box {
        margin-top: -10px;
        margin-bottom: 5px;
    }

    #nbl ul#subshopnavbar {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 0.8em;
    }

    #nbl li.shopnavbar1 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        margin: 5px 0px 5px 0px;
        color: #FFFFFF;
    }

    li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    li.shopnavbar2_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar_inactive {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
        color: #151515;
    }

    .cart-categories {
        margin: -5px -10px -5px -10px;
        padding: 5px 5px 5px 5px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }
}
@media only screen and (min-width:992px) {
    #nbl .item:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    #nbl .item {
        color: #151515;
        font-size: 1em;
        line-height: normal;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid transparent;
    }

    #nbl .total {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #nbl ul#shopJsCart {
        list-style-type: none!important;
        padding-left: 0px;
    }

    #nbl .cart-sidebar-quantity {
        font-size: 0.9em;
    }

    #nbl .cart-sidebar-price {
        font-size: 0.7em;
    }

    #nbl .cart-links {
        margin: 0px;
        padding: 8px 0px 8px 0px;
        color: #151515;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        font-size: 0.9em;
        height: 100%;
    }

    #nbl .cart-links i.nbl-cart-icon.fa.fa-shopping-cart, .cart-links i.nbl-cart-icon.fa.fa-trash-o {
        color: rgba(202, 41, 75, 1);
        font-size: 1.2em;
        margin: -2px 5px 0px 5px;
    }

    hr.hr-nbl-cart-box {
        margin-top: -10px;
        margin-bottom: 5px;
    }

    #nbl ul#subshopnavbar {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 0.9em;
    }

    #nbl li.shopnavbar1 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        margin: 5px 0px 5px 0px;
        color: #FFFFFF;
    }

    li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    li.shopnavbar2_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar_inactive {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
        color: #151515;
    }

    .cart-categories {
        margin: -5px -10px -5px -10px;
        padding: 5px 5px 5px 5px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }
}
@media only screen and (min-width:1200px) {
    #nbl .item:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    #nbl .item {
        color: #151515;
        font-size: 1em;
        line-height: normal;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid transparent;
    }

    #nbl .total {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #nbl ul#shopJsCart {
        list-style-type: none!important;
        padding-left: 0px;
    }

    #nbl .cart-sidebar-quantity {
        font-size: 0.9em;
    }

    #nbl .cart-sidebar-price {
        font-size: 0.8em;
    }

    #nbl .cart-links {
        margin: 0px;
        padding: 8px 0px 8px 0px;
        color: #151515;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        font-size: 1em;
        height: 100%;
    }

    #nbl .cart-links i.nbl-cart-icon.fa.fa-shopping-cart, .cart-links i.nbl-cart-icon.fa.fa-trash-o {
        color: rgba(202, 41, 75, 1);
        font-size: 1.2em;
        margin: -2px 5px 0px 5px;
    }

    hr.hr-nbl-cart-box {
        margin-top: -10px;
        margin-bottom: 5px;
    }

    #nbl ul#subshopnavbar {
        margin-left: 0px;
        padding-left: 0px;
    }

    #nbl li.shopnavbar1 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    #nbl li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        margin: 5px 0px 5px 0px;
        color: #FFFFFF;
    }

    li.shopnavbar1_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar2:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    li.shopnavbar2_active {
        background-color: rgba(202, 50, 75, 1);
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }

    li.shopnavbar_inactive {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
        color: #151515;
    }

    .cart-categories {
        margin: -5px -10px -5px -10px;
        padding: 5px 5px 5px 5px;
    }

    li.shopnavbar2 {
        border: 1px solid transparent;
        padding: 5px 10px 5px 10px;
        margin: 5px 0px 5px 0px;
    }
}
/* SHOPNAVBAR.HTML | DEFAULT.HTML | END */

/* SHOP CONTENT | CATEGORIES AND CONTENT | START */
input.categorie-search:focus {
    border: 1px solid rgba(202, 41, 75, 0.8)!important;
}

.shop-item-headline-dash {
    margin-top: 10px;
    margin-bottom: 15px;
    border-top: 1px solid rgba(0,0,0,.15);
}

#shop .item-box {
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    background-color: rgba(0,0,0,.0375);
    border: 1px solid rgba(0,0,0,.15);
}

#shop .item-detail-box {
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    background-color: rgba(0,0,0,.0375);
    border: 1px solid rgba(0,0,0,.15);
}

#shop .content-product-box {
    background-color: rgba(202, 50, 75, 0);
    padding: 0px 0px 0px 0px;
    margin: -5px 15px 0px 15px;
}

#shop button.product2cart-button:hover {
    background-color: rgba(202, 50, 75, 1);
    color: #FFFFFF;
}

#shop .product2cart-button:hover i.product-cart-icon.fa.fa-shopping-cart {
    color: #FFFFFF;
}

#shop button.product-detail-button:hover {
    background-color: rgba(202, 50, 75, 1);
    color: #FFFFFF;
}

#shop .product-detail-button:hover i.product-info-icon.fa.fa-info {
    color: #FFFFFF;
}

#shop .shop-item-product-id {
    width: 100%;
    margin: 0px;
    bottom: 0px;
    text-align: left;
}

#shop .shop-item-price {
    width: 100%;
    margin: 0px;
    bottom: 0px;
    text-align: right;
}

.shop-item-discount-price {
    width: 100%;
    margin: 0px;
    bottom: 0px;
    text-align: right;
}

#shop .shop-item-sub-info-text {
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 50px 0px 0px 0px;
}

.shop-item-footer-links {
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.shop-item-footer-link-detail, .shop-item-footer-link-cart {
    width: 100%;
    margin: 0px;
}

#shop .content-product-box {
    background-color: rgba(202, 50, 75, 0);
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 0px 15px;
}

#shop .categorie-block {
    padding: 10px 3px 0px 3px;
    margin-bottom: -15px;
    margin: 0px 0px -13px 0px;
}

#shop .categorie-blocks.row {
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 0px 15px;
}

#shop .categorie-search {
    margin-left: 10px;
    margin-right: 5px;
    border: 1px solid rgba(0,0,0,.15);
}

#shop .categorie-form {
    display: flex;
    height: calc(2.25rem + 2px);
}

#shop .paging {
    padding: 10px 0px 30px 10px;
    float: right
}

#shop .no-products {
    background-color: rgba(202, 50, 75, 0.1);
    padding: .75rem 1.25rem;
    border: 1px solid rgba(202, 50, 75, 0.1);
    margin-top: -25px;
}

#shop .product-sm-description {
    text-align: justify;
    margin-bottom: 45px;
}

#shop .product-lg-description {
    text-align: justify;
}

a.pagingFirst, a.pagingLast {
    color: rgba(202, 50, 75, 1);
}

a.pagingFirst:hover, a.pagingLast:hover {
    color: rgba(15, 15, 15, 1);
}

@media only screen and (max-width:575px) {
    #shop img.shop-item-thumbnail {
        border: 1px solid rgba(0,0,0,.15);
        transition: all .2s ease-in-out;
        max-width: 50%;
        height: auto;
        margin: 30px 0px 0px 0px;
    }

    #shop .shop-item-infotext {
        font-size: 0.7rem;
        text-align: justify;
    }

    #shop button.product2cart-button {
        border-radius: 0;
        font-size: 0.7em;
        font-weight: 300;
        padding: 5px 30px 5px 0px;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        width: 100%;
        margin: 0px;
        text-align: right;
    }

    #shop i.product-cart-icon.fa.fa-shopping-cart {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 0px -25px -5px 0px;
        float: right;
    }

    #shop button.product-detail-button {
        border: transparent;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        border-radius: 0;
        margin: 0;
        font-size: 0.7em;
        font-weight: 300;
        padding: 5px 10px 5px 10px;
        width: 100%;
        text-align: left;
    }

    #shop i.product-info-icon.fa.fa-info {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 2px 0px -10px 0px;
    }

    #shop .categorie-search-icon {
        padding: 6px 0px 0px 0px;
        color: rgba(202, 50, 75, 1);
        font-size: 20px;
    }

    #shop .no-products-icon {
        color: rgba(202, 50, 75, 1);
        font-size: 0.7em;
        margin: 0;
    }

    #shop .product-price, #shop .product-discount {
        padding: 15px 15px 5px 0px;
        font-size: 0.7em;
        position: absolute;
        right: 0;
    }

    #shop .product-number {
        padding: 15px 0px 5px 0px;
        font-size: 0.7em;
    }

    .shop-item-sub-info-text.row {
        font-size: 0.7em;
    }

    #shop .no-products {
        background-color: rgba(202, 50, 75, 0.1);
        padding: .5rem 1.25rem;
        border: 1px solid rgba(202, 50, 75, 0.1);
        margin-top: -25px;
    }
}
@media only screen and (min-width:576px) {
    #shop img.shop-item-thumbnail {
        border: 1px solid rgba(0,0,0,.15);
        transition: all .2s ease-in-out;
        max-width: 50%;
        height: auto;
        margin: 30px 0px 0px 0px;
    }

    #shop .shop-item-infotext {
        font-size: 0.8rem;
        text-align: justify;
    }

    #shop button.product2cart-button {
        border-radius: 0;
        font-size: 0.8em;
        font-weight: 300;
        padding: 5px 30px 5px 0px;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        width: 100%;
        margin: 0px;
        text-align: right;
    }

    #shop i.product-cart-icon.fa.fa-shopping-cart {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 0px -25px -5px 0px;
        float: right;
    }

    #shop button.product-detail-button {
        border: transparent;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        border-radius: 0;
        margin: 0;
        font-size: 0.8em;
        font-weight: 300;
        padding: 5px 10px 5px 10px;
        width: 100%;
        text-align: left;
    }

    #shop i.product-info-icon.fa.fa-info {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 2px 0px -10px 0px;
    }

    #shop .categorie-search-icon {
        padding: 6px 0px 0px 0px;
        color: rgba(202, 50, 75, 1);
        font-size: 20px;
    }

    #shop .no-products-icon {
        color: rgba(202, 50, 75, 1);
        font-size: 0.8em;
        margin: 0;
    }

    #shop .product-price, #shop .product-discount {
        padding: 15px 15px 5px 0px;
        font-size: 0.8em;
        position: absolute;
        right: 0;
    }

    #shop .product-number {
        padding: 15px 0px 5px 0px;
        font-size: 0.8em;
    }

    .shop-item-sub-info-text.row {
        font-size: 0.8em;
    }

    #shop .no-products {
        background-color: rgba(202, 50, 75, 0.1);
        padding: .5rem 1.25rem;
        border: 1px solid rgba(202, 50, 75, 0.1);
        margin-top: -25px;
    }
}
@media only screen and (min-width:768px) {
    #shop img.shop-item-thumbnail {
        border: 1px solid rgba(0,0,0,.15);
        transition: all .2s ease-in-out;
        max-width: 100%;
        height: auto;
        margin: 5px 0px 0px 0px;
    }

    #shop .shop-item-infotext {
        font-size: 0.8rem;
        text-align: justify;
    }

    #shop button.product2cart-button {
        border-radius: 0;
        font-size: 0.8em;
        font-weight: 300;
        padding: 5px 30px 5px 0px;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        width: 100%;
        margin: 0px;
        text-align: right;
    }

    #shop i.product-cart-icon.fa.fa-shopping-cart {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 0px -25px -5px 0px;
        float: right;
    }

    #shop button.product-detail-button {
        border: transparent;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        border-radius: 0;
        margin: 0;
        font-size: 0.8em;
        font-weight: 300;
        padding: 5px 10px 5px 10px;
        width: 100%;
        text-align: left;
    }

    #shop i.product-info-icon.fa.fa-info {
        font-size: 0.8em;
        color: rgba(202, 50, 75, 1);
        margin: 2px 0px -10px 0px;
    }

    #shop .categorie-search-icon {
        padding: 6px 0px 0px 0px;
        color: rgba(202, 50, 75, 1);
        font-size: 20px;
    }

    #shop .no-products-icon {
        color: rgba(202, 50, 75, 1);
        font-size: 0.8em;
        margin: 0;
    }

    #shop .product-price, #shop .product-discount {
        padding: 15px 15px 5px 0px;
        font-size: 0.8em;
        position: absolute;
        right: 0;
    }

    #shop .product-number {
        padding: 15px 0px 5px 0px;
        font-size: 0.8em;
    }

    .shop-item-sub-info-text.row {
        font-size: 0.8em;
    }

    #shop .no-products {
        background-color: rgba(202, 50, 75, 0.1);
        padding: .5rem 1.25rem;
        border: 1px solid rgba(202, 50, 75, 0.1);
        margin-top: -25px;
    }
}
@media only screen and (min-width:992px) {
    #shop img.shop-item-thumbnail {
        border: 1px solid rgba(0,0,0,.15);
        transition: all .2s ease-in-out;
        max-width: 100%;
        height: auto;
        margin: 5px 0px 0px 0px;
    }

    #shop .shop-item-infotext {
        font-size: 0.9rem;
        text-align: justify;
    }

    #shop button.product2cart-button {
        border-radius: 0;
        font-size: 0.9em;
        font-weight: 300;
        padding: 5px 30px 5px 0px;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        width: 100%;
        margin: 0px;
        text-align: right;
        height: 36px;
    }

    #shop i.product-cart-icon.fa.fa-shopping-cart {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 0px -25px -5px 0px;
        float: right;
    }

    #shop button.product-detail-button {
        border: transparent;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        border-radius: 0;
        margin: 0;
        font-size: 0.9em;
        font-weight: 300;
        padding: 5px 10px 5px 10px;
        width: 100%;
        text-align: left;
    }

    #shop i.product-info-icon.fa.fa-info {
        font-size: 0.9em;
        color: rgba(202, 50, 75, 1);
        margin: 2px 0px -10px 0px;
    }

    #shop .categorie-search-icon {
        padding: 6px 0px 0px 0px;
        color: rgba(202, 50, 75, 1);
        font-size: 20px;
    }

    #shop .no-products-icon {
        color: rgba(202, 50, 75, 1);
        font-size: 0.9em;
        margin: 0;
    }

    #shop .product-price, #shop .product-discount {
        padding: 15px 15px 5px 0px;
        font-size: 0.9em;
        position: absolute;
        right: 0;
    }

    #shop .product-number {
        padding: 15px 0px 5px 0px;
        font-size: 0.9em;
    }

    .shop-item-sub-info-text.row {
        font-size: 0.9em;
    }

    #shop .no-products {
        background-color: rgba(202, 50, 75, 0.1);
        padding: .5rem 1.25rem;
        border: 1px solid rgba(202, 50, 75, 0.1);
        margin-top: -25px;
    }
}
@media only screen and (min-width:1200px) {
    #shop img.shop-item-thumbnail {
        border: 1px solid rgba(0,0,0,.15);
        transition: all .2s ease-in-out;
        max-width: 100%;
        height: auto;
        margin: 5px 0px 0px 0px;
    }

    #shop .shop-item-infotext {
        font-size: 1.0rem;
        text-align: justify;
    }

    #shop button.product2cart-button {
        border-radius: 0;
        font-size: 1em;
        font-weight: 300;
        padding: 5px 30px 5px 0px;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        width: 100%;
        margin: 0px;
        text-align: right;
    }

    #shop i.product-cart-icon.fa.fa-shopping-cart {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 0px -25px -5px 0px;
        float: right;
    }

    #shop button.product-detail-button {
        border: transparent;
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        border-radius: 0;
        margin: 0;
        font-size: 1em;
        font-weight: 300;
        padding: 5px 10px 5px 10px;
        width: 100%;
        text-align: left;
    }

    #shop i.product-info-icon.fa.fa-info {
        font-size: 1em;
        color: rgba(202, 50, 75, 1);
        margin: 0px 0px -5px 0px;
    }

    #shop .categorie-search-icon {
        padding: 6px 0px 0px 0px;
        color: rgba(202, 50, 75, 1);
        font-size: 20px;
    }

    #shop .no-products-icon {
        color: rgba(202, 50, 75, 1);
        font-size: 1.2em;
        margin: 0;
    }

    #shop .product-price, #shop .product-discount {
        padding: 15px 15px 5px 0px;
        font-size: 1em;
        position: absolute;
        right: 0;
    }

    #shop .product-number {
        padding: 15px 0px 5px 0px;
        font-size: 1em;
    }

    .shop-item-sub-info-text.row {
        font-size: 1em;
    }

    #shop .no-products {
        background-color: rgba(202, 50, 75, 0.1);
        padding: .75rem 1.25rem;
        border: 1px solid rgba(202, 50, 75, 0.1);
        margin-top: -25px;
    }
}
/* CATEGORIES | START */
.categorie-box {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    font-weight: 300;
  }

.categorie-image {
    display: block;
    width: 100%;
    height: auto;
}

.categorie-url {
    color: #FFFFFF!important;
    text-decoration: none;
}

.categorie-url .a:hover {
    color: #FFFFFF!important;
    text-decoration: none;
}

.categorie-overlay:hover {
    background-color: rgba(202, 50, 75, 0.3);
}

.categorie-box-sm {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    font-weight: 300;
}

.categorie-image-sm {
    display: block;
    width: 100%;
    height: auto;
}

.categorie-url-sm {
    color: #FFFFFF!important;
    text-decoration: none;
}

.categorie-url-sm .a:hover {
    color: #FFFFFF!important;
    text-decoration: none;
}

@media only screen and (max-width:575px) {
    .categorie-border {
        margin-left:-5px;
        margin-right: -5px;
        max-height: 100%;
    }

    .categorie-overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-bottom-box {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
    }

    .categorie-text {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 30%;
        font-size: 0.8vw;
        margin-left: 3%;
        margin-right: 3%;
      }

    .categorie-headline {
        top: 65%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.8vw;
    }

    .categorie-overlay-sm {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-overlay-sm:hover {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.3);
    }

    .categorie-bottom-box-sm {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline-sm {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
        top: 66%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 2.4rem;
    }

    .categorie-text-sm {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 28%;
        font-size: 1.2rem;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media only screen and (min-width:576px) {
    .categorie-border {
        margin-left:-5px;
        margin-right: -5px;
        max-height: 100%;
    }

    .categorie-overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-bottom-box {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
    }

    .categorie-text {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 30%;
        font-size: 0.8vw;
        margin-left: 3%;
        margin-right: 3%;
      }

    .categorie-headline {
        top: 65%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.8vw;
    }

    .categorie-overlay-sm {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-overlay-sm:hover {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.3);
    }

    .categorie-bottom-box-sm {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline-sm {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
        top: 62%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.4rem;
    }

    .categorie-text-sm {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 18%;
        font-size: 0.9rem;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media only screen and (min-width:768px) {
    .categorie-border {
        margin-left:-5px;
        margin-right: -5px;
        max-height: 100%;
    }

    .categorie-overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-bottom-box {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
    }

    .categorie-text {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 30%;
        font-size: 0.8vw;
        margin-left: 3%;
        margin-right: 3%;
      }

    .categorie-headline {
        top: 65%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.8vw;
    }

    .categorie-overlay-sm {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-overlay-sm:hover {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.3);
    }

    .categorie-bottom-box-sm {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline-sm {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
        top: 62%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.3rem;
    }

    .categorie-text-sm {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 22%;
        font-size: 0.7rem;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media only screen and (min-width:992px) {
    .categorie-border {
        margin-left:-5px;
        margin-right: -5px;
        max-height: 100%;
    }

    .categorie-overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-bottom-box {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
    }

    .categorie-text {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 30%;
        font-size: 0.8vw;
        margin-left: 3%;
        margin-right: 3%;
      }

    .categorie-headline {
        top: 65%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.8vw;
    }

    .categorie-overlay-sm {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-overlay-sm:hover {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.3);
    }

    .categorie-bottom-box-sm {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline-sm {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
        top: 62%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.2rem;
    }

    .categorie-text-sm {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 18%;
        font-size: 0.8rem;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media only screen and (min-width:1200px) {
    .categorie-border {
        margin-left:-5px;
        margin-right: -5px;
        max-height: 100%;
    }

    .categorie-overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-bottom-box {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
    }

    .categorie-text {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 30%;
        font-size: 0.8vw;
        margin-left: 3%;
        margin-right: 3%;
      }

    .categorie-headline {
        top: 65%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.8vw;
    }

    .categorie-overlay-sm {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0);
    }

    .categorie-overlay-sm:hover {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.3);
    }

    .categorie-bottom-box-sm {
        position: absolute;
        top: 80%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: white;
        text-align: center;
        background-color: rgba(202, 50, 75, 0.9);
    }

    .categorie-headline-sm {
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 500;
        text-align: left;
        top: 62%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 1.4rem;
    }

    .categorie-text-sm {
        position: relative;
        line-height: normal;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-weight: 300;
        text-align: left;
        top: 20%;
        font-size: 1rem;
        margin-left: 3%;
        margin-right: 3%;
    }
}
/* CATEGORIES | END */

/* CART.HTML | START */
.cart-content, .cart-sub-table, .cart-excl-tax, .cart-incl.tax, .cart-coupon, .cart-country, .cart-total, .cart-price-total, .cart-continue {
    color: #151515;
    margin: 0px;
}

.cart-content, .cart-menu, .cart-total-box {
    border: 1px solid transparent;
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 0px;
    width: 100%;
}

.cart-menu {
    vertical-align: top;
    border: 1px solid #DDDDDD;
    background: #EEEEEA;
    color: #151515;
    font-weight: 700;
}

.cart-sub-content {
    margin: 0px;
    width: 100%;
}

.cart-item a, .cart-delete-icon {
    color: rgba(202, 50, 75, 1);
}

.cart-tax {
    padding: 0px 5px 0px 0px;
}

hr.hr-cart {
    margin-top: 5px;
    margin-bottom: 5px;
}

input {
    border-color: #DDDDDD!Important;
    height: auto;
    background:#ffffff;
}

select.form-control.shop_cart_input {
    border-radius: 0px;
    -webkit-appearance: none;
    color: #151515;
    border-color: #DDDDDD!Important;
}

.cart-excl-tax, .cart-discount, .cart-total {
    padding: 0px 30px 0px 0px;
}

.cart-incl-tax {
    padding: 0px 30px 0px 0px;
    margin: -15px 0px 0px 0px;
    font-size: 0.8em;
}

.cart-incl-tax-text {
    padding: 0px 15px 0px 0px;
    margin: -15px 0px 0px 0px;
    font-size: 0.8em;
}

input.shop_cart_input {
    text-transform: uppercase;
}

input.shop_cart_input, select.form-control.shop_cart_input {
    height: calc(2.25rem + 2px);
    -webkit-appearance: none;
    border-color: #DDDDDD!Important;
    border-radius: 0px;
}

.cart-total, .cart-total-text {
    margin: 0px;
    font-size: 1.2em;
    font-weight: 500;
}

.cart-total-box {
    vertical-align: top;
    border: 1px solid #DDDDDD;
    background: #EEEEEA;
    color: #151515;
    font-weight: 700;
    margin: 5px 0px 15px 0px;
}

.cart-minimum-order {
    color: #77777C;
    font-size: 0.8em;
    margin: 0px -25px 0px -15px;
}

.cart-error-icon {
    color: rgba(202, 41, 75, 1);
    font-size: 1.5em;
}

.cart-product-id {
    color: #777777;
    font-size: 0.9em;
    margin: -5px 0px 0px 0px;
}

.cart-quantity {
    height: auto;
}

@media only screen and (max-width:575px) {
    #cart-page {
        font-size: 0.7em;
    }

    .cart-item-total {
        margin: 0px;
        padding: 5px 0px 5px 0px;
    }

    .cart-item-total-price {
        padding: 5px 15px 5px 0px;
    }

    .cart-price-total {
        margin: 0px;
        padding: 0px 15px 0px 0px;
    }

    .cart-discount-price {
        color: rgba(202, 41, 75, 1);
        padding: 0px 30px 0px 0px;
        margin: 5px 0px 5px 0px;
    }

    .cart-discount-text {
        margin: 5px 0px 5px 0px;
    }

    .cart-delete {
        padding: 0px 0px 0px 4%;
        margin: 0;
    }

    .cart-quantity {
        padding: 0px 0% 0px 5px;
        margin: 0px 0px 0px -10px;
    }

    .cart-delete-icon {
        margin: 0px 0px -10px -22px;
        font-size: 1.5em;
    }

    .cart-price-total {
        padding: 0px 5px 0px 0px;
        margin: 0px;
    }

    .cart-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    input.cart-update:hover, input.cart-pay:hover {
        background-color: rgba(202, 41, 75, 1);
        color: #FFFFFF;
    }

    .cart-total {
        padding: 0px 15px 0px 15px;
    }

    .cart-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
    }

    .cart-error-icon {
        margin: 0px 0px 0px 0px;
    }

    .cart-button-left, .cart-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
    }

    .cart-button-left {
        padding: 5px 5px 5px 5px;
    }

    .cart-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .cart-button-left-icon, .cart-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: 0px 0px -10px 0;
    }

    .cart-button-left-icon {
        float: left;
    }

    .cart-button-right-icon {
        float: right;
    }

    .cart-button-left:hover .cart-button-left-icon, .cart-button-right:hover .cart-button-right-icon {
        color: #FFFFFF;
    }

    .cart-button-left:hover, .cart-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }
}
@media only screen and (min-width:576px) {
    #cart-page {
        font-size: 0.8em;
    }

    .cart-item-total {
        margin: 0px;
        padding: 5px 0px 5px 0px;
    }

    .cart-item-total-price {
        padding: 5px 15px 5px 0px;
    }

    .cart-discount-price {
        color: rgba(202, 41, 75, 1);
        padding: 0px 30px 0px 0px;
        margin: 5px 0px 5px 0px;
    }

    .cart-discount-text {
        margin: 5px 0px 5px 0px;
    }

    .cart-delete {
        padding: 0px 0px 0px 4%;
        margin: 0;
    }

    .cart-quantity {
        padding: 0px 0% 0px 5px;
        margin: 0px 0px 0px -10px;
    }

    .cart-delete-icon {
        margin: 0px 0px -10px -18px;
        font-size: 1.5em;
    }

    .cart-price-total {
        padding: 0px 5px 0px 0px;
        margin: 0px;
    }

    .cart-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    input.cart-update:hover, input.cart-pay:hover {
        background-color: rgba(202, 41, 75, 1);
        color: #FFFFFF;
    }

    .cart-total {
        padding: 0px 15px 0px 15px;
    }

    .cart-total-text {
        /*padding: 0px 5px 0px 15px;*/
    }

    .cart-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
    }

    .cart-error-icon {
        margin: -3px 0px 0px 0px;
    }

    .cart-button-left, .cart-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
    }

    .cart-button-left {
        padding: 5px 5px 5px 5px;
    }

    .cart-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .cart-button-left-icon, .cart-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -2px 0px -10px 0;
    }

    .cart-button-left-icon {
        float: left;
    }

    .cart-button-right-icon {
        float: right;
    }

    .cart-button-left:hover .cart-button-left-icon, .cart-button-right:hover .cart-button-right-icon {
        color: #FFFFFF;
    }

    .cart-button-left:hover, .cart-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }
}
@media only screen and (min-width:768px) {
    #cart-page {
        font-size: 0.8em;
    }

    .cart-content.row:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    .cart-discount-price {
        color: rgba(202, 41, 75, 1);
        padding: 0px 30px 0px 0px;
        margin: 5px 0px 5px 0px;
    }

    .cart-discount-text {
        margin: 5px 0px 5px 0px;
    }

    .cart-item-total-price {
        padding: 5px 15px 5px 0px;
    }

    .cart-item-total {
        margin: 0px;
        padding: 5px 0px 5px 0px;
    }

    .cart-delete {
        padding: 0px 0px 0px 4%;
        margin: 0;
    }

    .cart-quantity {
        padding: 0px 3% 0px 0px;
        margin: 0px 0px 0px -10px;
    }

    .cart-delete-icon {
        margin: -1px 0px -10px -18px;
        font-size: 1.5em;
    }

    .cart-price-total {
        padding: 0px 5px 0px 0px;
        margin: 0px;
    }

    .cart-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    input.cart-update:hover, input.cart-pay:hover {
        background-color: rgba(202, 41, 75, 1);
        color: #FFFFFF;
    }

    .cart-total {
        padding: 0px 15px 0px 15px;
    }

    .cart-total-text {
        padding: 0px 5px 0px 15px;
    }

    .cart-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
    }

    .cart-error-icon {
        margin: -3px 0px 0px 0px;
    }

    .cart-button-left, .cart-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
    }

    .cart-button-left {
        padding: 5px 5px 5px 5px;
    }

    .cart-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .cart-button-left-icon, .cart-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px -10px 0;
    }

    .cart-button-left-icon {
        float: left;
    }

    .cart-button-right-icon {
        float: right;
    }

    .cart-button-left:hover .cart-button-left-icon, .cart-button-right:hover .cart-button-right-icon {
        color: #FFFFFF;
    }

    .cart-button-left:hover, .cart-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }
}
@media only screen and (min-width:992px) {
    #cart-page {
        font-size: 0.9em;
    }

    .cart-content.row:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    .cart-item-total-price {
        padding: 5px 15px 5px 0px;
    }

    .cart-discount-price {
        color: rgba(202, 41, 75, 1);
        padding: 0px 30px 0px 0px;
        margin: 5px 0px 5px 0px;
    }

    .cart-discount-text {
        margin: 5px 0px 5px 0px;
    }

    .cart-item-total {
        margin: 0px;
        padding: 5px 0px 5px 0px;
    }

    .cart-delete {
        padding: 0px 0px 0px 4%;
        margin: 0;
    }

    .cart-quantity {
        padding: 0px 3% 0px 0px;
        margin: 0px 0px 0px -10px;
    }

    .cart-delete-icon {
        margin: -2px 0px -10px -10px;
        font-size: 1.5em;
    }

    .cart-price-total {
        padding: 0px 5px 0px 0px;
        margin: 0px;
    }

    .cart-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    input.cart-update:hover, input.cart-pay:hover {
        background-color: rgba(202, 41, 75, 1);
        color: #FFFFFF;
    }

    .cart-total {
        padding: 0px 15px 0px 15px;
    }

    .cart-total-text {
        padding: 0px 5px 0px 15px;
    }

    .cart-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
    }

    .cart-error-icon {
        margin: -3px 0px 0px 0px;
    }

    .cart-button-left, .cart-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 0.9em;
        font-weight: 300;
    }

    .cart-button-left {
        padding: 5px 5px 5px 5px;
    }

    .cart-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .cart-button-left-icon, .cart-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px -10px 0;
    }

    .cart-button-left-icon {
        float: left;
    }

    .cart-button-right-icon {
        float: right;
    }

    .cart-button-left:hover .cart-button-left-icon, .cart-button-right:hover .cart-button-right-icon {
        color: #FFFFFF;
    }

    .cart-button-left:hover, .cart-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }
}
@media only screen and (min-width:1200px) {
    #cart-page {
        font-size: 1em;
    }

    .cart-content.row:hover {
        background-color: rgba(202, 50, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
    }

    .cart-discount-price {
        color: rgba(202, 41, 75, 1);
        padding: 0px 30px 0px 0px;
        margin: 5px 0px 5px 0px;
    }

    .cart-discount-text {
        margin: 5px 0px 5px 0px;
    }

    .cart-delete {
        padding: 0px 0px 0px 4%;
        margin: 0;
    }

    .cart-quantity {
        padding: 0px 3% 0px 0px;
        margin: 0px 0px 0px -10px;
    }

    .cart-delete-icon {
        margin: -2px 0px -10px -5px;
        font-size: 1.5em;
    }

    .cart-price-total {
        padding: 0px 5px 0px 0px;
        margin: 0px;
    }

    .cart-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    input.cart-update:hover, input.cart-pay:hover {
        background-color: rgba(202, 41, 75, 1);
        color: #FFFFFF;
    }

    .cart-total {
        padding: 0px 15px 0px 15px;
    }

    .cart-total-text {
        padding: 0px 5px 0px 15px;
    }

    .cart-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
    }

    .cart-error-icon {
        margin: -3px 0px 0px 0px;
    }

    .cart-button-left, .cart-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
    }

    .cart-button-left {
        padding: 5px 5px 5px 5px;
    }

    .cart-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .cart-button-left-icon, .cart-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -2px 0px -10px 0;
    }

    .cart-button-left-icon {
        float: left;
    }

    .cart-button-right-icon {
        float: right;
    }

    .cart-button-left:hover .cart-button-left-icon, .cart-button-right:hover .cart-button-right-icon {
        color: #FFFFFF;
    }

    .cart-button-left:hover, .cart-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }
}
/* CART.HTML | END */

/* DETAIL.HTML | START */
hr.hr-details {
    margin-top: 30px;
    margin-bottom: 15px;
}

.container.product-details-content {
    max-width: 100%;
}

select#productOption-18-1-0 {
    width: 100%!important;
}

.product-details-content {
    margin: 0px;
    padding: 0px 15px 0px 15px;
}

.details-quantity-box {
    border-top-color: rgba(0, 0, 0, 0.15);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.15);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0px!important;
}

#shop .content-menu-detail {
    max-height: calc(2.25rem + 2px);
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
    margin-bottom: 15px;
}

@media only screen and (max-width:575px) {
    .details-short-description {
        font-size: .8em;
    }

    .product-image-small {
        padding: 30px 0px 0px 0px;
    }

    .product-image-small-detail {
        padding: 30px 0px 0px 0px;
        margin-top: 5px;
    }

    .product-image-left .product-image-right, .shop-item-images {
        margin: 0px;
    }

    #shop .img-thumbnail {
        border-radius: 0rem;
        transition: all .2s ease-in-out;
    }

    .detail-option-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 15px 0px 15px;
        width: 100%;
    }

    select#productOption-15-1-0 {
        width: 100%!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        font-size: .8em;
        text-align: center;
        -webkit-appearance: none;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        font-weight: 300;
        height: 34px;
    }

    .detail-item-manufacturer {
        font-size: 0.7em;
        color: #151515;
    }

    .detail-item-manufacturer a {
        color: rgba(202, 41, 75, 1);
    }

    .detail-item-manufacturer a:hover {
        color: rgba(202, 41, 75, .5);
    }

    .detail-option-headline {
        margin: 0px 10px 0px 10px;
        font-size: .8em;
    }

    .input-group-addon {
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none;
        text-align: center;
        background-color: rgba(202, 41, 75, .1);
        border-radius: 0px!important;
    }


    input.details-quantity-box {
        height: 100%;
        padding: 7px 10px 7px 10px;
        outline: 0;
        font-size: .8em;
        height: 34px;
    }

    span#sizing-addon3 {
        color: #151515;
        font-weight: 300;
        border: 1px solid rgba(202, 41, 75, .2);
        font-size: .8em;
    }

    .details-min-quantity-text {
        font-size: 0.6em;
    }

    select#productOption-15-1-0:focus {
        outline: 0;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .detail-option-box-content {
        font-size: .8em;
        font-weight: 300;
    }
}
@media only screen and (min-width:576px) {
    .details-short-description {
        font-size: .8em;
    }

    .product-image-small {
        padding: 30px 0px 0px 0px;
    }

    .product-image-small-detail {
        padding: 30px 0px 0px 0px;
        margin-top: 5px;
    }

    .product-image-left .product-image-right, .shop-item-images {
        margin: 0px;
    }

    #shop .img-thumbnail {
        border-radius: 0rem;
        transition: all .2s ease-in-out;
    }

    .detail-option-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 15px 0px 15px;
        width: 100%;
    }

    select#productOption-15-1-0 {
        width: 100%!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        font-size: .8em;
        text-align: center;
        -webkit-appearance: none;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        font-weight: 300;
        height: 34px;
    }

    .detail-item-manufacturer {
        font-size: 0.7em;
        color: #151515;
    }

    .detail-item-manufacturer a {
        color: rgba(202, 41, 75, 1);
    }

    .detail-item-manufacturer a:hover {
        color: rgba(202, 41, 75, .5);
    }

    .detail-option-headline {
        margin: 0px 10px 0px 10px;
        font-size: .8em;
    }

    .input-group-addon {
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none;
        text-align: center;
        background-color: rgba(202, 41, 75, .1);
        border-radius: 0px!important;
    }

    input.details-quantity-box {
        height: 100%;
        padding: 7px 10px 7px 10px;
        outline: 0;
        font-size: .8em;
        height: 34px;
    }

    span#sizing-addon3 {
        color: #151515;
        font-weight: 300;
        border: 1px solid rgba(202, 41, 75, .2);
        font-size: .8em;
    }

    .details-min-quantity-text {
        font-size: 0.6em;
    }

    select#productOption-15-1-0:focus {
        outline: 0;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .detail-option-box-content {
        font-size: .8em;
        font-weight: 300;
    }
}
@media only screen and (min-width:768px) {
    .details-short-description {
        font-size: .8em;
    }

    .shop-item-images {
        margin: 0px 0px 0px 0px;
    }

    .product-image-small {
        padding: 0px 0px 0px 0px;
    }

    .product-image-small-detail {
        padding: 0px;
        margin-top: 5px;
    }

    .product-image-left {
        margin: 0px;
        padding: 5px 3px 5px 15px;
    }

    .product-image-right {
        margin: 0px;
        padding: 5px 15px 5px 3px;
        border-radius: 0px;
    }

    #shop .img-thumbnail {
        border-radius: 0rem;
        transition: all .2s ease-in-out;
    }

    .detail-option-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 15px 0px 15px;
        width: 100%;
    }

    select#productOption-15-1-0 {
        width: 100%!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        font-size: .8em;
        text-align: center;
        -webkit-appearance: none;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        font-weight: 300;
        height: 34px;
    }

    .detail-item-manufacturer {
        font-size: 0.7em;
        color: #151515;
    }

    .detail-item-manufacturer a {
        color: rgba(202, 41, 75, 1);
    }

    .detail-item-manufacturer a:hover {
        color: rgba(202, 41, 75, .5);
    }

    .detail-option-headline {
        margin: 0px 10px 0px 10px;
        font-size: .8em;
    }

    .input-group-addon {
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none;
        text-align: center;
        background-color: rgba(202, 41, 75, .1);
        border-radius: 0px!important;
    }

    input.details-quantity-box {
        height: 100%;
        padding: 7px 10px 7px 10px;
        outline: 0;
        font-size: .8em;
        height: 36px;
    }

    span#sizing-addon3 {
        color: #151515;
        font-weight: 300;
        border: 1px solid rgba(202, 41, 75, .2);
        font-size: .8em;
    }

    .details-min-quantity-text {
        font-size: 0.6em;
    }

    select#productOption-15-1-0:focus {
        outline: 0;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .detail-option-box-content {
        font-size: .8em;
        font-weight: 300;
    }
}
@media only screen and (min-width:992px) {
    .details-short-description {
        font-size: .9em;
    }

    .shop-item-images {
        margin: 0px 0px 0px 0px;
    }

    .product-image-small {
        padding: 0px 0px 0px 0px;
    }

    .product-image-small-detail {
        padding: 0px 0px 0px 0px;
        margin-top: 5px;
    }

    .product-image-left {
        margin: 0px;
        padding: 5px 3px 5px 15px;
    }

    .product-image-right {
        margin: 0px;
        padding: 5px 15px 5px 3px;
        border-radius: 0px;
    }

    #shop .img-thumbnail {
        border-radius: 0rem;
        transition: all .2s ease-in-out;
    }

    .detail-option-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 15px 0px 15px;
        width: 100%;
    }

    select#productOption-15-1-0 {
        width: 100%!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        font-size: .9em;
        text-align: center;
        -webkit-appearance: none;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        font-weight: 300;
        height: 36px;
    }

    .detail-item-manufacturer {
        font-size: 0.8em;
        color: #151515;
    }

    .detail-item-manufacturer a {
        color: rgba(202, 41, 75, 1);
    }

    .detail-item-manufacturer a:hover {
        color: rgba(202, 41, 75, .5);
    }

    .detail-option-headline {
        margin: 0px 10px 0px 10px;
        font-size: .9em;
    }

    .input-group-addon {
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: .9rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none;
        text-align: center;
        background-color: rgba(202, 41, 75, .1);
        border-radius: 0px!important;
    }

    input.details-quantity-box {
        height: 100%;
        padding: 7px 10px 7px 10px;
        outline: 0;
        font-size: .9em;
        height: 36px;
    }

    span#sizing-addon3 {
        color: #151515;
        font-weight: 300;
        border: 1px solid rgba(202, 41, 75, .2);
        font-size: .9em;
    }

    .details-min-quantity-text {
        font-size: 0.7em;
    }

    select#productOption-15-1-0:focus {
        outline: 0;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .detail-option-box-content {
        font-size: .9em;
        font-weight: 300;
    }
}
@media only screen and (min-width:1200px) {
    .details-short-description {
        font-size: 1em;
    }

    .shop-item-images {
        margin: 0px 0px 0px 0px;
    }

    .product-image-small {
        padding: 0px 0px 0px 0px;
    }

    .product-image-small-detail {
        padding: 5px 0px 0px 0px;
        margin-top: 0px;
    }

    .product-image-left {
        margin: 0px;
        padding: 5px 3px 5px 15px;
    }

    .product-image-right {
        margin: 0px;
        padding: 5px 15px 5px 3px;
        border-radius: 0px;
    }

    #shop .img-thumbnail {
        border-radius: 0rem;
        transition: all .2s ease-in-out;
    }

    .detail-option-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 15px 0px 15px;
        width: 100%;
    }

    select#productOption-15-1-0 {
        width: 100%!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        font-size: 1em;
        text-align: center;
        -webkit-appearance: none;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        font-weight: 300;
        height: 36px;
    }

    .detail-item-manufacturer {
        font-size: 0.9em;
        color: #151515;
    }

    .detail-item-manufacturer a {
        color: rgba(202, 41, 75, 1);
    }

    .detail-item-manufacturer a:hover {
        color: rgba(202, 41, 75, .5);
    }

    .detail-option-headline {
        margin: 0px 10px 0px 10px;
        font-size: 1em;
    }

    .input-group-addon {
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        -webkit-appearance: none;
        text-align: center;
        background-color: rgba(202, 41, 75, .1);
        border-radius: 0px!important;
    }

    input.details-quantity-box {
        height: 100%;
        padding: 7px 10px 7px 10px;
        outline: 0;
        font-size: 1em;
        height: 36px;
    }

    span#sizing-addon3 {
        color: #151515;
        font-weight: 300;
        border: 1px solid rgba(202, 41, 75, .2);
        font-size: 1em;
    }

    .details-min-quantity-text {
        font-size: 0.8em;
    }

    select#productOption-15-1-0:focus {
        outline: 0;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .detail-option-box-content {
        font-size: 1em;
        font-weight: 300;
    }
}
/* DETAIL.HTML | END */

/* ACCOUNT.HTML | START */
.account-menu {
    vertical-align: top;
    border: 1px solid #DDDDDD;
    background: #EEEEEA;
    color: #151515;
    font-weight: 700;
    padding: 5px 10px 5px 10px;
    margin: 5px 0px 5px 0px;
    width: 100%;
}

.account-label {
    color: rgba(202, 41, 75, 1);
    margin: 5px 10px 0px 10px;
}
input#equal_address {
    margin: 0px 10px 0px 10px;
}

.account-checkbox-label {
    color: rgba(202, 41, 75, 1);
}

input[type="text"], select.form-control {
    height: calc(2.25rem + 2px);
    color: #151515;
    border-radius: 0px;
    /*border-color: rgba(0, 0, 0, .15);*/
    -webkit-appearance: none;
    font-size: 1em;
}

input[type="password"] {
    height: calc(2.25rem + 2px);
    color: #151515;
    border-radius: 0px;
    -webkit-appearance: none;
    font-size: 1em;
}

.account-button-left, .account-button-right {
    background-color: rgba(202, 41, 75, 0.1);
    border: 1px solid rgba(202, 41, 75, 0.2);
    color: #151515;
    font-size: 1.0em;
    font-weight: 300;
}

.account-button-left {
    padding: 5px 5px 5px 5px;
}

.account-button-right {
    margin: 0px 0px 0px -15px;
    padding: 5px 5px 5px 5px;
}

.account-button-left-icon {
    float: left;
}

.account-button-right-icon {
    float: right;
}

.account-button-left:hover .account-button-left-icon, .account-button-right:hover .account-button-right-icon {
    color: #FFFFFF;
}

.account-button-left:hover, .account-button-right:hover {
    background-color: rgba(202, 41, 75, 1);
    border: 1px solid transparent;
    color: #FFFFFF;
    font-size: 1.0em;
}

@media only screen and (max-width:575px) {
    .account-button-left-icon, .account-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: 1px 0px 0px 0px;
    }

    #account-page {
        font-size: 0.7em;
    }

    .account-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .account-greeting, .account-street, .account-tel, .account-city, .account-name, .account-firstname, .account-country, .account-fax, .account-zip {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
    }



    .account-dont-register-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 15px 15px;
    }

    .account-password-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 0px 25px;
    }
}
@media only screen and (min-width:576px) {
    .account-button-left-icon, .account-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: 0px 0px 0px 0px;
    }

    #account-page {
        font-size: 0.8em;
    }

    .account-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .account-greeting, .account-street, .account-tel, .account-city, .account-name, .account-firstname, .account-country, .account-fax, .account-zip {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
    }

    .account-dont-register-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 15px 15px;
    }

    .account-password-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 0px 25px;
    }
}
@media only screen and (min-width:768px) {
    .account-button-left-icon, .account-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }

    #account-page {
        font-size: 0.8em;
    }

    .account-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .account-greeting, .account-street, .account-tel, .account-city {
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 15px;
    }

    .account-name  {
        padding: 0px 5px 0px 5px;
    }

    .account-firstname, .account-country, .account-fax, .account-zip {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 5px;
    }

    .account-dont-register-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 15px 15px;
    }

    .account-password-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 0px 25px;
    }
}
@media only screen and (min-width:992px) {
    #account-page {
        font-size: 0.9em;
    }

    .account-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .account-button-left, .account-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
    }

    .account-greeting, .account-street, .account-tel {
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 15px;
    }

    .account-name, .account-zip, .account-city  {
        padding: 0px 5px 0px 5px;
    }

    .account-firstname, .account-country, .account-fax {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 5px;
    }

    .account-dont-register-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 15px 15px;
    }

    .account-password-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 0px 25px;
    }
}
@media only screen and (min-width:1200px) {
    .account-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .account-greeting, .account-street, .account-tel {
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 15px;
    }

    .account-name, .account-zip, .account-city  {
        padding: 0px 5px 0px 5px;
    }

    .account-firstname, .account-country, .account-fax {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 5px;
    }

    .account-dont-register-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 15px 15px;
    }

    .account-password-note {
        color: #777777;
        font-size: 0.8em;
        margin: 0px 0px 0px 25px;
    }
}
/* ACCOUNT.HTML | END */

/* PAYMENT.HTML | START */



@media only screen and (max-width:575px) {
    .payment-menu {
        vertical-align: top;
        border: 1px solid #DDDDDD;
        background: #EEEEEA;
        color: #151515;
        font-weight: 700;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        font-size: .7em;
    }

    .payment-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
        font-size: .7em;
    }

    .payment-error-icon {
        color: rgba(202, 41, 75, 1);
        font-size: 1.5em;
        margin: -4px 0px 0px 0px;
    }

    .payment-label {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb, .payment-label-terms {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb:hover, .payment-label-terms:hover {
        color: rgba(202, 41, 75, 0.7);
    }

    .shipment-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .payment-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .discount-box {
        padding: 0px 15px 0px 20px;
        margin: 0px 0px 0px -10px;
        font-size: .7em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        background-color: transparent;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: .7em;
    }

    .payment-discount {
        color: rgba(202, 41, 75, 1);
    }

    .payment-shipment-weight, .payment-totalitem {
        font-size: 0.7em;
    }

    .payment-total {
        font-size: 1.0em;
        font-weight: 500;
    }

    .payment-lsv-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    textarea.payment-custumernote-box {
        border: 1px solid rgba(0, 0, 0, .1);
        font-size: .7em;
    }

    label.description {
        color: #151515;
        font-size: .7em;
    }

    .payment-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .payment-button-left, .payment-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .7em;
        font-weight: 300;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.0em;
        margin: -1px 0px 0px 0px;
    }

    .payment-button-left {
        padding: 5px 5px 5px 5px;
    }

    .payment-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .payment-button-left-icon {
        float: left;
    }

    .payment-button-right-icon {
        float: right;
    }

    .payment-button-left:hover .payment-button-left-icon, .payment-button-right:hover .payment-button-right-icon {
        color: #FFFFFF;
    }

    .payment-button-left:hover, .payment-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .7em;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.0em;
        margin: -1px 0px 0px 0px;
    }
}
@media only screen and (min-width:576px) {
    .payment-menu {
        vertical-align: top;
        border: 1px solid #DDDDDD;
        background: #EEEEEA;
        color: #151515;
        font-weight: 700;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        font-size: .8em;
    }

    .payment-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
        font-size: .8em;
    }

    .payment-error-icon {
        color: rgba(202, 41, 75, 1);
        font-size: 1.5em;
        margin: -4px 0px 0px 0px;
    }

    .payment-label {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb, .payment-label-terms {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb:hover, .payment-label-terms:hover {
        color: rgba(202, 41, 75, 0.7);
    }

    .shipment-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .payment-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .discount-box {
        padding: 0px 15px 0px 20px;
        margin: 0px 0px 0px -10px;
        font-size: .8em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        background-color: transparent;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: .8em;
    }

    .payment-discount {
        color: rgba(202, 41, 75, 1);
    }

    .payment-shipment-weight, .payment-totalitem {
        font-size: 0.8em;
    }

    .payment-total {
        font-size: 1.1em;
        font-weight: 500;
    }

    .payment-lsv-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    textarea.payment-custumernote-box {
        border: 1px solid rgba(0, 0, 0, .1);
        font-size: .8em;
    }

    label.description {
        color: #151515;
        font-size: .8em;
    }

    .payment-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .payment-button-left, .payment-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .8em;
        font-weight: 300;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }

    .payment-button-left {
        padding: 5px 5px 5px 5px;
    }

    .payment-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .payment-button-left-icon {
        float: left;
    }

    .payment-button-right-icon {
        float: right;
    }

    .payment-button-left:hover .payment-button-left-icon, .payment-button-right:hover .payment-button-right-icon {
        color: #FFFFFF;
    }

    .payment-button-left:hover, .payment-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .8em;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }
}
@media only screen and (min-width:768px) {
    .payment-menu {
        vertical-align: top;
        border: 1px solid #DDDDDD;
        background: #EEEEEA;
        color: #151515;
        font-weight: 700;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        font-size: .8em;
    }

    .payment-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
        font-size: .8em;
    }

    .payment-error-icon {
        color: rgba(202, 41, 75, 1);
        font-size: 1.5em;
        margin: -4px 0px 0px 0px;
    }

    .payment-label {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb, .payment-label-terms {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb:hover, .payment-label-terms:hover {
        color: rgba(202, 41, 75, 0.7);
    }

    .shipment-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .payment-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .discount-box {
        padding: 0px 15px 0px 20px;
        margin: 0px 0px 0px -10px;
        font-size: .8em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        background-color: transparent;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: .8em;
    }

    .payment-discount {
        color: rgba(202, 41, 75, 1);
    }

    .payment-shipment-weight, .payment-totalitem {
        font-size: 0.8em;
    }

    .payment-total {
        font-size: 1.1em;
        font-weight: 500;
    }

    .payment-lsv-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    textarea.payment-custumernote-box {
        border: 1px solid rgba(0, 0, 0, .1);
        font-size: .8em;
    }

    label.description {
        color: #151515;
        font-size: .8em;
    }

    .payment-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .payment-button-left, .payment-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .8em;
        font-weight: 300;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }

    .payment-button-left {
        padding: 5px 5px 5px 5px;
    }

    .payment-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .payment-button-left-icon {
        float: left;
    }

    .payment-button-right-icon {
        float: right;
    }

    .payment-button-left:hover .payment-button-left-icon, .payment-button-right:hover .payment-button-right-icon {
        color: #FFFFFF;
    }

    .payment-button-left:hover, .payment-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .8em;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }
}
@media only screen and (min-width:992px) {
    .payment-menu {
        vertical-align: top;
        border: 1px solid #DDDDDD;
        background: #EEEEEA;
        color: #151515;
        font-weight: 700;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        font-size: .9em;
    }

    .payment-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
        font-size: .9em;
    }

    .payment-error-icon {
        color: rgba(202, 41, 75, 1);
        font-size: 1.5em;
        margin: -4px 0px 0px 0px;
    }

    .payment-label {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb, .payment-label-terms {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb:hover, .payment-label-terms:hover {
        color: rgba(202, 41, 75, 0.7);
    }

    .shipment-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    .payment-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .discount-box {
        padding: 0px 15px 0px 20px;
        margin: 0px 0px 0px -10px;
        font-size: .9em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        background-color: transparent;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: .9em;
    }

    .payment-discount {
        color: rgba(202, 41, 75, 1);
    }

    .payment-shipment-weight, .payment-totalitem {
        font-size: 0.8em;
    }

    .payment-total {
        font-size: 1.1em;
        font-weight: 500;
    }

    .payment-lsv-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    textarea.payment-custumernote-box {
        border: 1px solid rgba(0, 0, 0, .1);
        font-size: .9em;
    }

    label.description {
        color: #151515;
        font-size: .9em;
    }

    .payment-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .payment-button-left, .payment-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: .9em;
        font-weight: 300;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }

    .payment-button-left {
        padding: 5px 5px 5px 5px;
    }

    .payment-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .payment-button-left-icon {
        float: left;
    }

    .payment-button-right-icon {
        float: right;
    }

    .payment-button-left:hover .payment-button-left-icon, .payment-button-right:hover .payment-button-right-icon {
        color: #FFFFFF;
    }

    .payment-button-left:hover, .payment-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: .9em;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }
}
@media only screen and (min-width:1200px) {
    .payment-menu {
        vertical-align: top;
        border: 1px solid #DDDDDD;
        background: #EEEEEA;
        color: #151515;
        font-weight: 700;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        font-size: 1em;
    }

    .payment-error {
        vertical-align: top;
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: rgba(202, 41, 75, 1);
        font-weight: 500;
        margin: 10px 0px 20px 0px;
        padding: 10px 10px 8px 10px;
        font-size: 1em;
    }

    .payment-error-icon {
        color: rgba(202, 41, 75, 1);
        font-size: 1.5em;
        margin: -4px 0px 0px 0px;
    }

    .payment-label {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb, .payment-label-terms {
        color: rgba(202, 41, 75, 1);
    }

    .payment-label-agb:hover, .payment-label-terms:hover {
        color: rgba(202, 41, 75, 0.7);
    }

    .shipment-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
        font-size: 1em;
    }

    .payment-box {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 1em;
    }

    .discount-box {
        padding: 0px 15px 0px 20px;
        margin: 0px 0px 0px -10px;
        font-size: 1em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        background-color: #ffffff;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: 1em;
    }

    .payment-discount {
        color: rgba(202, 41, 75, 1);
    }

    .payment-shipment-weight, .payment-totalitem {
        font-size: 0.8em;
    }

    .payment-total {
        font-size: 1.2em;
        font-weight: 500;
    }

    .payment-lsv-box {
        padding: 0px 15px 0px 0px;
        margin: 0px -5px 0px 15px;
    }

    textarea.payment-custumernote-box {
        border: 1px solid rgba(0, 0, 0, .1);
        font-size: 1em;
    }

    label.description {
        color: #151515;
    }

    .payment-links {
        margin: 0px -15px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: calc(2.25rem + 10px);
    }

    .payment-button-left, .payment-button-right {
        background-color: rgba(202, 41, 75, 0.1);
        border: 1px solid rgba(202, 41, 75, 0.2);
        color: #151515;
        font-size: 1.0em;
        font-weight: 300;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }

    .payment-button-left {
        padding: 5px 5px 5px 5px;
    }

    .payment-button-right {
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 5px 5px;
    }

    .payment-button-left-icon {
        float: left;
    }

    .payment-button-right-icon {
        float: right;
    }

    .payment-button-left:hover .payment-button-left-icon, .payment-button-right:hover .payment-button-right-icon {
        color: #FFFFFF;
    }

    .payment-button-left:hover, .payment-button-right:hover {
        background-color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        color: #FFFFFF;
        font-size: 1.0em;
    }

    .payment-button-left-icon, .payment-button-right-icon {
        color: rgba(202, 41, 75, 1);
        border: 1px solid transparent;
        font-family: FontAwesome;
        font-size: 1.2em;
        margin: -1px 0px 0px 0px;
    }
}













/*.payment-label {
    margin: 0px;
    color: rgba(202, 41, 75, 1);
}

.payment-total {
    margin: 0px;
    font-size: 1.2em;
    font-weight: 500;
}

.payment-back-to-account:hover, .payment-reset:hover, .payment-continue:hover {
    background-color: rgba(202, 41, 75, 1);
    color: #FFFFFF;
}

.payment-back-to-account:hover a.payment-back-to-account-link, .payment-reset:hover input.payment-reset-button, .payment-continue:hover input.payment-continue-button {
    color: #FFFFFF;
}

a.payment-back-to-account-link {
    color: #151515;
}

a.payment-back-to-account-link:hover {
    color: #FFFFFF;
}

input.payment-reset-button, input.payment-continue-button {
    margin: 0px;
    padding: 0px;
    border: none;
    color: #151515;
    background-color: transparent;
}

input.payment-reset-button:hover, input.payment-continue-button:hover {
    color: #FFFFFF;
    background-color: transparent;
}

@media only screen and (max-width:575px) {
    #payment-page {
        font-size: 0.8em;
    }
    .payment-headline {
        color: rgba(202, 41, 75, 1);
    }

    .payment-mid-content {
    }

    .payment-shipping, .payment-pay, .payment-discount {
        margin: 0px;
    }

    .payment-middle-content-menu {
        padding: 0px;
        margin: 0px 0px 5px 0px;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        font-size: 1em;
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        background-color: transparent;
    }

    input.account-holder {
        margin: 0px;
        padding: 10px 10px 10px 10px;
    }

    .payment-account-holder {
        margin: 0px -10px 0px 0px;
    }

    .payment-account-bank {
        margin: 0px -10px 0px -10px;
    }

    .payment-account-blz {
        margin: 0px 0px 0px -10px;
    }

    input, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    textarea {
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    input.payment-reset-button, input.payment-continue-button {
        margin: 0px;
        padding: 0px;
        border: none;
        color: #151515;
        background-color: transparent;
    }

    input.payment-reset-button:hover, input.payment-continue-button:hover {
        color: #FFFFFF;
        background-color: transparent;
    }

    .payment-back-to-account, .payment-reset, .payment-continue {
        background-color: rgba(202, 41, 75, 0.1);
        color: #141414;
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
    }

    .payment-label.description {
        color: #151515;
    }

    .payment-label.description a {
        color: rgba(202, 41, 75, 1);
        margin: 0px 3px 0px 3px;
    }

    input#agb {
        margin: 5px 10px 0px 0px;
    }

    .payment-discount {
        margin: 0px 0px 0px 0px;
        color: rgba(202, 41, 75, 1);
    }

    .payment-links.row {
        margin: 0px;
    }

    input.payment-reset-button, input.payment-continue-button {
    min-width: auto;
    }
}
@media only screen and (min-width:576px) {
    #payment-page {
        font-size: 0.8em;
    }
    .payment-headline {
        color: rgba(202, 41, 75, 1);
    }

    .payment-mid-content {
    }

    .payment-shipping, .payment-pay, .payment-discount {
        margin: 0px;
    }

    .payment-middle-content-menu {
        padding: 0px;
        margin: 0px 0px 5px 0px;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        font-size: 1em;
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        background-color: transparent;
    }

    input.account-holder {
        margin: 0px;
        padding: 10px 10px 10px 10px;
    }

    .payment-account-holder {
        margin: 0px -10px 0px 0px;
    }

    .payment-account-bank {
        margin: 0px -10px 0px -10px;
    }

    .payment-account-blz {
        margin: 0px 0px 0px -10px;
    }

    input, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    textarea {
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    input.payment-reset-button, input.payment-continue-button {
        margin: 0px;
        padding: 0px;
        border: none;
        color: #151515;
        background-color: transparent;
    }

    input.payment-reset-button:hover, input.payment-continue-button:hover {
        color: #FFFFFF;
        background-color: transparent;
    }

    .payment-back-to-account, .payment-reset, .payment-continue {
        background-color: rgba(202, 41, 75, 0.1);
        color: #141414;
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
    }

    .payment-label.description {
        color: #151515;
    }

    .payment-label.description a {
        color: rgba(202, 41, 75, 1);
        margin: 0px 3px 0px 3px;
    }

    input#agb {
        margin: 5px 10px 0px 0px;
    }

    .payment-discount {
        margin: 0px 0px 0px 0px;
        color: rgba(202, 41, 75, 1);
    }

    .payment-links.row {
        margin: 0px;
    }

    input.payment-reset-button, input.payment-continue-button {
    min-width: auto;
    }
}
@media only screen and (min-width:768px) {
    #payment-page {
        font-size: 0.8em;
    }
    .payment-headline {
        color: rgba(202, 41, 75, 1);
    }

    .payment-mid-content {
    }

    .payment-shipping {
        margin: 0px -10px 0px 0px;
    }

    .payment-pay {
        margin: 0px -10px 0px -10px;
    }

    .payment-discount {
        margin: 0px 0px 0px -10px;
    }

    .payment-middle-content-menu {
        padding: 0px;
        margin: 0px 0px 5px 0px;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        font-size: 1em;
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        background-color: transparent;
    }

    input.account-holder {
        margin: 0px;
        padding: 10px 10px 10px 10px;
    }

    .payment-account-holder {
        margin: 0px -10px 0px 0px;
    }

    .payment-account-bank {
        margin: 0px -10px 0px -10px;
    }

    .payment-account-blz {
        margin: 0px 0px 0px -10px;
    }

    input, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    textarea {
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    input.payment-reset-button, input.payment-continue-button {
        margin: 0px;
        padding: 0px;
        border: none;
        color: #151515;
        background-color: transparent;
    }

    input.payment-reset-button:hover, input.payment-continue-button:hover {
        color: #FFFFFF;
        background-color: transparent;
    }

    .payment-back-to-account, .payment-reset, .payment-continue {
        background-color: rgba(202, 41, 75, 0.1);
        color: #141414;
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
    }

    .payment-label.description {
        color: #151515;
    }

    .payment-label.description a {
        color: rgba(202, 41, 75, 1);
        margin: 0px 3px 0px 3px;
    }

    input#agb {
        margin: 5px 10px 0px 0px;
    }

    .payment-discount {
        margin: 0px 0px 0px 0px;
        color: rgba(202, 41, 75, 1);
    }

    .payment-links.row {
        margin: 0px;
    }

    input.payment-reset-button, input.payment-continue-button {
    min-width: auto;
    }
}
@media only screen and (min-width:992px) {
    #payment-page {
        font-size: 0.9em;
    }
    .payment-headline {
        color: rgba(202, 41, 75, 1);
    }

    .payment-mid-content {
    }

    .payment-shipping {
        margin: 0px -10px 0px 0px;
    }

    .payment-pay {
        margin: 0px -10px 0px -10px;
    }

    .payment-discount {
        margin: 0px 0px 0px -10px;
    }

    .payment-middle-content-menu {
        padding: 0px;
        margin: 0px 0px 5px 0px;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        font-size: 1em;
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        background-color: transparent;
    }

    input.account-holder {
        margin: 0px;
        padding: 10px 10px 10px 10px;
    }

    .payment-account-holder {
        margin: 0px -10px 0px 0px;
    }

    .payment-account-bank {
        margin: 0px -10px 0px -10px;
    }

    .payment-account-blz {
        margin: 0px 0px 0px -10px;
    }

    input, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    textarea {
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    input.payment-reset-button, input.payment-continue-button {
        margin: 0px;
        padding: 0px;
        border: none;
        color: #151515;
        background-color: transparent;
    }

    input.payment-reset-button:hover, input.payment-continue-button:hover {
        color: #FFFFFF;
        background-color: transparent;
    }

    .payment-back-to-account, .payment-reset, .payment-continue {
        background-color: rgba(202, 41, 75, 0.1);
        color: #141414;
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
    }

    .payment-label.description {
        color: #151515;
    }

    .payment-label.description a {
        color: rgba(202, 41, 75, 1);
        margin: 0px 3px 0px 3px;
    }

    input#agb {
        margin: 5px 10px 0px 0px;
    }

    .payment-discount {
        margin: 0px 0px 0px 0px;
        color: rgba(202, 41, 75, 1);
    }

    .payment-links.row {
        margin: 0px;
    }
}
@media only screen and (min-width:1200px) {
    #payment-page {
        font-size: 1em;
    }
    .payment-headline {
        color: rgba(202, 41, 75, 1);
    }

    .payment-mid-content {
    }

    .payment-shipping {
        margin: 0px -10px 0px 0px;
    }

    .payment-pay {
        margin: 0px -10px 0px -10px;
    }

    .payment-discount {
        margin: 0px 0px 0px -10px;
    }

    .payment-middle-content-menu {
        padding: 0px;
        margin: 0px 0px 5px 0px;
        color: rgba(202, 41, 75, 1);
        font-size: 1em;
    }

    select#shipperId, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        font-size: 1em;
        color: #151515;
        border-radius: 0px;
        border-color: #DDDDDD!Important;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        background-color: transparent;
    }

    input.account-holder {
        margin: 0px;
        padding: 10px 10px 10px 10px;
    }

    .payment-account-holder {
        margin: 0px -10px 0px 0px;
    }

    .payment-account-bank {
        margin: 0px -10px 0px -10px;
    }

    .payment-account-blz {
        margin: 0px 0px 0px -10px;
    }

    input, select {
        height: calc(2.25rem + 2px);
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    textarea {
        margin: 0px;
        color: #151515;
        border-color: #DDDDDD!Important;
        width: 100%;
    }

    input.payment-reset-button, input.payment-continue-button {
        margin: 0px;
        padding: 0px;
        border: none;
        color: #151515;
        background-color: transparent;
    }

    input.payment-reset-button:hover, input.payment-continue-button:hover {
        color: #FFFFFF;
        background-color: transparent;
    }

    .payment-back-to-account, .payment-reset, .payment-continue {
        background-color: rgba(202, 41, 75, 0.1);
        color: #141414;
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
    }

    .payment-label.description {
        color: #151515;
    }

    .payment-label.description a {
        color: rgba(202, 41, 75, 1);
        margin: 0px 3px 0px 3px;
    }

    input#agb {
        margin: -7px 13px -15px 0px;
    }

    .payment-discount {
        margin: 0px 0px 0px 0px;
        color: rgba(202, 41, 75, 1);
    }

    .payment-links.row {
        margin: 0px;
    }
}*/
/* PAYMENT.HTML | END */

/* CONFIRM.HTML | START */
.confirm-content, .confirm-menu, .confirm-total-box {
    border: 1px solid transparent;
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 0px;
    width: 100%;
}

.confirm-menu {
    vertical-align: top;
    border: 1px solid #DDDDDD;
    background: #EEEEEA;
    color: #151515;
    font-weight: 700;
}

.confirm-error {
    vertical-align: top;
    background-color: rgba(202, 41, 75, 0.1);
    border: 1px solid rgba(202, 41, 75, 0.2);
    color: rgba(202, 41, 75, 1);
    font-weight: 500;
    margin: 10px 0px 20px 0px;
    padding: 10px 10px 8px 10px;
}

.confirm-error-icon {
    color: rgba(202, 41, 75, 1);
    font-size: 1.5em;
}

.confirm-label {
    color: rgba(202, 41, 75, 1);
}

.confirm-content.row:hover {
    background-color: rgba(202, 50, 75, 0.1);
    border: 1px solid rgba(202, 41, 75, 0.2);
}

.confirm-content, .confirm-sub-table, .confirm-excl-tax, .confirm-incl.tax, .confirm-coupon, .confirm-country, .confirm-total, .confirm-price-total, .confirm-continue {
    color: #151515;
    margin: 0px;
}

.confirm-sub-content {
    margin: 0px;
    width: 100%;
}

.cart-content.row:hover {
    background-color: rgba(202, 50, 75, 0.1);
    border: 1px solid rgba(202, 41, 75, 0.2);
}

.confirm-discount, .confirm-discount-price {
    color: rgba(202, 41, 75, 1);
}

.confirm-totalitem, .confirm-discount-code  {
    font-size: 0.8em;
}

.confirm-total {
    font-size: 1.2em;
    font-weight: 500;
}

hr.hr-payment {
    margin-top: 5px;
    margin-bottom: 5px;
}

hr.hr-payment-total {
    margin-top: 5px;
    margin-bottom: 20px;
}
/* CONFIRM.HTML | END */

/* SUCCESS PAGE | START */
/* SUCCESS PAGE | END */