/*
    VORAUSSETZUNGEN:
    - Titelbalken Hintergrundfarbe: #FDFCF1
    - Titelbalken Schriftfarbe: #000000
    - H1 Schriftgrösse: 200%
    - H2 Schriftgrösse: 120%
    - Header Icon Farbe: #ffffff
    - Rahmenfarbe: #bb6b24
    - Primärfarbe: #bb6b24
    - Primärfarbe Hover: #bb6b24
    - Sekundärfarbe: #bb6b24
    - Sekundärfarbe Hover: #bb6b24
    - Schriftfarbe: #727a7e
    - Titelbalken: #000000
*/
:root {
    --default-font-stack: Helvetica, Arial, Geneva, sans-serif;
}

body {
    background-color: #FDFCF1;
}

/* Start - container hack */
@media (min-width: 1700px) {
    .container {
        max-width: 1620px;
    }

    .layout-2cols-left > .row > *:last-child > .msw-block-area .row .col-lg-custom, /* act as .col-lg-3 */
    .layout-2cols-right > .row > *:first-child > .msw-block-area .row .col-lg-custom { /* act as .col-lg-3 */
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
/* End - container hack */

/* Start - header */
header > .header-top {
    aspect-ratio: 2572 / 300;
    background-image: url(header.jpg);
    width: 100%;
}

header > .header-top .header-logo img {
    max-height:80px;
    max-width:none;
}

header > .header-btm {
    background-color: #FDFCF1;
}

header ul.navbar-nav > li.nav-item.dropdown > .dropdown-toggler > i {
    display: none !important;
}

header ul.navbar-nav > li.nav-item.dropdown > .sub-menu.sub-menu.sub-menu {
    display: none !important;
}

header ul.navbar-nav > li.nav-item a {
    position: relative;
}

header ul.navbar-nav > li.nav-item a::after {
    height: 3px;
    position: absolute;
    left: 0px;
    content: '';
    display: block;
    top: calc(100% - 15px);
    right: 0px;
}

header ul.navbar-nav > li.nav-item:hover a::after,
header ul.navbar-nav > li.nav-item.active a::after {
    background-color: var(--border-color);
}

.header-3 .header-btm .navbar .navbar-collapse > ul > li > a {
    color: #646a6c !important;
    text-transform: uppercase;
}

header.theme-3.header-3 .header-form {
    background-color: rgba(253, 252, 241, .4);
    padding:15px;
}

header.theme-3.header-3 .header-form input {
    background-color: rgba(253, 252, 241, .5);
}
header.theme-3.header-3 .header-form button {
    top:15px;
    bottom:15px;
    right:15px;
}

header.theme-3.header-3 .header-form .suggestionEntries {
    top:100%;
}
/* End - header */

/* Start - breadcrumbs */
.breadcrumbs-section .page_title {
    text-align:left !important;
}

.breadcrumbs-section .page_title h1 {
    font-family: 'Cormorant Upright', serif;
    font-weight: normal;
    margin-bottom: 0px !important;
    text-transform: none;
}

.breadcrumbs-section ol.breadcrumb {
    display: none !important;
}
/* End - breadcrumbs */

/* Start - general widget styles */
.msw-page-area * {
    border-radius:0px !important;
    text-transform:none !important;
}

.msw-block-area .title h2 {
    font-weight: normal;
    padding-bottom: 0px;
    text-transform: none;
    margin-bottom: 10px;
}

.msw-block-area .title:before {
    display:none;
}
/* End - general widget styles */

/* Start - product gallery */
.productslider .common-cart-box > a.cart-name,
.producergallery .common-cart-box > a.cart-name,
.categorygallery .common-cart-box > a.cart-name,
.productgallery .common-cart-box > a.cart-name {
    color: #000000;
    display: block;
    font-weight: bold;
    font-family: 'Cormorant Upright', serif;
    font-size: 22px;
}

.productslider .common-cart-box > a,
.producergallery .common-cart-box > a,
.categorygallery .common-cart-box > a,
.productgallery .common-cart-box > a {
    margin-bottom: 15px;
}

.productslider .common-cart-box > .product-info .product-list-artnr,
.producergallery .common-cart-box > .product-info .product-list-artnr,
.categorygallery .common-cart-box > .product-info .product-list-artnr,
.productgallery .common-cart-box > .product-info .product-list-artnr,
.productslider .common-cart-box > .product-info .price-block .price-currency-price-unit,
.producergallery .common-cart-box > .product-info .price-block .price-currency-price-unit,
.categorygallery .common-cart-box > .product-info .price-block .price-currency-price-unit,
.productgallery .common-cart-box > .product-info .price-block .price-currency-price-unit {
    font-size: 14px;
}

.productslider .common-cart-box > .product-info .price-block .price-value > *,
.producergallery .common-cart-box > .product-info .price-block .price-value > *,
.categorygallery .common-cart-box > .product-info .price-block .price-value > *,
.productgallery .common-cart-box > .product-info .price-block .price-value > * {
    font-size: 120%;
}

.productslider .common-cart-box > .product-info .price-block .price-value > .price-discounted,
.producergallery .common-cart-box > .product-info .price-block .price-value > .price-discounted,
.categorygallery .common-cart-box > .product-info .price-block .price-value > .price-discounted,
.productgallery .common-cart-box > .product-info .price-block .price-value > .price-discounted {
    color:var(--secondary);
}

.productslider .common-cart-box > .product-info .price-block .price-value > .official-price,
.producergallery .common-cart-box > .product-info .price-block .price-value > .official-price,
.categorygallery .common-cart-box > .product-info .price-block .price-value > .official-price,
.productgallery .common-cart-box > .product-info .price-block .price-value > .official-price {
    text-decoration: line-through;
}

.productslider .common-cart-box > .product-info form [type="submit"],
.producergallery .common-cart-box > .product-info form [type="submit"],
.categorygallery .common-cart-box > .product-info form [type="submit"],
.productgallery .common-cart-box > .product-info form [type="submit"] {
    width:100%;
}

.product-references.ref-weitere-farben .productgallery .common-cart-img > img {
    object-fit: cover;
}
/* End - product gallery */

/* Start - characteristics filter */
.chars-block .side-box-title.chars-title h6 {
    text-transform: none;
    font-weight: normal;
}
/* End - characteristics filter */

/* Start - product details */
.products-detail-section .quickview-product-detail > .custom-characteristics {
    margin-bottom:35px;
}

.products-detail-section .quickview-product-detail > .price-block .price-currency-price-unit {
    font-size: 14px;
}

.products-detail-section .quickview-product-detail > .price-block .price-value > * {
    font-size: 120%;
}

.products-detail-section .quickview-product-detail > .price-block .price-value > .price-discounted {
    color: var(--secondary);
}

.products-detail-section .quickview-product-detail > .price-block .price-value > .official-price {
    text-decoration: line-through;
}

.products-detail-section ~ .product-references > .productgallery .product-box a {
    cursor:default;
    pointer-events:none;
}
/* End - product details */

/* Start - portfolio */
.msw-portfolio.type-image-overlay .mgrid-item .boxbody {
    position:relative;
}

.msw-portfolio.type-image-overlay .mgrid-item .boxbody .mportfolio-image > img {
    display: block;
    width:100%;
}

.msw-portfolio.type-image-overlay .mgrid-item .boxbody .textbody {
    border: 1px solid var(--border-color);
    background-color: #FDFCF1;
    padding: 15px;
    margin: -60px 30px 0px 30px;
    position: relative;
    text-align: center;
    z-index: 1;
}

@media (min-width: 992px) {
    .msw-portfolio.type-image-overlay .mgrid-item .boxbody .textbody {
        margin: -60px 90px 0px 90px;
    }
}

.msw-portfolio.type-image-overlay .mgrid-item .boxbody .textbody:before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    border: 15px solid rgba(253, 252, 241, .7);
    box-sizing: content-box;
    background-color: transparent;
    content: "";
    display: block;
    bottom: -16px;
    left: -16px;
    padding: 1px;
    pointer-events: none;
}

.msw-portfolio.type-image-overlay .mgrid-item .boxbody .textbody .mportfolio-title {
    color:#000;
    font-family: 'Cormorant Upright', serif;
    font-size: 45px;
    hyphens:auto;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 30px;
    text-transform:uppercase !important;
}

.msw-portfolio.type-image-overlay .mgrid-item .boxbody .textbody .mportfolio-title::after {
    position: absolute;
    display: block;
    content: "";
    width: 30%;
    height: 3px;
    background-color: var(--border-color);
    bottom: 0px;
    left: 50%;
    margin-left: -15%;
}

.msw-portfolio.type-image-box .mgrid-item h5 {
    font-size:22px;
    font-family: 'Cormorant Upright', serif;
}
/* End - portfolio */

/* Start - custom html widget on mainpage */
.msw-custom-image-text-wrapper {
    position:relative;
}

.msw-custom-image-text-wrapper > .msw-custom-promotion {
    transition:background-color ease 300ms;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;
    background: #ffa500;
    display: flex;
    width: 15vw;
    height: 15vw;
    max-width: 300px;
    max-height: 300px;
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translateX(25%);
    z-index: 999;
}

@media (max-width: 991px) {
    .msw-custom-image-text-wrapper > .msw-custom-promotion {
        position: static;
        aspect-ratio: auto;
        max-width: none;
        max-height: none;
        width: 100%;
        border-radius: 0px !important;
        transform: none;
        margin-top: 35px;
    }
}

.msw-custom-image-text-wrapper > .msw-custom-promotion:hover {
    background-color:#bb6b24;
}

.msw-custom-image-text-wrapper > .msw-custom-promotion > a {
    transform: rotate(20deg);
    transform-origin: center center;
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    width: 100%;
    height: 100%;
    color: #FFFFFF !important;
    font-size: 30px !important;
    line-height: 35px !important;
    padding:2vw;
}

@media (max-width: 991px) {
    .msw-custom-image-text-wrapper > .msw-custom-promotion > a {
        transform: none;
    }
}

.msw-custom-image-text-wrapper > .msw-custom-image-text {
    text-align: center;
    position: relative;
}

[data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > img {
    display: block;
    margin-left: 30px;
    width: calc(100% - 30px);
}

@media (max-width: 991px) {
    [data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > img {
        margin-left:0px;
        width:100%;
    }
}

[data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > .text {
    background-color: #FDFCF1;
    border: 1px solid var(--border-color);
    position: absolute;
    bottom: 45px;
    left: 0px;
    width: 40%;
    padding: 30px;
}

@media (max-width: 1200px) {
    [data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > .text {
        position: static;
        width: 100%;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    [data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > .text {
        width:60%;
    }
}

[data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > .text:after {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    border: 15px solid rgba(253, 252, 241, .7);
    box-sizing: content-box;
    background-color: transparent;
    content: "";
    display: block;
    bottom: -16px;
    left: -16px;
    padding: 1px;
    pointer-events: none;
}

@media (max-width: 991px) {
    [data-mse-containerid="main"] .msw-custom-image-text-wrapper > .msw-custom-image-text > .text:after {
        display:none;
    }
}

[data-mse-containerid="right"] .msw-custom-image-text-wrapper > .msw-custom-image-text > img {
    display: block;
    margin-bottom: 30px;
}

.msw-custom-image-text-wrapper > .msw-custom-image-text > .text .inner h1 {
    font-weight: 100;
    font-family: Helvetica;
    font-size: 32px;
    color: #4e5c64;
}

.msw-custom-image-text-wrapper > .msw-custom-image-text > .text .inner h2 {
    color: #000;
    font-family: 'Cormorant Upright', serif;
    text-transform: uppercase !important;
    font-size: 45px;
    font-weight: normal;
    line-height: 50px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}

.msw-custom-image-text-wrapper > .msw-custom-image-text > .text .inner h2:after {
    position: absolute;
    display: block;
    content: "";
    width: 30%;
    height: 3px;
    background-color: var(--border-color);
    bottom: 0px;
    left: 50%;
    margin-left: -15%;
}

.msw-custom-image-text-wrapper > .msw-custom-image-text > .text .inner .teaser {
    margin-bottom:15px;
}

.msw-custom-image-text-wrapper > .msw-custom-image-text > .text .inner input[type="button"] {
    transition: background-color ease 300ms;
    color: #fff;
    background-color: #2c1608;
    font-size: 14px;
    text-transform: uppercase !important;
    padding: 5px 15px;
}

.msw-custom-image-text-wrapper > .msw-custom-image-text > .text .inner input[type="button"]:hover {
    background-color: rgba(44, 22, 8, .8);
    color: #fdfcf1;
}
/* End - custom html widget on mainpage */

/* Start - mobile menu */
@media (max-width: 991px) {
    .header-btm .navbar .navbar-collapse {
        background-color: #FDFCF1 !important;
    }

    .header-btm.background-primary .navbar .navbar-collapse > ul > li > a:hover, .header-btm.background-primary .navbar .navbar-collapse > ul > li.active > a {
        background-color: transparent;
        color: var(--secondary) !important;
    }

    header ul.navbar-nav > li.nav-item:hover a::after, header ul.navbar-nav > li.nav-item.active a::after {
        display: none;
    }
}
/* End - mobile menu */