/* Add here all your CSS customizations */

body,
input,
textarea,
select,
button,
.btn,
.nav,
.dropdown-menu,
.form-control,
.page-link,
.breadcrumb,
.table,
.cart-info,
.header-nav-top,
.header-nav-main,
.feature-box p,
.lead,
p,
li,
span,
a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.font-weight-semibold,
.font-weight-bold,
.font-body,
.font-primary,
strong,
b {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

i,
em,
blockquote p,
.font-secondary,
.alternative-font,
.feature-box.fbox-center.fbox-italic p,
.top-ticker__item--italic {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    text-transform:uppercase;
}

ul.nav a div {
    text-transform: uppercase;
    font-size:14px;
}

td.quantityColumn input {
    width:50px !important;
}

h3 {
    font-size: 1.8em;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 33px;
    text-transform: uppercase;
}

#header .header-nav-features .header-nav-features-cart .cart-info .cart-qty {
    position: absolute;
    top: -12px;
    right: -10px;
    width: 15px;
    height: 15px;
    display: block;
    font-size: 9px;
    font-weight: 600;
    color: #fff;
    background-color: #cec19c;
    text-align: center;
    line-height: 15px;
    border-radius: 20px;
    -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.table td, .table th {
    padding: .55rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}


form .field-validation-error {
    font-size: 13px;
}
form .input-validation-error {
    background: #ffdfdf;
}

.team .thumb-info .thumb-info-caption .custom-thumb-info-title i {
    position: absolute;
    top: 27%;
    right: 20px;
    font-size: 1.9em !important;
    color: #646466;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

img {
    max-width: 100%;
}

.btn-warning {
    background-color: #cec19c;
    border-color: #aaa;
    color: #FFF;
}

    .btn-warning:hover, .btn-warning.hover {
        background-color: #dbcda6;
        border-color: #ccc;
        color: #FFF;
    }

.badge-warning {
    background-color: #cec19c;
    color: #FFF;
}

.btn-info {
    background-color: #cec19c;
    border-color: #aaa;
    color: #FFF;
}

    .btn-info:hover, .btn-info.hover {
        background-color: #dbcda6;
        border-color: #ccc;
        color: #FFF;
    }

.btn-success {
    background-color: #aaa;
    border-color: #aaa;
    color: #FFF;
}

    .btn-success:hover, .btn-success.hover {
        background-color: #ccc;
        border-color: #ccc;
        color: #FFF;
    }

.toast-close {
    opacity: .8 !important;
    padding: 0 0 0 15px !important;
}

.product-thumb-info{
	background: none !important;
}

@media (max-width: 1199px) {
    #header .header-btn-collapse-nav {
        display: inline-flex !important;
    }

    #header .header-nav-main nav.collapse {
        display: none !important;
    }

        #header .header-nav-main nav.collapse.show {
            display: block !important;
        }
}

@media (min-width: 1200px) {
    #header .header-btn-collapse-nav {
        display: none !important;
    }

    #header .header-nav-main nav.collapse {
        display: block !important;
    }

    #header .header-nav-main nav > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
}


/* Navigations Fix für Mobile Breite ab 1199 */
@media (max-width: 1199px) {
    #header .header-nav {
        position: static;
    }

    #header .header-nav-main {
        position: absolute !important;
        top: 100%;
        left: 50%;
        width: 100vw;
        max-width: 100vw;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

        #header .header-nav-main nav,
        #header .header-nav-main nav.collapse.show,
        #header .header-nav-main nav > ul {
            width: 100%;
            padding:0 30px;
        }
}