/* Allgemeine anpassungen */
html
{
    scroll-behavior: smooth;
}

.mb-4{
    margin-bottom: unset !important;
}

.btn-primary:active:focus
{
    background-color: #cc071e;
    color: #ffffff;
}

#Shop,
#Kontakt
{
    display: grid;
    align-content: center;

}
model-viewer::part(default-progress-bar){
    background-color: transparent;
}
.sppb-addon-model-viewer
{
    display: flex;
    justify-content: center;
}

.navbar-mainmenu .navbar-nav > li.active > a::after,
.navbar-mainmenu .navbar-nav > li.open > a::after
{
    left: .5em;
    right: .5em;
    margin-top: 2px;
}

a.glink
{
    padding-right: 2px;
}

/* Das Navigation Bullets/Thumb nicht über Nav leiste angezeigt wird */
.mod-slider-cont .tp-bullets
{
    z-index: 100;
}

/* Slider - Start */
.tp-leftarrow.default {
    background-image: unset;
    height: 100%;
    top: 0 !important;
    margin-top: 0 !important;
    left: 0 !important;
    width: 15%;
}
.tp-leftarrow .tp-arr-allwrapper {
    background-image: url("../../../../images/banners/arrow/connvis_pfeil_sw_li.png");
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: 40px 40px;
    top: 0 !important;
    margin-top: 0 !important;
    background-position: center;
    left: 0 !important;
    width: 100%;
    background-origin: border-box;
    position: absolute;
}
.tp-leftarrow.tparrows.default.square-old:hover {
    background: linear-gradient(225deg, rgba(255,255,255,.1) 0%, rgba(0,0,0,0.2) 100%);
}

.tp-rightarrow.default {
    background-image: unset;
    height: 100%;
    top: 0 !important;
    margin-top: 0 !important;
    right: 0 !important;
    width: 15%;

}
.tp-rightarrow .tp-arr-allwrapper {
    background-image: url("../../../../images/banners/arrow/connvis_pfeil_sw_re.png");
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: 40px 40px;
    top: 0 !important;
    margin-top: 0 !important;
    background-position: center;
    right: 0 !important;
    width: 100%;
    background-origin: border-box;
    position: absolute;
}
.tp-rightarrow.tparrows.default.square-old:hover {
    background: linear-gradient(45deg, rgba(255,255,255,.1) 0%, rgba(0,0,0,0.2) 100%);
}
/* Slider - Ende */


#vpf-header .header-top .brand .site-logo
{
    width: 250px;
}


/* Start - Product Detail */
.vppl-list .product-addtocart-cont .addtocart-bar > span
{
    width: 150px;
}

.vppl-list .product-addtocart-cont .quantity-box-text h4 {
    font-weight: bold;
    color: #58585A;
}
/* End - Product Detail */


/* Fix translation bug */
font {
    vertical-align: initial !important;
}
/* End - Fix */

@media screen and (min-width: 991px) {

    /* Start - Header */
    #vpf-header .header-top .brand
    {
        display: flex;
        justify-content: end;
        padding-right: 50px;
        margin: 10px 0 0;
    }


    #vpf-header .header-top .navbar.navbar-mainmenu .vpf-mega-menu-container
    {
        display: flex !important;
        justify-content: center;
    }

    .navbar-mainmenu .navbar-nav > li > a
    {
        font-size: 21px;
    }

    #vpf-header .header-top .last-group .navbar
    {
        display: flex;
    }
    #vpf-header .header-top .last-group .navbar a.glink img
    {
        opacity: .3;
    }
    #vpf-header .header-top .last-group .navbar a.glink.gt-current-lang img
    {
        opacity: 1;
    }
    /* End - Header */

    /* Start - Slider */

    /* Slider - Arrows Override to take another png */
    /*.tp-rightarrow.default
    {
        background: url("../../../../images/banners/arrow/connvis_pfeil_sw_re.png");
        height: 35px !important;
        width: 35px !important;
        background-repeat: no-repeat !important;
        background-size: contain;
    }
    .tp-leftarrow.default
    {
        background: url("../../../../images/banners/arrow/connvis_pfeil_sw_li.png");
        height: 35px !important;
        width: 35px !important;
        background-repeat: no-repeat !important;
        background-size: contain;
    }*/
    /* End - Slider Override */

    /* End - Slider */


    /* Start - Product Page*/
    .productdetails-view.vm-productdetails
    {
        margin-top: 100px;
    }
    .vppl-list .vppl-inner .product-image-cont img
    {
        width: 350px;
    }
    .vppl-list .product-image-cont
    {
        display: flex;
        justify-content: center;
    }

    .vppl-list .vppl-inner .vppl-name
    {
        font-size:  40px;
        text-transform: unset;
        font-weight: normal;
    }

    .vppl-list .product-short-desc-cont .product-short-desc-heading,
    .vppl-list .product-box .product-box-content
    {
        font-weight: bold;
        color: #58585A;
    }

    .vppl-list .product-box
    {
        width: 50%;
    }

    .vppl-list .product-addtocart-cont .addtocart-area
    {
        display: flex;
        justify-content: space-between;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar
    {
        display: flex;
        flex-wrap: wrap;
    }

    .vppl-list .product-addtocart-cont .quantity-box-text
    {
        width: 50%;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-cont
    {
        width: 50%;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-cont .quantity-box-cont.quantity-box
    {
        width: 140px;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .addtocart-button-cont
    {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-cont .quantity-input
    {
        width: 115px;
        font-size: 18px;
        font-weight: bold;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar > span
    {
        margin: 15px 0;
    }

    .vppl-list .addtocart-button
    {
        border: none;
        background-color: unset;
        color: #cc071e;
        text-transform: unset;
        padding: 0;
        font-size: 18px;
        font-weight: bold;
    }

    /* Shoping Cart */
    .product-addtocart-cont .mini-cart-container
    {
        display: flex;
        flex-direction: column;
        width: 55%;
        text-align: center;
    }

    .vppl-list .product-addtocart-cont .mini-cart-container .mini-cart-link
    {
        position: absolute;
        z-index: 999;
        padding: 55px 75px;
    }

    .product-addtocart-cont .mini-cart-title
    {
        color: #cc071e;
        font-weight: bold;
    }

    .product-addtocart-cont .mini-cart-mod
    {
        align-self: center;
        padding: 20px;
        border: 1px solid transparent;
        border-radius: 50%;
        background-color: #cc071e;
    }
    .product-addtocart-cont .mini-cart-mod .vp-dropmod-anchor
    {
        left: -2px;
    }
    .product-addtocart-cont .mini-cart-mod .fa-smart-cart-o
    {
        color: #ffffff;
    }
    .product-addtocart-cont .mini-cart-mod .vp-dropmod-anchor .jewel.jewel-invert
    {
        background-color: #ffffff;
    }
    .product-addtocart-cont .mini-cart-mod .vp-dropmod-anchor .jewel.jewel-invert .product-count
    {
        color: #000000;
    }
    /* End - Product Page*/

    /* Start - */

    /* Start- Cart */
    .modal .modal-dialog .modal-content .modal-header
    {
        background-color: #cc071e;
    }
    #ProOPC .proopc-input-append input[type="text"].proopc-qty-input, #ProOPC .proopc-input-append input[type="number"].proopc-qty-input
    {
        max-width: 60px;
    }

    #ProOPC #proopc-order-submit.proopc-btn-info
    {
        background-image: unset;
        background-color: #cc071e;
    }

    /* End - Cart */

    /* Start - Footer */
    .footer
    {
        margin-bottom: 30px;
    }

    .footer .footer-mods.footer-left .footer-logo
    {
        margin: 10px 20px;
    }

    .footer .footer-mods.footer-left .menuitem > a
    {
        font-size: 18px;
        font-weight: bold;
        text-transform: capitalize;
        margin: 0 20px;
    }
    /* End - Footer */
}




@media only screen and (max-width: 990px)  {

    /* Product Detail - Start */
    .productdetails-view.vm-productdetails
    {
        margin-top: 100px;
    }

    .vppl-left .product-image-cont
    {
        display: flex;
        justify-content: center;
    }

    .vppl-list .vppl-inner .vppl-name
    {
        font-size:  40px;
        text-transform: unset;
        font-weight: normal;
    }

    .vppl-list .product-short-desc-cont .product-short-desc-heading,
    .vppl-list .product-box .product-box-content
    {
        font-weight: bold;
        color: #58585A;
    }

    .vppl-list .product-box
    {
        width: 50%;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar
    {
        display: flex;
        flex-wrap: wrap;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-text
    {
        width: 100%;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-cont
    {
        width: 100%;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-cont .quantity-box-cont.quantity-box
    {
        width: 140px;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .addtocart-button-cont
    {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar .quantity-box-cont .quantity-input
    {
        width: 115px;
        font-size: 18px;
        font-weight: bold;
    }

    .vppl-list .product-addtocart-cont .addtocart-bar > span
    {
        margin: 15px 0;
    }

    .vppl-list .vppl-price-cont .product-sales-price span.PricesalesPrice {
        font-size: 30px;
        line-height: 30px;
        font-weight: normal;
    }

    .vppl-list .addtocart-button
    {
        border: none;
        background-color: unset;
        color: #cc071e;
        text-transform: unset;
        padding: 0;
        font-size: 18px;
        font-weight: bold;
    }
    /* Product Detail - End */

    /* Shoping Cart */
    .product-addtocart-cont .mini-cart-container
    {
        display: flex;
        flex-direction: column;
        max-width: fit-content;
        margin-top: 15px;
        width: 35%;
        text-align: center;
    }

    .vppl-list .product-addtocart-cont .mini-cart-container .mini-cart-link
    {
        position: absolute;
        z-index: 999;
        padding: 55px 75px;
    }

    .product-addtocart-cont .mini-cart-title
    {
        color: #cc071e;
        font-weight: bold;
    }

    .product-addtocart-cont .mini-cart-mod
    {
        align-self: center;
        padding: 20px;
        border: 1px solid transparent;
        border-radius: 50%;
        background-color: #cc071e;
    }
    .product-addtocart-cont .mini-cart-mod .vp-dropmod-anchor
    {
        left: -2px;
    }
    .product-addtocart-cont .mini-cart-mod .fa-smart-cart-o
    {
        color: #ffffff;
    }
    .product-addtocart-cont .mini-cart-mod .vp-dropmod-anchor .jewel.jewel-invert
    {
        background-color: #ffffff;
    }
    .product-addtocart-cont .mini-cart-mod .vp-dropmod-anchor .jewel.jewel-invert .product-count
    {
        color: #000000;
    }

    .modal .modal-dialog .modal-content .modal-header
    {
        background-color: #cc071e;
    }
    #ProOPC .proopc-input-append input[type="text"].proopc-qty-input, #ProOPC .proopc-input-append input[type="number"].proopc-qty-input
    {
        max-width: 60px;
    }

    /* End - Product Page*/

    /* Start- Cart */
    .modal .modal-dialog .modal-content .modal-header
    {
        background-color: #cc071e;
    }
    #ProOPC .proopc-input-append input[type="text"].proopc-qty-input, #ProOPC .proopc-input-append input[type="number"].proopc-qty-input
    {
        max-width: 60px;
    }

    #ProOPC #proopc-order-submit.proopc-btn-info
    {
        background-image: unset !important;
        background-color: #cc071e !important;
    }

    /* End - Cart */

    /* Start - Footer */
    .footer .footer-mods.footer-left .footer-logo
    {
        margin: 10px 20px;
    }

    .footer .footer-mods.footer-left .menuitem > a
    {
        font-size: 18px;
        font-weight: bold;
        text-transform: capitalize;
        margin: 0 20px;
    }
    /* End - Footer */
}

@media only screen and (max-width: 768px)
{
    /* Start - Shop Product */
    .vppl-list .vppl-inner .product-image-cont img
    {
        width: 350px;
    }
    /* Ende - Shop Product */


    /* Slider - Arrows Override to take another png */
    .tp-leftarrow .tp-arr-allwrapper {
        background-image: url("../../../../images/banners/arrow/connvis_pfeil_sw_li.png");
        height: 100%;
        background-repeat: no-repeat !important;
        background-size: 25px 25px;
        top: 0 !important;
        margin-top: 0 !important;
        background-position: center;
        left: 0 !important;
        width: 100%;
        background-origin: border-box;
        position: absolute;
    }

    .tp-rightarrow .tp-arr-allwrapper {
        background-image: url("../../../../images/banners/arrow/connvis_pfeil_sw_re.png");
        height: 100%;
        background-repeat: no-repeat !important;
        background-size: 25px 25px;
        top: 0 !important;
        margin-top: 0 !important;
        background-position: center;
        right: 0 !important;
        width: 100%;
        background-origin: border-box;
        position: absolute;
    }
    /* End - Slider Override */


    /* Start - Kontakt */
    .contact-info-column
    {
        margin-top: 25px;
    }
    /* Ende - Kontakt */


}

@media only screen and (max-width: 530px)
{


    /* Footer - Start */
    .footer .footer-mods.footer-left .list-inline
    {
        display: flex;
        flex-direction: column;
    }

    .footer .footer-mods.footer-left .list-inline .menuitem
    {
        margin: 10px 0;
    }
    /* Footer - Ende */
}

.vppl-price-cont{
    margin-top: 15px;
    margin-bottom: 10px;
}

#jform_captcha-lbl{
    display: none;
}


.vppl-list .vppl-price-cont .product-price
{
    display: flex;
    gap: 20px;
}

.vppl-list .vppl-price-cont .product-price-without-tax span.PricepriceWithoutTax
{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}

.vppl-list .vppl-price-cont .product-sales-price span.PricesalesPrice
{
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    height: 29px;
    align-content: flex-end;
    margin-bottom: 2px;
}

.vppl-list .vppl-price-cont .vm-prices-info {
    font-weight: normal;
}