﻿/* GEN */
.item-box .buttons-lower button,
.item-box .buttons-lower button span { background-color: #3d87a6 !important; color: #fff !important; padding: 0; }
    .item-box .buttons-lower button span::before,
    .item-box .buttons-lower button span::after { background: none; width: 0; }
    .item-box .buttons-lower button:hover,
    .item-box .buttons-lower button:hover span { background: #fff !important; color: #333 !important; padding: 0; }

.cart-trigger::before { background-color: #344f59 !important; }

.img-responsive { max-width: 100%; }
.footer-drops img { max-width: 100%; }

a.btn-cfa2 { border: 2px solid #e8b423; padding: 8px 17px; margin: 10px 0 0 0; display: inline-block; background: #f4bd22; color: #111; }
    a.btn-cfa2:hover { background: #e8b423; }
    a.btn-cfa2::after { content: ' »'; }

body { color: #333 !important; }

.hidden { display: none !important; }

.mt25 { margin-top: 25px; }
.mt50 { margin-top: 50px; }
.btn.btn-cfa3 { _box-shadow: none !important; color: #333; font-weight: normal; border: 2px solid #f4bd22; border-radius: 0; background: #ffffff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; margin: 0; padding: 11px 20px; }
    .btn.btn-cfa3.btn-primary { background: #f4bd22; _box-shadow: none !important; }
    .btn.btn-cfa3:hover { background: #f4bd22; border-color: #b28a18; }
    .btn.btn-cfa3.active:hover { background: #fff; border-color: #b28a18; }

/* info msg */
.info-msg,
.success-msg,
.warning-msg,
.error-msg { margin: 10px 0; padding: 10px; border-radius: 3px 3px 3px 3px; position: fixed; z-index: 1405; top: 60px; left: 10px; right: 10px; }
.info-msg { color: #059; background-color: #BEF; }
.info-msg-close { float: right; cursor: pointer; }

/* 768 */
@media( max-width: 768px ) {
    .xs-hidden { display: none !important; }
}

/* HOOVER bei allen produkten */
.item-grid .item-box:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

/* CAR */
h2.carousel-title { letter-spacing: 1px; text-transform: uppercase; letter-spacing: 1px; color: #333; }


/* BREAKOUT */
.breakout { margin: 1em -100%; /* old browsers fallback */ margin: 1em calc(50% - 50vw); }
    .breakout.bg-grey { background-color: #f6f6f6; }
    .breakout .master-wrapper-content { min-height: unset; }
.pt35 { padding-top: 35px; margin-top: 50px; }
.pb35 { padding-bottom: 50px; margin-bottom: 35px; }

@media( max-width: 768px ) {
    .pt35 { padding-top: 0; margin-top: 0; }
}


/* Monatsaktion */
.header-title { padding: 6px; margin: 0; background: #f4bd22; color: #444; font-size: 10px; text-align: center; display: none; }
    .header-title a { text-decoration: underline; }
    .header-title .center { }

/* html zoom image */
.img-zoomable { transition: transform ease-in-out 0.1s; }
    .img-zoomable.active { transform: scale(3); }

/* HOME - SLIDER */
.slider-wrapper { position: relative; height: 450px; overflow: hidden; }
    .slider-wrapper picture { height: 450px; }

.slider-fullwidth { margin-top: -60px; height: 500px; overflow: hidden; }
.slider-wrapper, .nivoSlider { height: 100% !important; }
    .slider-wrapper img { object-fit: cover; height: unset !important; width: unset !important; min-height: 100% !important; min-width: 100% !important; }
.nivo-slice { display: none !important; }

/* SHOW MENU AT STARTUP */
.home-page-body .category-navigation-list-wrapper > .category-navigation-list { _display: block; }


@media( max-width: 1280px ) {
}

@media( max-width: 1020px ) {
    .slider-fullwidth { margin-top: 113px; }
}

/* HEADER */
.header-upper-content { line-height: 42px; }
    .header-upper-content a { font-weight: bold; }
    .header-upper-content span { font-weight: bold; color: #7bb136; }
.header-menu > ul > li > a { padding-left: 15px; padding-right: 15px; }

@media( max-width: 1024px ) {
    .header-logo a img { max-height: 60px; }
}


/* CART */
.fa.fa-trash-svg { margin: 0 auto; display: inline-block; width: 20px; height: 20px; font-size: 18px; color: #cc2368; background: url('/themes/pavilion/content/trash.svg'); }
.cart .qty-input, .cart .qty-dropdown { width: 80px; }
.cart img.productpreview { border: 0px solid #ccc; display: block; margin: 15px auto; max-width: 100px; max-height: 150px; _box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); }
.mini-shopping-cart div.picture,
.mini-shopping-cart .attributes { display: none; }
.mini-shopping-cart .picture + .product { margin-left: 15px; }

.cart-header-row th,
.cart-header-row th.subtotal,
.page.shopping-cart-page .accordion-tab-title { color: #fff; background: #344f59; font-weight: bold; text-transform: uppercase; }


/* checkout */
.page.checkout-page .productpreview { display: none; }
.shopping-cart-page .button-1.checkout-button { background: #f4bd22; }
.page.checkout-page .section-title.title { background: #344f59; color: #fff; }
.page.checkout-page .cart-header-row th { background: #f6f6f6; color: #333; }
.page.checkout-page .buttons.complete-button button { background: #f4bd22; }

/* shoping cart*/
.page.shopping-cart-page .cart-collaterals .coupon-code input[type="submit"] { background: #4f7888; }

/* product details */
.attributes dt { max-width: 300px; }
.overview .qty-dropdown, .variant-overview .qty-dropdown { width: 70px; }
.checkout-information-box { padding: 80px 10% 25px; text-align: center; font-size: 12px; color: #999999; }

/* footer */
.footer-drops { margin-bottom: -20px; margin-top: 20px; }
    .footer-drops img { margin: 0 auto; _max-height: 100px; display: block; }
.store-4 .footer-drops { margin-bottom: -40px; }
.footer-contact { margin-bottom: 20px; _margin-top: 20px; }
    .footer-contact img { margin: 0 auto; _max-height: 100px; display: block; }

/* topic pages */
.topic-page-body .master-wrapper-page { background: #fff; }

/* mega menu */
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture { height: 200px; }
.category-navigation-list > li > a { letter-spacing: 1px; text-transform: uppercase; text-transform: 1px; }

/* catalog - category */
/* productbox */
.details-top .product-title { line-height: 55px; }
.sub-category-item .title { width: 100%; text-align: center; }
.product-grid .item-box:hover .buttons-lower { z-index: 3; bottom: auto; }

/* SEARCHBAR */
@media(min-width: 481px) {
    .search-box input.search-box-text { width: 835px; }
}

.store-search-box input.search-box-text { background-color: #344f59 !important; _color: #fff; }

/* ALL WIDE */
@media(min-width:1280px) {
    .header .center,
    .footer .center,
    .master-wrapper-content { width: 1350px !important; }
    .search-box input.search-box-text { width: 990px !important; }
}

.master-wrapper-page { background: #fff; }
.bg-white { background: #f6f6f6 !important; }
.y-title { color: #333 !important; text-transform: uppercase !important; letter-spacing: 1px; }
.y-title { padding: 0 0 5px; margin: 0 0 20px; border-bottom: 1px solid #ddd; font-size: 22px; line-height: 30px; letter-spacing: 1px; text-transform: uppercase; }

@media(max-width: 768px ) {
    .y-title { font-size: 14px !important; line-height: 22px !important; }
}


/* payment specials */
.img-payrexx { margin-top: 5px; max-height: 40px; }


/* SPECIAL category settings */
.category-421 #producttemplates { display: none; }
.category-422 .container-3buttons { display: none; }



































.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
    .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
    .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
    .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
    .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
    .modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
    .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
    .modal-footer .btn-group .btn + .btn { margin-left: -1px; }
    .modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) {
    .modal-dialog { width: 600px; margin: 30px auto; }
    .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }
    .modal-sm { width: 300px; }
}

@media (min-width: 992px) {
    .modal-lg { width: 900px; }
}


/* HEADER LINK XMARKETING */

.header-link-xmarketing .crown { display: none; }

@media (min-width: 1280px) {
    .header-link-xmarketing { background: #344f59; border-top-left-radius: 7px; border-top-right-radius: 7px; height: 48px; margin-bottom: -16px; position: relative; }
        .header-link-xmarketing span { color: #fff; }
        .header-link-xmarketing .crown { display: block; width: 23px; position: absolute; right: 3px; top: -18px; transition: all ease 0.5s; }
        .header-link-xmarketing:hover .crown { transform: rotate(20deg); }
}








/* ==== FLEXCOL =================================================================================================================================================================== */

.flexrow { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: stretch; }
.flexcol { display: flex; flex: 1; align-self: auto; }

@media(max-width:1025px) {
    .flexrow { display: block; }
}

.flexrow .bg-white { background: #f6f6f6; }
.flexrow .container-text { padding: 20px 50px; align-self: center; }
    .flexrow .container-text h2 { font-weight: bold; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; }
    .flexrow .container-text h5 { font-size: 12px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; color: #999; }
    .flexrow .container-text h6 { font-weight: normal; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; }
    .flexrow .container-text,
    .flexrow .container-text p { font-size: 14px; line-height: 28px; text-align: justify; }
        .flexrow .container-text p { margin: 20px 0; }

/* ======================================================================================================================================================================= */






/* mobile hidden */
.hidden { display: none !important; }

@media(max-width:768px) {

    .hidden-s { display: none !important; }
    .slider-fullwidth { display: none !important; }
    .category-page-body .page-header { display: none !important; }

    .master-wrapper-content { padding-top: 30px; }
    .quicklinkbox .title,
    .qucklinkbox h2.title,
    .gallery-item .bottom-button { font-size: 10px !important; }

    .row > [class*="col-sm-3"] { width: 50% !important; }
    .row > [class*="col-"] { flex-grow: 9999; }

    .search-tags .tag { font-size: 10px !important; }
}

@media(max-width:998px) {
    .hidden-m { display: none !important; }
}

.order-subtotal-discount { color: #cc2368; font-weight: bold; }

.cart-footer .totals { background: #f9f9f9; }
    .accordion-tab-title,
    .cart-footer .totals .total-header { background: #344f59; color: #fff; }
    .cart-footer .totals .total-header { margin-top: -40px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px; padding: 15px 65px; font-weight: bold; text-align: left; }


/* hide selected shipping */
.selected-shipping-method { display: none; }

/* completed */
.container-order-completed { margin: -40px -40px 40px -40px; padding: 40px; background: #efefef; }

div.slider-wrapper[class*="homepage_slider_ext_"] { display: none; }
