/**
 *
 * Pascuali Vanilla CSS Style
 * Autor: @armandoschmitt
 * Version: 1.0.6 Nov 2020
 * 
 *
 */

/*-------------------------------------------*\
   main.css
 
   Index
   - base-styles
   - page-header
   - page-body
   - footer
   - feedback-plugin
   - own elemnts
   - responsiv breakpoints
   
\*-------------------------------------------*/


/*=============================================
=            Section base-styles            =
=============================================*/
body{
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.09rem;
    line-height: 1.7rem;
    background-color: #fff;
    color: #6a6552;
    text-shadow: none;
    font-weight: 300;
}
::selection, 
::-moz-selection{
    color: #ffffff;
	background: #97a676;
}
body > #vue-app{
    background-color: #fff;
}
.alert-info {
    background-color: #e8f4dc;
    border-color: #bfc6b7;
    color: #97a676;
}

.v-s-boxes.images .v-s-box:not(.empty-option) {

    height: 100px;
    width: 100px;
}

.widget.widget-text.widget-none.bg-produkte{

background-color: #FAFAFA;

}

#mainNavbarCollapsable{
    font-weight: 600;
}

#mainNavbarCollapsable .level2 a{
color:#6a6552!important;
}
.product-name p span{
 font-size:1.8rem;
 margin-bottom:.5rem;
 font-family:inherit;
 font-weight:500;
 line-height:1.1;
 color:inherit;
}
.navbar-toggler{
font-size:1.75rem;	
}

.product-title h1{
 font-size:1.25rem;
 margin-bottom:.5rem;
 font-family:inherit;
 font-weight:500;
 line-height:1.1;
 color:inherit;
    
}

.table{
	color:#6a6552;
}

/*=============================================
=            Section page-header            =
=============================================*/
.top-bar{
    background-color:#5b5643;
}
.top-bar .controls-list > li{
    font-size: 0.9rem;
}
.top-bar .controls-list > li a:not(.btn){
    color: #e2dbc1;
}
#currencySelect,
#countrySettings,.cmp-search-box, .anicon > .anicon-search-item::after {
    background-color: #5b5643;
}
.navbar{
    background-color: #fff;
}

.megamenu li a {
    font-weight: 600;
}

.megamenu .level2 a {
    font-weight: 400;
}

.breadcrumbs{
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}
.breadcrumb{
    background-color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active{
    color: #6a6552;
}

.basket-preview-hover{
    color: #6a6552;
}
.mobile-navigation{
    background-color: #fff;
    color: #bfa980;
}
.mobile-navigation ul.breadcrumb {
    background: #5b5643;
}
.mobile-navigation ul.mainmenu li{
    border-bottom: #bfa980 1px solid;
}
#mainNavbarCollapsable ul.mainmenu li {
    float:none; 
}

.top-bar .cmp-search-box {
    background-color: #5b5643;
}
/*=============================================
=            Section page-body            =
=============================================*/
.page-content{
    background-color: #fff;
}

.widget-image-box > .widget-inner .widget-caption h2, .widget-image-box > .widget-inner .widget-caption .h2 {
    font-size: 1.15rem;
}

.list-controls .list-controls-inner{
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}
.list-sort .custom-select, .list-itemsperpage .custom-select{
    border: 1px solid #bfa980;
    background-position: calc(100% - 1.3rem) 1.3rem;
}
.custom-select{
    background-position: calc(100% - 1rem) 1.4rem;
}
.sidebar-categories{
    border: 1px solid #efefef;
}
.sidebar-categories .category-title{
    border-bottom: 1px solid #5b5643;
    border-top: 3px solid #5b5643;
    background-color: #fff;
    font-weight: 500;
}
.sidebar-categories ul li a{
    color: #bfa980;
}
.sidebar-categories ul li a:hover{
    color: #fff;
    background-color: #bfa980;
}
.sidebar-categories ul li.active > a{
    color: #fff;
    background-color: #bfa980;
}
.tag{
    font-size: 80%;
    line-height: 1.5;
    font-weight: normal;
}
.lightboxOverlay {
    background-color: #5b5643;
}
.page-content.basket,
.page-content.checkout,
.page-content.contact,
.page-content.myaccount{
    color: #6a6552;
}
.form-control:focus{
    border-color: #97a676;
}
.sidebar-categories > ul > li > ul > li a {border-bottom: 1px solid #efefef;}

.text-muted {
    color: #888888 !important;
}

.widget.widget-image-box > .widget-inner .widget-caption h2, .widget.widget-image-box > .widget-inner .widget-caption .h2{
    font-size: 1.35rem;
}

.widget.widget-image-box.widget-image-box-block-caption > .widget-inner .widget-caption{
    padding: 0.6rem 1rem;
}

.category-557 ul.nav-tabs {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  
}
/*=============================================
=       Paypal Express & Amazon Pay           =
=============================================*/
.basket-preview-footer #ppButton{
	padding: 1rem 0 1rem 1rem;
}
#ppButton{
    padding: 1rem 0 0 1rem;
    float:right; 
}
.amzPayButton{
    display: inline-block;
    float: right;
    margin: 1rem 0!important;
}
#add-item-to-basket-overlay .amzPayButton img {
    margin: auto 1rem;
}
#add-item-to-basket-overlay #amzPayButton_0, #add-item-to-basket-overlay #ppButton, #add-item-to-basket-overlay .modal-footer {
	display: inline-flex;
    justify-content: center;
    border-bottom: #eee solid 2px;
    padding-bottom: 15px;
    margin: 0;
}
#registration .amzLoginButton, .registration .amzLoginButton{
    margin: 1rem 0 0.5rem 0.5rem;
}
.login-container .amzLoginButton{
	margin: 0 0 0.5rem 0.5rem;
}
.amzLoginButton{
    float: right;
    margin: 0 0 0.5rem 0.5rem;
}

.category-register .amzLoginButton{
	margin: 1rem 0 0 0.5rem !important;
}


.amazonpay-button-inner-image{
    max-height: 34px !important;
}
#registry-form-container .amzPayButton{
    float: none;
    display:block;
    padding:0;
    border-bottom: #eee solid 2px;
    padding-bottom: 15px;
    margin:0 auto 2rem auto!important;
}

.page-checkout #ppButton{
padding: 0 0 1rem 0;
float: initial;
}

.page-checkout .amzPayButton, .page-checkout .amazonpay-button-inner-image{
    float: initial;
    margin: 0 0 1rem 0!important;
    max-height:initial!important;
    
}


/*== Check Out ==*/

.cmp-basket-item .item-name, .cmp-order-item .item-name{
    max-height: 6em;
}

/*=============================================
=            Section footer            =
=============================================*/
.footer{
    background-color: #fff;
}
.footer a{
   color: #4d4f4d;
}
.widget-link-list .widget-inner a{
    color: #bfa980;
}
.widget-link-list .widget-inner a:hover{
    color: #a18551;
}
.static-link-list a{
    color: #bfa980;
}
.static-link-list a:hover{
    color: #a18551;
}

/*=============================================
=            Section own elements            =
=============================================*/
.text-xs-center {
    text-align: center !important;
}
.social_icons{
	margin: 20px 0 0 0;
}
.social_icons .headline-social{
    font-weight: 700;
}
.social_icons ul{
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
    display: table;
}
.social_icons ul li {
    float: left;
	font-size: 40px;
	list-style-type: none;
	padding: 5px;
}
.social_icons .icon-ravelry{
    font-weight: 500;
    font-family: sans-serif;
    background-color: #4d4f4d;
    border-radius: 5px;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 34px;
    font-size: 28px;
    color: #fff;
}
.social_icons ul:after{
   content: '';
   display: block;
   clear: both; 
}

.icon-ravelry{
    margin-top:3px;
}

.payment-icons, .language-flag-icons, .shipping-icons{background-image: url(https://cdn03.plentymarkets.com/ihhl9yoanxqz/frontend/images/Logo/sprites3-2.png); margin-right: 10px;margin-bottom: 10px;}
.language-flag-icons{height:20px;width:30px;display:inline-block;margin-right:9px;}
.payment-icons, .shipping-icons{-moz-background-size: inherit;-o-background-size: inherit;background-size: inherit; height: 45px; width: 82px; display: block;}
.language-flag-ru{background-position:-268px -448px}
.language-flag-pt{background-position:-268px -428px}
.language-flag-es{background-position:-268px -468px}
.language-flag-it{background-position:-268px -488px}
.language-flag-lu{background-position:-298px -428px}
.language-flag-nl{background-position:-298px -448px}
.language-flag-hu{background-position:-298px -468px}
.language-flag-cz{background-position:-298px -488px}
.language-flag-pl{background-position:-328px -368px}
.language-flag-tr{background-position:-328px -388px}
.language-flag-no{background-position:-328px -408px}
.language-flag-se{background-position:-328px -428px}
.language-flag-fi{background-position:-328px -448px}
.language-flag-dk{background-position:-328px -468px}
.language-flag-gb{background-position:-328px -488px}
.language-flag-us{background-position:-358px -368px}
.language-flag-jp{background-position:-358px -388px}
.language-flag-cn{background-position:-358px -408px}
.language-flag-ch{background-position:-358px -428px}
.language-flag-at{background-position:-358px -448px}
.language-flag-de{background-position:-358px -468px}
.language-flag-fr{background-position:-358px -488px}


.paypal-icon{background-position:-82px -413px}
.visa-icon{background-position:0 -368px}
.mastercard-icon{background-position:0 -413px}
.concardis-icon{background-position:-162px -368px}
.maestro-icon{background-position:-163px -411px}
.am-express-icon{background-position:-82px -368px}
.sofort-icon{background-position:-159px -455px}
.k-rechung-icon{background-position:-244px -368px}
.dhl-icon{background-position:0 -458px}
.dpd-icon{background-position:-82px -458px}
/*=============================================
=            Section feedback-plugin            =
=============================================*/

.feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar .feedback-bar-fill {
    background: #97a676!important;
}
.feedback-stars-average{
    display: block;
}

/*=============================================
=            Section Display Partners           =
=============================================*/

.product .item_wr {
    background-color: #f6f6f6;
    padding-top: 25px;
}

.product .description {
    min-height: 94px;
    padding: 0 5px;
}

.action-control {
    border: 0;
    display: block;
    height: auto;
    padding: 7px 0 15px;
    width: 100%;
}

.action-control a {
    cursor: pointer;
}

.partners .item .action-control .btn-image,
.partner-info .action-control .btn-image {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    vertical-align: top;
}

.partners .item .action-control .btn-image:last-child,
.partner-info .action-control .btn-image:last-child {
    margin-right: 0;
}

.partners .item .action-control .btn-image:hover,
.partner-info .action-control .btn-image:hover {
    opacity: 0.6;
}

.product-partners{
    border: 1px solid #f6f6f6;
    display: block;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-bottom:1rem;

}

.image-partners{
    height: 215px;
    max-height: 261px;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    box-sizing: border-box;

}

.image-a-partners{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    height: initial;
    width: 100%;
    display: block;
    overflow: hidden;
    color: #bfa980;
    text-decoration: none;
    background: transparent;
    transition: all 0.2s ease-in-out;
    text-align: center;
}

.new-product-partners{
    color: #FFFFFF;
    display: block;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    /* font-weight: lighter; */
    height: 100%;
    padding: 3px 10px;
    background-color: rgba(151, 166, 118, 0.7);
    box-sizing: border-box;
}

.promotion-partners{
    max-width: 110px;
    line-height: 18px;
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 0;
    width: auto;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;

}

.btn-image i {
    font-size: 30px;
    line-height: 30px;
}
.btn-image.tel {
    padding-top: 1px;
}
.btn-image.fb {
    padding-right: 2px;
}
.btn-image.fb i {
    color: #4267b2;
}
.btn-image.tel i {
    color: #000;
}
.btn-image.map i {
    color: #fba418;
}
.btn-image.info i {
    color: #6A6552;
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-partners .image-partners {
        height: 205px;
    }
}

.partners-partners .product-partners .image-partners {
    height: 205px;
    min-height: initial;
}
/*=============================================
=            Section Blog            =
=============================================*/
.blog-sidebar .blog-recent-posts .blog-recent-post:hover .blog-recent-post-title{
 color:#a18551;
}

.blog-post .blog-post-header .blog-category-name, .blog-post .blog-post-header .blog-details .blog-detail {
    color: #a18551;
}

.blog-post .blog-post-header .blog-details .blog-detail.blog-detail-author .blog-detail-author-name, .blog-wrapper a:not(.blog-recent-post):not(.blog-action-readmore):not(.btn):hover{
    color:#a18551;
}

.blog-load-more .blog-btn-load-more:hover {

    background: #a18551;
}

.blog-post .blog-actions .blog-action-readmore:hover {
    border-bottom-color: #a18551;
}

.blog-header .blog-breadcrumbs > nav ul.breadcrumb li.breadcrumb-item span, .blog-header .blog-breadcrumbs > nav ul.breadcrumb li.breadcrumb-item::before {
    color: #a18551;
}

.breadcrumb-item + .breadcrumb-item::before, .blog-sidebar .blog-recent-posts .blog-recent-post .blog-recent-post-date{
    color: #b2b1a7;
}

.blog-post img {
    max-width: 100%;
    height: auto;
 }
 
 .top-bar .controls-list.blog-entrypoint{
 	margin-left:0;
 	padding:5px 5px 5px 15px;
 	margin-bottom:0!important;
 }
 
/*=============================================
=            Section Cookie Bar            =
=============================================*/
.cookie-bar__wrapper, .cookie-bar__btn {
    background-color: #97a676!important;
}
.cookie-bar__btn:hover {
    color: #97a676!important
}
/*=============================================
=            Section responsive            =
=============================================*/

/**
 *
 * min width
 *
 */
/* // Extra small devices (portrait phones, less than 576px)*/
/* // No media query since this is the default in Bootstrap*/

/* // Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* // Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
   
}


/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* // Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/**
 *
 * max width
 *
 */
/* // Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* // Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	h1,.h1{
	font-size: 16px;
    line-height: 1.5em;
	}
	
	.h4 p span{
	font-size:12px;
	}
	
	.v-s-boxes.images .v-s-box:not(.empty-option) {
	height: 60px;
    width: 60px;
	}
        .footer nav h2, .footer nav ul li{
        text-align: center;
        margin: 0.6rem auto;
      }
      .footer nav ul li a{
        border: 1px solid #bfa980;
         display: block;
         padding: 0.6rem;
      }
    .footer .static-link-list{
        margin-top:4rem;
    }
    .footer .static-link-list a{
        margin: 0.6rem 1rem;
        display: block;
        border: 1px solid #bfa980;
        padding: 0.6rem;
        padding: 0.6rem;
    }
    .footer .static-link-list a:active, .footer nav ul li a:active{
        border: 2px solid #bfa980;
        font-weight: 700;
    }
    .widget-image-box > .widget-inner .widget-caption h2, .widget-image-box > .widget-inner .widget-caption .h2 {
        font-size: 1.15rem;
    }

    /* Ceres 3*/

    .footer .widget-link-list p.h4, .footer .widget-link-list ul li{
        text-align: center;
        margin: 0.6rem auto;
      }
      .footer .widget-link-list ul li a{
        border: 1px solid #bfa980;
         display: block;
         padding: 0.6rem;
      }
    .footer .widget-link-list{
        margin-top:4rem;
    }
    .footer .widget-link-list a{
        margin: 0.6rem 1rem;
        display: block;
        border: 1px solid #bfa980;
        padding: 0.6rem;
        padding: 0.6rem;
    }
    .footer .widget-link-list a:active, .footer nav ul li a:active{
        border: 2px solid #bfa980;
        font-weight: 700;
    }
    .widget-image-box > .widget-inner .widget-caption h2, .widget-image-box > .widget-inner .widget-caption .h2 {
        font-size: 1.15rem;
    }
}

/* // Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/* // Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/* // Extra large devices (large desktops)*/
/* // No media query since the extra-large breakpoint has no upper bound on its width

/**
 *
 * min and max width
 *
 */
/* // Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* // Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* // Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* // Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* // Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}




/* Stepper Checkout */

.stepper.horizontal
{
    display: table;
    width: 100%;
}

.stepper.horizontal .step
{
    display: table-cell;
    position: relative;
    padding: 24px;
    color: #333;
}

.stepper.horizontal .step:hover,
.stepper.horizontal .step:active
{
    background-color: rgba(0, 0, 0, 0.04);
}

.stepper.horizontal .step:hover .step-circle
{
    background-color: #757575;
}

.stepper.horizontal .step .step-circle
{
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-color: #999999;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
}

.stepper.horizontal .step .step-title
{
    display: block;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.stepper.horizontal .step:before,
.stepper.horizontal .step:after
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    height: 1px;
    border-top: 1px solid #ddd;
}

.stepper.horizontal .step:after
{
    left: 50%;
    margin-left: 32px;
}

.stepper.horizontal .step:before
{
    right: 50%;
    margin-right: 32px;
}

.stepper.horizontal .step:first-child:before,
.stepper.horizontal .step:last-child:after
{
    display: none;
}

@media only screen and (max-width: 688px) {
   
.stepper.horizontal
{
    display: initial;
}

.stepper.horizontal .step
{
    display: table-cell;
    position: relative;
    padding: 0.5rem;
    color: #333;
}

.stepper.horizontal .step:hover,
.stepper.horizontal .step:active
{
    background-color: rgba(0, 0, 0, 0.04);
}

.stepper.horizontal .step:hover .step-circle
{
    background-color: #757575;
}

.stepper.horizontal .step .step-circle
{
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-color: #999999;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
}

.stepper.horizontal .step .step-title
{
    display: block;
    font-size: 0.65rem;
    text-align: center;
}

.stepper.horizontal .step:before,
.stepper.horizontal .step:after
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 1.5rem;
    height: 1px;
    border-top: 1px solid #ddd;
}

.stepper.horizontal .step:after
{
    left: 50%;
    margin-left: 1.5rem;
}

.stepper.horizontal .step:before
{
    right: 50%;
    margin-right: 1.5rem;
}

.stepper.horizontal .step:first-child:before,
.stepper.horizontal .step:last-child:after
{
    display: none;
}
}


/* Stepper Checkout END */