/************************************ Pussy-Slips ************************************/
#mxcpr,
.sp-sign-in .signin-text {
    display: none !important;
}

body {
    background-attachment: fixed;
    background-image: url(/images/background/10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#sp-component {
    background: rgba(0, 0, 0, 0.9);
    padding: 40px;
    border-radius: 15px;
}

#sp-header {
    background: #111;
    height: 60px !important;
}

#sp-contact,
#sp-social {
    width: 20%;
}

#sp-footer {
    background: rgba(0, 0, 0, 0.8) !important;
    width: 100%;
    position: fixed;
    bottom: 0;
}

#sp-footer1 {
    text-align: center;
    font-family: cursive;
    letter-spacing: 3px;
}

#sp-footer a,
#sp-bottom a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#sp-footer .container-inner {
    padding: 10px 0;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    font-weight: bold;
    color: #fff !important;
}

.sp-megamenu-parent > li > a:hover {
    color: #fff !important;
}

.sp-megamenu-parent > li > a {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ff0000 !important;
}

.burger-icon > span {
    background-color: #fff !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .far {
    color: #ccc !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    line-height: 40px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li {
    border-top: 1px solid #ccc;
}

.offcanvas-menu .fas,
.offcanvas-menu .fab {
    color: #fff !important;
}

.offcanvas-menu .offcanvas-inner .header-modules {
    float: right;
    position: relative;
    z-index: 100;
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-top: 65px;
}

#sp-header-topbar a {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

#sp-header-topbar a:hover {
    color: #ccc;
}

.article-details .article-ratings-social-share {
    display: none !important;
}

.form-control,
.list-group-item:first-child,
.list-group-item,
.sp-profile-wrapper .sp-profile-dropdown,
.offcanvas-menu {
    background: #222 !important;
    background-color: #222 !important;
    color: #eee !important;
}

.form-control:focus {
    background: #555;
    background-color: #222;

}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #ff0000 !important;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info {
    text-align: left;
}

#back {
    position: fixed;
    bottom: 70px;
    left: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #333;
    border-radius: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    cursor: pointer;
}

#back:hover {
    background: #000;
}

.sp-scroll-up {
    bottom: 70px;
    background: #333;
}

h1 {
    font-size: 28px;
    padding: 5px;
    background: #222;
    text-align: center;
    border-radius: 15px;
}

#sp-menu .social-wrap {
    padding-left: 11px;
}

.sp-profile-wrapper .sp-profile-dropdown li a {
    color: #fff;
}

.sp-contact-info {
    text-align: center;
}

.social-icon-custom,
.add-icon-custom,
.logout-icon-custom {}

.offcanvas-menu .fa,
.offcanvas-menu .fab,
.offcanvas-menu .far,
.offcanvas-menu .fas {
    color: #eee !important;
}

/************************** Phoca Cart **************************/
.ph-account-box-header,
.ph-checkout-box-header,
.ph-account-box-action,
.ph-checkout-box-action,
.ph-account-box-header-pas,
.ph-checkout-box-header-pas,
.modal-content,
.ph-shipping-info-box {
    background: #222;
}

.modal-title {
    color: #eee;
}

.form-select {
    background: #111;
    color: #eee;
}

.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content {
    box-shadow: 1px 1px 2px 1px rgb(120 120 120 / 50%), 0 0 7px 7px rgb(240 240 240 / 20%) inset;
    padding: 30px;
    border-radius: 15px;

}

.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content:hover {
    box-shadow:
        /* außen: sanft nach außen gestrahlt */
        -2px -2px 4px 0px rgb(230 230 230 / 40%),
        2px 2px 4px 0px rgb(230 230 230 / 40%),
        /* innen: leichter innerer Glow */
        inset 0 0 10px 5px rgb(230 230 230 / 10%);
}

.ph-small {
    font-size: 14px;
}

h3.grid {
    font-size: 22px;
    padding-top: 5px;
    border-bottom: 1px solid #444;
}

.ph-category-price-box .ph-price-txt,
.ph-available-options-title,
.ph-price-txt,
.ph-top,
.ph-category-action-buttons,
.ph-payment-title {
    display: none;
}

.ph-category-price-box .ph-price-brutto {
    text-align: center;
}

.ph-category-price-box .ph-price-brutto {
    text-align: center;
    float: none;
}

.ph-item-price-box .ph-price-brutto {
    float: none;
    font-size: 22px;
}

.ph-category-header {
    text-align: center;
    padding: 5px;
}

.ph-checkout-checkbox-confirm {
    padding-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ph-orders-item-box-row {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ph-form-quantity {
    margin-right: 10px;
}

.ph-item-add-to-cart-box .ph-input-quantity {
    max-width: 4em !important;
    width: 64px !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    text-align: center;
}

.btn-success {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.phItemCartUpdateBoxForm .btn.bootstrap-touchspin-down,
.phItemCartUpdateBoxForm .btn.bootstrap-touchspin-up {
    padding: 9px;
    font-size: 17px;
}

.phItemCartUpdateBoxForm .btn.bootstrap-touchspin-down {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

.phItemCartUpdateBoxForm .btn.bootstrap-touchspin-up {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.btn-success,
.btn-danger {
    border: 1px solid #eee;
}

.ph-checkout-cart-quantity .form-control {
    padding: 2px;
}

.ph-checkout-attribute-box {
    margin-top: -50px;
    margin-left: 20px;
    margin-bottom: 30px;
}

/*********************** Phoca Download ***********************/
#phoca-dl-download-box .pd-downloadbox-direct {
    background: #222;
}

/************************** JoomShopping jshop **************************
.available,
.jshop_list_product .jshop_price,
.productfull .text_zoom,
.prod_qty,
.prod_qty_input,
.jshop .prod_attr_img {
    display: none !important;
}

.cart .quantity .inputbox {
    margin: auto;
    background: #555;
    color: #eee;
}

.jshop_list_product .block_product {
    box-shadow: 1px 1px 2px 1px rgb(120 120 120 / 50%), 0 0 7px 7px rgb(240 240 240 / 20%) inset;
    padding-top: 20px;
    padding-bottom: 20px;
}

.jshop_list_product .block_product:hover {
    box-shadow: 1px 1px 2px 1px rgb(150 150 150 / 70%), 0 0 7px 7px rgb(220 220 220 / 10%) inset;
}

.jshop h1 {
    background: #222;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
    color: #ff0000;
}

select:not(.form-select):not(.form-control) {
    background: #555;
    color: #eee;
}

select:not(.form-select):not(.form-control):focus {
    background: #777;
    color: #eee;
}

.prod_price,
.block_price {
    color: #950000;
    font-weight: bold;
    font-size: 22px;
    padding-left: 20px;
}

.cart .odd td,
.cart th,
input[type="text"]:not(.form-control),
#jshop_menu_order {
    background: #333;
    background-color: #333;
    color: #eee;
    font-size: 15px;
    letter-spacing: 1px;
}

.cart th,
.cart td {
    border: 1px solid #444;
}

.cart .even td {
    background: #111;
    background-color: #111;
    color: #eee;
    font-size: 15px;
    letter-spacing: 1px;

}

input[type="text"]:not(.form-control) {
    width: 300px;
    margin-bottom: 10px;
}

a.policy {
    text-transform: none;
    color: #fff;
    font-weight: normal;
}

.fielderror {
    background-color: #ff0000 !important;
    padding: 4px;
}

.jshop_list_product .block_product img {
    height: 200px;
}

.table_order_list {
    background-color: #222;
}

/*********************** Media Screens ***********************/
@media (max-width: 667px) {
    #sp-header-topbar {
        display: none;
    }

    body {
        background: #111;
    }

    #sp-main-body {
        padding: 1px 0;
    }

    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        top: -5px
    }

    #sp-header.lg-header .logo {
        padding-top: 8px;
    }

    .form-horizontal .controls {
        margin-left: 0px;
    }
}