/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

 
	
 @font-face{
    font-family:naluka_dingbats;
    font-weight:500;
    src:url(./font/naluka_dingbats-webfont.woff) format("woff")
    }
    @font-face{
        font-family:naluka_dingbats;
        font-weight:500;
        src:url(./font/naluka-webfont.woff2) format("woff2")
        }


 @font-face{
    font-family:naluka;
    font-weight:500;
    src:url(./font/naluka-webfont.woff2) format("woff2")
    }
    @font-face{
        font-family:naluka;
        font-weight:500;
        src:url(./font/naluka-webfont.woff) format("woff")
        }

 @font-face{
    font-family:KapraNeuePro;
    font-stretch:normal;
    font-weight:300;
    src:url(./font/KapraNeueProLight.woff2) format("woff2")
    }
    
    @font-face{
    font-family:KapraNeuePro;
    font-stretch:condensed;
    font-weight:400;
    src:url(./font/KapraNeueProRegularCondensed.woff2) format("woff2")
    }
    
   
    
    @font-face{
    font-family:KapraNeuePro;
    font-stretch:condensed;
    font-weight:500;src:url(./font/KapraNeueProMediumCondensedRounded.woff2) format("woff2")
    }
    
  
    
    @font-face{
    font-family:KapraNeuePro;
    font-stretch:normal;
    font-weight:600;
    src:url(./font/KapraNeueProSemiBoldRounded.woff2) format("woff2")
    }

    @font-face {
        font-family: MAKALOCLEAN;
        font-stretch: normal;
        font-weight: 400;
        src: url(./font/MAKALOCLEAN-Regular.ttf) format("truetype");
    }
    
    @font-face {
        font-family: MAKALOCLEAN;
        font-stretch: normal;
        font-weight: 400;
        src: url(./font/MAKALOCLEAN-Regular.otf) format("opentype");
    }
	 @font-face{
    font-family:Hightower;
    font-weight:normal;
    src: url(./font/HTOWERT.ttf) format("truetype");
    }
	

  
    
    @media (min-width: 1300px) {
        .container {
            max-width: 1600px;
        }
    }

    @media (min-width: 1920px) and (max-width: 2400px) {
        .container {
            max-width: 1500px;
        }
    }
    
    @media (min-width: 2400px) and (max-width: 2800px) {
        .container {
           /* max-width: 2380px;*/
        }
    }
body{
    font-family: Hightower, 'Times New Roman', serif;
}
    a#shopBtn {
        display: none !important;
    }
   
 .banner-section {
    height: calc(100vh - 90px);
}
div#header-top-bar {
    display: none !important;
}
#main-wrapper {
    background: var(--red);
    margin-top: -210px;
}
#header-top-bar, header {
    background-color: transparent !important;
    color: #525252;
    box-shadow: unset !important;
}
li#search {
    display: none !important;
}
ul#shop-nav {
    background: rgb(239 233 221);
    border: 2px solid #581113;
}
nav.navbar {
    height: auto !important;
    width:100% !important;
}
.sticky-top .container.container {
    display: flex;
    align-items: center;
}
ul#shop-nav {
    display: block;
}
.shopLoginBtn {
    display: flex;
    align-items: center;
}
a#shopBtn {
    width: 65px;
    text-align: center;
    height: 45px;
    border: 2px solid #581113;
    border-left: 0;
    border-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bannerList {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.bannerList ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 50px;
}
.bannerList ul li a {
    color: rgba(88, 17, 19, 1);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 70px;
     
}


@keyframes revealAnimation {
    0% {
        clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
    }
    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

.element {
    animation: revealAnimation 0.25s ease forwards;
}

li.header-animation {
    border-left: 8px solid #581113;
    display: none;
}
li.nav-item.dropdown.account-icon-dropdown {

    text-align: center;
}
li.nav-item.dropdown.account-icon-dropdown {
    width: 100%;
    text-align: center;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #581113;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    transition: all .5s;;
}
li.cart-icon-dropdown.nav-item.dropdown {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;;
}
    header #mainNavigation {
        background: rgb(239 233 221);
        border: 2px solid #581113;
        height: 94px;
        transition: all .5s;;
        max-width: 1125px;
        margin: 0 auto;
    }
    .nav-scrollbar .nav, .nav-scrollbar .navbar-nav {
        align-items: center;
    }
    .sticky-top {
        margin-top: 0px;
        transition: top .5s ease;
        
    }
    header .navbar-brand img {
        height: 120px !important;
        transition: all .5s;;
    }

    a#shopBtn,li.nav-item.dropdown.account-icon-dropdown * {
        font-size: 1.355rem;
        font-weight: 600;
        
        color: #581113;
    }
    .cart-icon-dropdown .cart-icon-dropdown-price {
    
	
        font-weight: 500;
        
        color: #581113;
    }
    #shop-nav .nav-link i {
        color: #581113;
        font-size: 22px;
    }
    .sticky-top.header-out {
        top: 0px;
        position: fixed;
        width: 100%;
    }
    .navbar-brand img {transition: height .5s ease;}
    


    header .navbar-brand {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }
    




.card.image-with-text h1 {
     
    margin-bottom: 40px;
    letter-spacing: 3px;
}
.card.content-box-pannel.content-box-pannel2 h1{
  
    text-transform: uppercase;
    max-width: 458px;
   
    font-weight: 400;
   
}
.card.image-with-text p {
     
    margin-bottom: 0px;
}
.card.image-with-text .row {
    align-items: center !important;
}
.card.content-box-pannel.content-box-pannel2 .card-body p {
    letter-spacing: 1px;
    line-height: 30px;
     
    color: rgba(238, 232, 221, 1);
    /* font-weight: 400; */
    max-width: 100%;
}
.content-box-pannel55 p {
    letter-spacing: 1px;
    line-height: 30px;
     
    color: rgba(238, 232, 221, 1);
    /* font-weight: 400; */
    max-width: 100%;
}

h1.titleHeading25 {
    font-family: MAKALOCLEAN;
}

.accordianType a b {
    font-size: 40px;
    font-weight: 500;
}




.accordianType a span {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 30px;
    letter-spacing: 3px;
     
}
.accordianType a span svg {
    fill: rgb(240 235 222);
    width: 30px;
    height: 30px;
    transition: all .25s ease-in;
}
.accordianType a {
    display: block;
    color: rgb(240 235 222);
    text-decoration: none;
    border-bottom: 3px solid rgb(72 15 18);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    height: 140px;
    padding: 0px 25px;
    background-image: linear-gradient(to left, transparent, transparent 50%, rgb(240 235 222) 50%, rgb(240 235 222)) !important;
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}

.accordianType a:hover {
    background-position: 0 0;
    color: rgb(87 17 19) !important;
   
}
.accordianType a:hover svg {
    fill: rgb(87 17 19);
    width: 20px;
    height: 20px;
}
.accordianType {
    border-top: 3px solid rgb(72 15 18) ;
}
h1.subHeading {
    margin-bottom: 15px !important;
     
}
.opc-Button.mybtn button {
    background: #571113 !important;
    border: 3px solid rgba(26, 26, 26, 1) !important;
    color: rgb(240 235 222);
    margin-top: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 15px 30px;
}
.opc-Button.mybtn button:hover {
    background: rgb(240 235 222) !important;
    border: 3px solid rgba(26, 26, 26, 1) !important;
    color: #571113;
 
}
.col.product-gallery.col-lg-6.col-12 {
    padding-left: 0 !important;
}

.card.collection-pannel:before {
    content: 'HACKENBERGS BESTE';
    position: absolute;
    width: 15%;
    transform: rotate(-180deg);
    justify-content: center;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    writing-mode: vertical-rl;
    color: #571113;
    font-size: 40px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
   
    background: rgb(240 235 222);
    border-left: 3px solid #571113;
}
span.item-slider-desc.text-clamp-2 {
    text-align: left;
}

.card.collection-pannel .card-body {
    width: 85%;
    align-self: end;
    padding: 0 !important;
}
.product-wrapper{position:relative;

}


.product-wrapper:nth-child(odd):hover {
    background-position: 0% 100%;    /* Move the gradient to the top on hover */
    color: rgb(87, 17, 19) !important; /* Change text color on hover */
}
.product-wrapper:nth-child(even) {
   /* background-image: linear-gradient(to bottom, transparent 50%, rgb(88 75 59) 50%, rgb(88 75 59)); /* Gradient from bottom to top */
    background-position: 0% 0%;  /* Start the gradient at the bottom */
    background-size: 100% 200%;   /* Make the gradient twice the height of the element */
    transition: all 0.25s ease-in; /* Smooth transition */
}

.product-wrapper:nth-child(even):hover {
    background-position: 0% 100%;    /* Move the gradient to the top on hover */
    color: rgb(87, 17, 19) !important; /* Change text color on hover */
}
.card.collection-pannel {

    border: 3px solid rgb(87 17 19);
}

.card.collection-pannel a{text-decoration: none !important;}
.card.collection-pannel .slick-arrow {
    transform: unset !important;
    left: 47px !important;
    top: 10px !important;
    bottom: unset !important;
    background: url(https://kakaomuehle.de/media/image/storage/opc/component%206.png);
    width: 50px !important;
    height: 50px !important;
    border-radius: 60px !important;
    z-index: 9999 !important;
    line-height: 0 !important;
    color: rgb(240 235 222) !important;
    opacity: 1 !important;
    background-size: 80px;
    padding: 0;
 background-position: center;
}
.card.collection-pannel button.slick-next.slick-arrow {
    left: 8% !important;
    transform: rotateY(180deg) !important;
   
}
.card.collection-pannel button.slick-prev.slick-arrow {
    left: 4% !important;
}
.card.collection-pannel .slick-arrow::after {
    font-size: 0;
}
.opc-product-slider.collection-secction .row.carousel {
    position: static !important;
}
span.price_label.price_on_application {
    color: rgb(240 235 222);
    font-size: 20px;
    font-family:  ;
    font-weight: 600;
     
}
#footer {
    background-color: rgb(239 233 221);
    color: #571113;
    padding-top: 109px;
    padding-bottom: 109px;
}
ul.bottomFooterLinks {
    padding-left: 33% !important;
}

ul.firstfooter-menu li {
    margin-bottom: 8px !important;
}
ul.firstfooter-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.firstfooter-menu li a {
    
    text-transform: uppercase;
}
ul.secondfooter-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 0px;
}
ul.secondfooter-menu li {
    margin-bottom: 10px !important;
}
ul.secondfooter-menu li a {
 
}
#footer .productlist-filter-headline {
    font-weight: 600;
    text-transform: uppercase;
  
    font-size: 21px;
    color: #571113 !important;
    letter-spacing: 0;
    display:none !important;
}
#footer .nav-link {
    padding: 0.2rem 0;
    font-weight: 600;
    text-transform: uppercase;
   
    font-size: 18px;
    color: #571113 !important;
    letter-spacing: 0;
}
.footnote-vat * {
    font-weight: 300;
    text-transform: uppercase;
    font-family:  ;
    font-size: 14px;
    color: #571113 !important;
    letter-spacing: 0px;
}
#copyright>div {
    text-align: center;
    background: #efe9dd;
}
.footnote-vat {
    display: none;
}

ul.bottomFooterLinks {
    margin: 0;
    padding: 0;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
    text-transform: capitalize;
}


#copyright {
    background-color: #efe9dd;
}
#copyright {
    margin-top: 3rem !important;
}
body[data-page="18"]  #content-wrapper {
    display: none;
}

body[data-page="18"]  main#main-wrapper {
    background: #f0ebde;
}
.footerPymentInner img {
    width: 40px;
    margin-right: 5px;
}

/* .footerPyment {
    float: right;
} */
img#footerLogo {
    max-width: 160px;
    width: 100%;
}
header#jtl-nav-wrapper .container.container {
    display: flex;
    align-items: center;
}
.nav-scrollbar-inner {
    padding-bottom: 0;
}
    header .nav-scrollbar-inner {
        justify-content: space-between;
    }
    header .nav-mobile-body {
        align-self: center;
    }
 

    
    .nav-scrollbar .nav-item:first-child {
        white-space: nowrap;
       
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position-y: center;
    }
header .navbar-nav > .nav-item > .nav-link::before{
	display:none !important;
	}

.search-form-wrapper-fixed {
   
    display: none !important;
}
.fixed-search {
    display: none !important;
}
a#shopBtn, li.nav-item.dropdown.account-icon-dropdown * {
 
 
    font-weight: 500;
 
    color: #581113;
}
.newsbox-footer {
    display: none !important;
}
#footer .nav-link {
    word-break: break-all;
}
.blog-slider-container .product-wrapper:nth-child(odd):before{display:none !important;}
.blog-slider-container {
    width: 100%; 
    border: 3px solid rgb(240 235 222);
    margin-top: 50px;
    position: relative;
    padding-right: 15%;
}
.blog-slider-container .slick-slide {
    padding: 0 1.5rem;
}
.newsbox {
    padding-bottom: 5rem !important;
    padding-top: 1.5rem !important;
}
.blog-slider-container:after {
    
    content: 'HACKENBERGS NEWS';
    position: absolute;
    right: 0;
    width: 13%;
    top: 0;
    border-left: 3px solid rgb(240 235 222);
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(240 235 222);
    writing-mode: vertical-rl;
    font-size: 40px;
    text-transform: uppercase;
   
}
.blog-slider-container .product-wrapper:nth-child(odd){
border-right: 0px solid !important;
}
.newsbox-headline {
    font-weight: 500;
    margin: 1rem 0;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(240 235 222) !important;
   
   
     
}
.newsbox p {
    color: rgb(240 235 222);
     
}
.col.blog-preview-author * {
    color: rgb(240 235 222);
     
}
.col.blog-preview-comment * {
    color: rgb(240 235 222);
}
.newsbox-footer a {
    background: rgb(240 235 222);
    color: rgb(87 17 19);
    text-decoration: none;
    padding: 8px 40px;
     
}



header#jtl-nav-wrapper .container.container {
   
    gap: 20px;
    top: 25px;
    position: relative;

}
    header .navbar-brand {
        margin-right: 0;
    }
#shop-nav {
    margin-left: unset;
}
nav.navbar {
    height: auto !important;
    width: calc(100% - 131px) !important;
    gap: 20px;
}


.product-wrapper.product-wrapper-product {
    height: auto !important;
}
@media (max-width: 1250px) {
    .bannerList ul li a {
        font-size: 55px;
    }
    .card.content-box-pannel {
        padding-left: 0 !important;
    }
    .image-with-text p {
        font-size: 40px !important;
        line-height: 50px!important;
    }
    .card.image-with-text h1 {
        font-size: 32px !important;
    }
    
    .card.content-box-pannel.content-box-pannel2 .card-body p {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    div#logo {
        max-width: 197px;
    }
    .newsbox-body p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
}


@media (max-width: 991.98px) {
    .slick-list.draggable {
        padding-right: 0px !important;
          }
nav.navbar {
    justify-content: end !important;
}
    .toggler-logo-wrapper {
        position: static;
        display: flex;
        align-items: center;
    }
    .nav-icons {
        height: 5.8rem;
    }
header {
    position: absolute;
    width: 100%;
background-color: transparent;
}
header .navbar-brand img {
    height: 145px !important;
    transition: all .5s;
}
.navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
    background-color: rgb(240 235 222);
    color: rgb(240 235 222);
}
.navbar-toggler .navbar-toggler-icon {
    width: 2.45rem;
}
#main-wrapper {
  
    margin-top: 0;
}
.card {
    /*padding-top: 0px !important;
    padding-bottom: 0px !important;*/
}
.image-with-text p {
    font-size: 16px !important;
    line-height: 20px !important;
}
}
.search-form-wrapper-fixed {
    display: none !important;
}
@media (max-width: 450px) {
    
a#shopBtn, li.nav-item.dropdown.account-icon-dropdown * {
    font-size: 15px;
    font-weight: 500;
   
    color: #581113;
}
a#shopBtn {
    width: 65px!important;
}
a#shopBtn {
    height: 30px!important;
}
li.nav-item.dropdown.account-icon-dropdown {
    
    height: 30px!important;
}
li.cart-icon-dropdown.nav-item.dropdown {
    height: 30px;
}
    .nav-icons {
        height: 64px!important;
    }
#shop-nav .nav-link i {
    font-size: 18px!important;
}
.cart-icon-dropdown .cart-icon-dropdown-price {
    white-space: nowrap;
    display: inline-block!important;
}
}


@media (max-width: 991px) {
    header#jtl-nav-wrapper .container.container {
        justify-content: space-between !important;
    }
    header .navbar-brand img {
        height: 80px !important;
        transition: all .5s;
    }
	
	.card.image-with-text h1 {
        font-size: 21px !important;
        margin-bottom: 20px;
    }

.card {
   /* padding-top: 0px !important;
    padding-bottom: 0px !important;*/
}
.image-with-text p {
    font-size: 16px !important;
    line-height: 20px !important;
}

span.price_label.price_on_application {
  
  
}
.card.collection-pannel:before {
    font-size: 42px;
   
}
    .card.content-box-pannel.content-box-pannel2 .card-body p {
        font-size: 18px !important;
        line-height: 22px !important;
    }
.opc-Button.mybtn button.btn.btn-primary {
    font-size: 16px !important;
}
#footer .productlist-filter-headline {
    font-size: 18px;
}
#footer .nav-link {
    font-size: 15px;
}

}





@media (max-width: 767px) {
.row.image-tex55 {
    flex-direction: column-reverse;
}
.card.image-with-text {
    /*padding-bottom: 0 !important;*/
}
.card.content-box-pannel.content-box-pannel2 {
    padding-bottom: 0px !important;
}
.card-body {
    padding-left: 10px;
    padding-right: 10px;
}
.accordianType a {
    height: 95px;
    padding: 0px 0px;
}
.accordianType a b {
    font-size: 30px;
}
.accordianType a span {
 
 
    gap: 20px;
}
.accordianType a span svg {
    width: 15px;
    height: 15px;
}
.card.content-box-pannel.content-box-pannel2 {
    padding-top: 0 !important;
}
.card.image-with-text {
   
}
.card.content-box-pannel {
    padding: 0 !important;
}
.card.collection-pannel:before {
    content: 'HACKENBERGS BESTE';
    position: static;
    width: 100%;
    transform: rotate(0deg);
    justify-content: center;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    writing-mode: unset;
    color: #571113;
    font-size: 60px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
    font-family:  ;
    border-left: 0px solid;
    border-bottom: 3px solid;
}
.card.collection-pannel:before {
        font-size: 34px;
        margin-bottom: 0px;
    }
.card.collection-pannel .card-body {
    width: 100%;
}

span.price_label.price_on_application {
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
img#footerLogo {
    max-width: 120px;
    width: 100%;
    margin: unset;
    display: table;
    margin-bottom: 40px;
}
footer#footer {
    padding-top: 40px;
}
.dropdown-toggle span.text-truncate {
    color: #571113 !important;
    text-transform: uppercase;
    font-size: 18px;
}
.box-normal .box-normal-link {
    justify-content: center;
}
    #footer .nav-link {
        font-size: 18px;
        text-align: center;
    }
.footerPyment {
    float: right;
    text-align: center;
    float: none;
}
ul.bottomFooterLinks {
    justify-content: center;
}
.blog-slider-container:after {
    content: 'HACKENBERGS NEWS';
    position: absolute;
    right: 0;
    width: 100%;
    top: -54px;
    border-left: 0px solid rgb(240 235 222);
    height: auto;
    text-align: left;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    color: rgb(240 235 222);
    writing-mode: unset;
    font-size: 24px;
    text-transform: uppercase;
   
}
.blog-slider-container {
    margin-top: 100px;
    padding-right: 0%;
}


}







@media (max-width: 767px) {
    .card.image-with-text h1 {
        font-size: 12px !important;
    }
    .image-with-text p {
        font-size: 19px !important;
        line-height: 24px !important;
    }
.card.content-box-pannel.content-box-pannel2 h1 {
    font-size: 24px !important;
    line-height: 34px !important;
}
    .card.content-box-pannel.content-box-pannel2 .card-body p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .accordianType a span {
        font-size: 12px;
    }
    .accordianType a b {
        font-size: 24px;
    }
    .accordianType a {
        padding: 0px 10px;
    }
    span.item-slider-desc.text-clamp-2 span {
        font-size: 15px;
        line-height: 22px;
    }
h1.subHeading {
    font-size: 14px !important;
}
    .opc-Button.mybtn button.btn.btn-primary {
        font-size: 14px !important;
    }
    .image-with-text p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .card.content-box-pannel.content-box-pannel2 h1.subHeading {
        font-size: 12px !important;
    }
    .card.content-box-pannel.content-box-pannel2 h1 {
        font-size: 45px !important;
       
    }
   
    
    h1.titleHeading25 {
        font-size: 45px !important;
    }
    .BESTELLUNGEN-text p {
        font-size: 25px;
    }
    
    .titleBuynow {
        margin-bottom: 20px;
        flex-wrap: wrap;
        padding: 0;
        padding-left: 15px;
        text-align: center;
    }
    .titleBuynow a:last-child {
        width: 180px;
        padding: 5px 0px;
        margin-top: 10px;
    }
}

button#submit-btn {
    background: #571113;
    color: #fff;
     
    border-color: #571113;
}
fieldset#quick-login label {
    color: #571113 !important;
     
}
fieldset#quick-login input {
    border-color: #581113;
}
.dropdown-footer {
     
}
li.nav-item.dropdown.account-icon-dropdown a {
     
}





body:not([data-page="18"]) .breadcrumb a {
    color: #efe9dd !important;
}
body:not([data-page="18"]) .breadcrumb-item + .breadcrumb-item::before {
    color: #efe9dd !important;
}
header .navbar-nav>.nav-item>.nav-link::before {
    border-color: transparent !important;
}

body:not([data-page="18"]) .sub-categories * {  
    color: rgba(238, 232, 221, 1);
    text-decoration: none;

}

body:not([data-page="18"]) .productlist-filter-headline {
    border-bottom: 1px solid  rgba(238, 232, 221, 1);
     
    color: rgba(238, 232, 221, 1);
    text-decoration: none;
  
  
}
aside#sidepanel_left * {
     
    color: rgba(238, 232, 221, 1);
    text-decoration: none;
 
 
}
.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
    background: transparent;
}
aside .nav-panel > .nav > .active > .nav-link {
    border-bottom: 1px solid #efe9dd;
}
@media (max-width: 991.98px) {
    body:not([data-page="18"]) header {
        /*position: static!important;*/

    }
    body:not([data-page="18"]) .navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
        background-color: #efe9dd;
        color: #efe9dd;
    }
}


.blog-slider-container button.slick-prev {
    opacity: 1;
    right: 8%;
    left: auto;
    z-index: 2;
    background: transparent;
    opacity: 1;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 0px;
    color: #fff;
    top: 0px;
    transform: unset !important;
}
.blog-slider-container button.slick-next {
    transform: rotateY(180deg) !important;
    background-position-x: right;
    right: 3%;
    left: auto;
    z-index: 2;
    background: transparent;
    opacity: 1;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 0px;
    color: #fff;
    /* font-size: 6px; */
    top: 0px;
    transform: unset !important;
}
.blog-slider-container button.slick-next::after {
    font-size: 22px;
}
.blog-slider-container button.slick-prev::after {
    font-size: 22px;
}
.blog-slider-container button.slick-arrow {
    background: url(https://kakaomuehle.de/media/image/storage/opc/component%206%20%281%29.png);
    background-size: cover;
}
.blog-slider-container button.slick-arrow:after {
    font-size: 0;
}
.myBlogSlider {
    position: static !important;
}
.blog-slider-container button.slick-next {
    transform: rotateY(180deg) !important;
    background-position: right;
}
@media (max-width: 767px) {
    .content-cats-small .sub-categories .subcategories-image {
        display: block !important;
        text-align: center;
    }
    body:not([data-page="18"]) .sub-categories * {
        text-align: center;
    }
    .blog-slider-container button.slick-next {
        right: 0%;
        top: -11%;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .blog-slider-container button.slick-prev {
        right: 6%;
        top: -11%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: auto !important;
    }

   }



    body#commingSoon header#jtl-nav-wrapper,
    body#commingSoon footer#footer,
    body#commingSoon .container.breadcrumb-container,
    body#commingSoon .container.index-heading-wrapper {
    display: none !important;
}
body#commingSoon div#content-wrapper {
    padding: 0;
}
body#commingSoon div#content {
    padding: 0;
}

body#commingSoon {
    height: 100%;
    display: flex;
    width: 100%;
    background: #eee9dd;
    justify-content: center;
    vertical-align: middle;
}
body#commingSoon #main-wrapper {
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
body#commingSoon h1 {
    color: #460607;
    margin-top: 20px;
     
    font-weight: 700;
}


span.nav-offcanvas-title {
    display: none !important;
}
.text-accent, .productbox-price, .tab-navigation .nav-link {
     font-family:Hightower;
}

body[data-page="1"] .container.breadcrumb-container {
    padding-top: 50px;
    background: #a0ada6;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body[data-page="1"] .row.breadcrumb-wrapper.no-gutters {
    margin-bottom: 0;
}
body[data-page="1"] div#content-wrapper {
    background: #a0ada6;
}
   body[data-page="1"] .breadcrumb-wrapper {
        border-color: #581113;
    }
body[data-page="1"] .breadcrumb-backtolist::before {
    color: #581113;
}
.fa-sup {
    background-color: #F28C3E !important;
}

.product-detail-second-section {
    background: rgba(160, 173, 166, 1);
    padding-top: 25px;
}

body[data-page="1"] #content-wrapper:not(.has-fluid) {
    padding-top: 0rem;
}
body[data-page="1"] .product-actions {
    display: none !important;
}
#content {
    padding-bottom: 0rem;
}
body[data-page="1"] div#product-offer .square-image .inner img {
    object-fit: cover;
    height: 100%;
}




.product-offer .row {
    margin-bottom: 0 !important;
}

.row.variations dl {
    margin: 0 !important;
}
.vaiation-wrapper {
    display: flex;
    align-items: center;
}
.vaiation-wrapper dt.js-btn-slider-wrapper {
    display: block;
    width: 38%;
    text-align: left;
     
    color: #efe9dd;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 !important;
    padding-left: 15px;
}

.vaiation-wrapper dd {
    margin: 0 !important;
    width: 72%;
    border-left: 3px solid #efe9dd;
    padding: 10px 0px;
}
ul.dropdown-menu.inner {
    background: #a0ada6 !important;
}
.vaiation-wrapper dd * {
    background: transparent !important;
    border: 0px solid;
}
.vaiation-wrapper {
    border-bottom: 3px solid #efe9dd;
}
.filter-option-inner-inner {
    color: #efe9dd;
}
.bootstrap-select .dropdown-menu li a {
    color: #efe9dd;
}
/* .dropdown-toggle::after, [data-toggle=collapse]:not(.navbar-toggler)::after {
    color: #efe9dd;
} */
button.btn.dropdown-toggle {
    outline: none;
    border: 1px solid #efe9dd;
    width: 90%;
    margin: 0px auto;
    border-radius: 50px;
}
.price_wrapper {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 15px;
}

span.status.status-2 {
     
}
.col.question-on-item span.hiddenxs {
     
}
.estimated-delivery {
     
}
div#add-to-cart {
    margin: 0;
}
.basket-form-inline .col:first-child {
    margin-bottom: 0rem;
}
#product-offer .product-info .product-offer {
    margin-bottom: 0rem;
}


input#quantity {
    background: transparent;
     
}
.row.basket-form-inline .col:first-child {
    width: 100px !important;
    max-width: 200px;
    flex: 0 0 200px;
padding: 0;
}
.row.basket-form-inline .col:last-child {
    width: 100%;
    max-width: calc(100% - 200px);
    flex: 0 0 100%;
    padding: 0;
}
.row.basket-form-inline {
    margin: 0;
}

span.btn-basket-check span {
     
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.carousel-thumbnails .slick-slide {

    border: 3px solid #efe9dd;

}

.form-counter .btn:hover {
    background-color: transparent;
}
.product-detail-fourth-section {
    background: #581113;
    padding: 50px 0px;
}
.tab-navigation .nav-link {

     
    color: #efe9dd !important;
    text-transform: uppercase;
    font-size: 40px;
    display: block;
    font-weight: 500 !important;
}
.tab-navigation .nav-link::after {
    border-color: transparent;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6;
    justify-content: center;
}
#result-wrapper .desc {
     
    color: #efe9dd !important;
    text-align: center;
}
div#tabAccordion {
    margin-bottom: 0;
}
div#tabAccordion .card {
    background: transparent;
    margin-bottom: 0;
}
#result-wrapper .desc {
    margin-bottom: 0;
}
div#tabAccordion .card-body {
    margin-bottom: 0 !important;
    padding-bottom: 0px;
}
div#tabAccordion div#tab-description {
    margin-bottom: 0;
}
#tabAccordion > .card .card-header {
    background: transparent;
     
    color: #efe9dd !important;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500 !important;
justify-content: center;
}
div#tab-description-head:after {
    display: none;
}
.icons-text-section {
    background: rgba(238, 232, 221, 1);
    padding: 0px 0px;
}
.iconsBox_text {
    max-width: 544px;
    margin: 0 auto;
    text-align: center;
}
.iconsBox_text ul {
    display: flex;
    align-items: center;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 400px;
    margin: 0 auto !important;
}
.icons-text-section .row {
    align-items: center;
}
.icons-text-section img {
    width: 100%;
}
.iconsBox_text ul li:last-child {
    width: 100%;
}
.iconsBox_text h3 {
    color: rgba(88, 17, 19, 1);
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
     
}
.iconsBox_text p {
    color: rgba(88, 17, 19, 1);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
     
}
.iconsBox_text ul svg {
    max-width: 100px;
}

.img-text-section-product {
    background: rgba(3, 181, 220, 1);
    padding: 50px 0px;
}
.img-text-section-product {
    background: rgba(3, 181, 220, 1);
    padding: 50px 0px;
}
.product-img-text-desc h2 {
    font-weight: 500;
     
    color: #fff;
    font-size: 64px;
    text-transform: uppercase;
    text-align: center;
}
.product-img-text-desc {
    max-width: 410px;
    margin: 0 auto;
}
.img-text-section-product .row {
    align-items: center;
}
a.neBtn1 {
    width: 240px;
    border: 4px solid rgba(26, 26, 26, 1);
    display: flex;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    justify-content: center;
    height: 62px;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
     
    color: #fff;
    letter-spacing: 3px;
    font-size: 18px;
    margin-top: 40px;
}

a.neBtn1:hover {
background:rgba(26, 26, 26, 1);
color:rgba(88, 17, 19, 1);
}
div#maintenance-mode {
    display: none !important;
}
#pushed-success {
    margin-bottom: 0rem;
    background: #efe9dd;
}
.product-detail-first-section {
    z-index: 9999;
    position: static;
    left: 0;
    right: 0;
    margin-top: 30px;
}

.product-detail-first-section .container {
    padding: 0;
}


.btn-block.continue-shopping {
     
    color: #fff;
    background: #571113;
    border-color: #571113;
}
a.btn.btn-primary.btn-basket.btn-block {
     
    color: #fff;
    background: #571113;
    border-color: #571113;
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
     
   
}


@media (max-width: 767px) {
    .iconsBox_text h3 {
        font-size: 20px;
    }
    .product-img-text-desc h2 {
        font-size: 36px;
        margin-top: 25px;
    }
    .iconsBox_text ul li {
        width: 50% !important;
    }
    .iconsBox_text ul {
        margin-bottom: 50px !important;
    }
    #tabAccordion > .card .card-header {
        font-size: 32px;
    }
  
    li.product-sku strong {
        width: 50%;
    }
    
}

.cart-dropdown .cart-dropdown-empty {
  
    background: #efe9dd;
     
    color: #581113;
}
.cart-dropdown.dropdown-menu {
    background: #efe9dd;
}
table.table.dropdown-cart-items * {
    color: #581113 !important;
     
}
li.cart-dropdown-total-item *, li.cart-dropdown-total-item {
    color: #581113 !important;
     
}
li.font-weight-bold-util {
    color: #581113 !important;
     
}
a.btn.cart-dropdown-next {
    border: 1px solid #581113 !important;
    color: #581113;
}
a.btn.cart-dropdown-next:hover {
    border: 1px solid #581113 !important;
    color: #fff;
background:#581113;
}




.breadcrumb a {
    
    color: #581113 !important;
}
.basket .basket-heading {
     
    color: #581113 !important;
    text-transform: uppercase;
    font-weight: bold;
}
.cart-items-header {
     
    color: #581113 !important;
}
.cart-items-body {
    padding-bottom: 0rem;
  
    margin-bottom: 20px;
    padding-top: 15px;
padding-bottom: 15px;
}
.cart-items-body hr {
    display: none;
}
.cart-items-body .cart-items-name {
     
    color: rgba(26, 26, 26, 1) !important;
    text-decoration: none;
}
    .cart-items-body .cart-items-single-price {
        color: rgba(26, 26, 26, 1);
         
    }
    .cart-items-body .cart-items-price {
        color: rgba(26, 26, 26, 1);
         
    }
.cart-items-body li.shortdescription {
    color: rgba(26, 26, 26, 1);
     
    margin-bottom: 10px;
}
.cart-items-body li.sku {
    color: rgba(26, 26, 26, 1);
     
}
.cart-items-body li.variation {
    color: rgba(26, 26, 26, 1);
     
}
span.wishlist-button-inner {
    color: rgba(26, 26, 26, 1);
     
}
.cart-items-body .cart-items-delete .cart-items-delete-button {
    color: rgba(26, 26, 26, 1);
     
}

.cart-items-body .form-control {
    background: transparent !important;
}
.cart-items-header hr {
    border-color: #581113;
}






.shipping-calculator-main .shipping-calculator-main-heading {
     
    color: #581113 !important;
    text-transform: uppercase;
}
select#country {
    background: transparent;
    border-color: #551717;
    color: #551717;
     
}
input#plz {
    background: transparent;
    border-color: #551717;
    color: #551717;
     
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus) ~ label {
    color: #707070;
    background: transparent;
    border-color: #551717;
    color: #551717;
    
}
.basket_wrapper {
    border: 3px solid rgba(26, 26, 26, 1);
    padding-top: 15px;
}
.cart-items-header {
    border-bottom: 3px solid;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 15px;
}
.cart-items-header hr {
    border-color: #581113;
    display: none;
}
.row.cart-items-body.type-1 {
    border-bottom: 3px solid;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.shipping-calculator-form {
    margin-bottom: 1rem;
    padding: 0px 1rem;
}
.basket .basket-items {
    margin-bottom: 2rem;
}
.basket .basket-heading {
    text-align: center;
}
.container.basket {
    padding-bottom: 50px;
}


.row.basket-empty a.btn.btn-primary {
    color: #551717;
     
    margin-bottom: 40px;
    background: transparent !important;
    border-color: #551717;
}
.basket .basket-empty .alert {
    background: #efe9dd;
    border-color: #571113;
    color: #551717;
     
}
.basket .basket-empty .alert span.badge.bubble.badge-light {
    background: #571113;
    color: #efe9dd;
}



body[data-page="11"] div#result-wrapper {
    padding-top: 80px;
}

div#register-customer .card-title {
     
   
}
div#register-customer .form-group .form-control {
    border-color: #581113 !important;
}
div#register-customer label {
    
     
}
div#register-customer .form-error-msg {
    color: #581113;
    background: transparent;
     
}
div#register-customer input {
    background: transparent;
}

form#form-register .h2 {
    color: #581113;
     
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #F28C3E;
    background-color: #F28C3E;
}
.customer-login-buttons button.btn.btn-primary {
    background: #571113 !important;
    border: 3px solid rgba(26, 26, 26, 1) !important;
    color: rgb(240 235 222);
}
.customer-login-buttons button.btn.btn-primary:hover {
    background: rgb(240 235 222) !important;
   
    color: #571113;
}
a.btn.btn-link.customer-login-buttons-forgot {
    color: #581113;
     
}
fieldset.inc-billing-address-form div {
     
    color: rgba(26, 26, 26, 1);
}
select#billing_address-country {
    background: transparent;
    color: rgba(26, 26, 26, 1);
     
}
a.popup {
    color: rgba(26, 26, 26, 1);
}
button.btn.submit_once.btn-primary.btn-block {
   
     
    background: #571113 !important;
    border: 3px solid rgba(26, 26, 26, 1) !important;
    color: rgb(240 235 222);
}
button.btn.submit_once.btn-primary.btn-block:hover {
    background:rgb(240 235 222) !important;
    color:  #571113 !important;
}
.hr-sect {
    color: #581113;
}
.secure-checkout-icon.ml-auto-util.ml-lg-0 {
     
    color: #581113;
}
.dropdown-menu.dropdown-menu-right.show {
    background: #efe9dd;
}
.dropdown-footer {
    background: #efe9dd !important;
}
.container.account-password-heading h1 {
     
    color: #571113;
}
.container.account-password .alert.alert-wrapper.alert-info {
     
    color: #571113;
    background: #efe9dd;
}
.container.account-password label {
    background: transparent !important;
}
.container.account-password input#email {
    border-color: #571113;
}
.container.account-password {
    padding-bottom: 50px;
}

body[data-page="14"] header#jtl-nav-wrapper {
    background-color: rgba(232, 232, 232, 1) !important;
}
body[data-page="14"] main#main-wrapper {
    background-color: rgba(232, 232, 232, 1) !important;
}
body[data-page="14"] header#jtl-nav-wrapper .container.container {
    background: #efe9dd;
}
body[data-page="10"] header#jtl-nav-wrapper {
    background-color: rgba(232, 232, 232, 1) !important;
}
body[data-page="10"] main#main-wrapper {
    background-color: rgba(232, 232, 232, 1) !important;
}
body[data-page="10"] header#jtl-nav-wrapper .container.container {
    background: #efe9dd;
}
div#new_customer .form-control {
    border-color: #581113 !important;
}
div#new_customer label {
    background: #fff !important;
}
a.popup {
    color: #571113;
}
div#new_customer .h2 {
    color: #581113;
     
}
div#new_customer .h3 {
    color: #581113;
     
}
div#new_customer {
    padding-bottom: 50px;
}


/* body[data-page="31"] header#jtl-nav-wrapper {
    background-color: rgb(88 75 59) !important;
} */
body[data-page="31"] main#main-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}

body[data-page="31"] .container.breadcrumb-container {
    display: none;
}


body[data-page="31"] .container.link-content, body[data-page="31"] .container.link-content p {
    margin-bottom: 0 !important;

}
body[data-page="31"] div#content {
    padding-bottom: 50px;
    min-height: 500px;
}
body[data-page="31"] .container.index-heading-wrapper h1 {
     
    text-transform: uppercase;
    color: #efe9dd;
}
body[data-page="31"] .container.link-content *{
     
    color: #efe9dd;
}




body[data-page="25"] header#jtl-nav-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="25"] main#main-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="25"] header#jtl-nav-wrapper .container.container {
    background: rgb(239 233 221);
}
body[data-page="25"] .container.breadcrumb-container {
    display: none;
}


body[data-page="25"] .container.link-content, body[data-page="25"] .container.link-content p {
    margin-bottom: 0 !important;

}
body[data-page="25"] div#content {
    padding-bottom: 50px;
    min-height: 500px;
}
body[data-page="25"] .container.index-heading-wrapper h1 {
     
    text-transform: uppercase;
    color: #efe9dd;
}
body[data-page="25"] .container.link-content *{
     
    color: #efe9dd;
}

body[data-page="25"] .card-body {
 
}
body[data-page="25"] .card-header {

}
body[data-page="25"] .card-body * {
     
 
}
body[data-page="20"] main#main-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}

body[data-page="20"] .container.breadcrumb-container {
    display: none;
}


body[data-page="20"] .container.link-content, body[data-page="20"] .container.link-content p {
    margin-bottom: 0 !important;

}
body[data-page="20"] div#content {
    padding-bottom: 50px;
    min-height: 500px;
}
body[data-page="20"] .container.index-heading-wrapper h1 {
     
    text-transform: uppercase;
    color: #efe9dd;
}
body[data-page="20"] .container.link-content *{
     
    color: #efe9dd;
}
body[data-page="20"] div#content * {
    color: #efe9dd;
     
}








body[data-page="21"] header#jtl-nav-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="21"] main#main-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="21"] header#jtl-nav-wrapper .container.container {
    background: rgb(239 233 221);
}
body[data-page="21"] .container.breadcrumb-container {
    display: none;
}


body[data-page="21"] .container.link-content, body[data-page="21"] .container.link-content p {
    margin-bottom: 0 !important;

}
body[data-page="21"] div#content {
    padding-bottom: 50px;
    min-height: 500px;
}
body[data-page="21"] .container.index-heading-wrapper h1 {
     
    text-transform: uppercase;
    color: #efe9dd;
}
body[data-page="21"] .container.link-content *{
     
    color: #efe9dd;
}
body[data-page="21"] div#content * {
    color: #efe9dd;
     
}
.container.index-heading-wrapper h1 {
    word-break: break-word;
}

body[data-page="27"] header#jtl-nav-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="27"] main#main-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="27"] header#jtl-nav-wrapper .container.container {
    background: rgb(239 233 221);
}
body[data-page="27"] .container.breadcrumb-container {
    display: none;
}


body[data-page="27"] .container.link-content, body[data-page="27"] .container.link-content p {
    margin-bottom: 0 !important;

}
body[data-page="27"] div#content {
    padding-bottom: 50px;
    min-height: 500px;
}
body[data-page="27"] .container.index-heading-wrapper h1 {
     
    text-transform: uppercase;
    color: #efe9dd;
}
body[data-page="27"] .container.link-content *{
     
    color: #efe9dd;
}
body[data-page="27"] div#content * {
    color: #efe9dd;
     
}

body[data-page="19"] header#jtl-nav-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}
body[data-page="19"] main#main-wrapper {
    background-color: rgba(88, 17, 19, 1)!important;
}

body[data-page="19"] .container.breadcrumb-container {
    display: none;
}

.card.sitemap-group {
    margin-bottom: 0;
}
.container.sitemap-wrapper-news {
    padding-bottom: 70px;
}
body[data-page="19"] .container.link-content, body[data-page="19"] .container.link-content p {
    margin-bottom: 0 !important;

}
body[data-page="19"] div#content {
    padding-bottom: 50px;
    min-height: 500px;
}
body[data-page="19"] .container.index-heading-wrapper h1 {
 
    text-transform: uppercase;
    color: #efe9dd;
}
body[data-page="19"] .container.link-content *{
     
    color: #efe9dd;
}


@media (max-width: 991px) {
    body[data-page="19"] div#content, body[data-page="20"] div#content,body[data-page="21"] div#content,body[data-page="25"] div#content,body#otherPage div#content,body[data-page="27"] div#content  {
        padding-top: 40px;
    }
.sticky-top.cart-summary {
    position: static;
    top: 0 !important;
    margin-bottom: 50px;
}
}

@media (max-width: 991px) {
    div#footer-boxes .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footerPyment {
        float: none;
    }
    ul.bottomFooterLinks {
        padding-left: 0% !important;
    }
    ul.secondfooter-menu {
        padding-top: 0px;
    }
    }

    @media (max-width: 500px) {
    div#footer-boxes .col {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    img#footerLogo {
        margin: 0 auto;
    }
}



body[data-page="31"] .container.index-heading-wrapper {
    display: none;
}
.card.about-page-first-section .card-body {
    padding: 0;
}
.card.about-page-first-section .row {
    align-items: center;
}
.card.about-page-first-section {
    border: 0px solid;
}
.about-first-box {
    border: 2px solid rgba(238, 232, 221, 1);
}
.about-first-box h2 {
    border-bottom: 2px solid rgba(238, 232, 221, 1);
    text-align: center;
   
     
    color: rgb(88 17 19);
    text-transform: uppercase;
    font-size: 65px;
    padding: 35px 0px;
    font-weight: 600;
    margin-bottom: 0;
}
.about-first-desc {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    padding-left: 94px;
}
.about-first-desc h3 {
    height: 100%;
    display: flex;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 94px;
    align-items: center;
    color: rgb(88 17 19);
     
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.75px;
    font-size: 17px;
}
.about-first-desc h3 {
    height: 100%;
    display: flex;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 94px;
    align-items: center;
    color: rgb(88 17 19);
     
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.75px;
    font-size: 17px;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    text-align: center;
    border-left: 2px solid rgba(238, 232, 221, 1);
    justify-content: center;
}
.about-first-desc p {
    color: rgb(88 17 19);
    padding: 44px 25px;
     
    font-size: 17px;
    line-height: 28px;
    margin: 0;
}
.about-first-box {
    margin: 0px auto;
    max-width: 100%;
}
.about-first-image {
    max-width: 100% !important;
}
.card.about-page-first-section .row .col[data-area-id="col-1"] {
    padding-right: 0 !important;
}
.about-first-image img {
    min-height: 540px;
    object-fit: cover;
}
.row.about-second-section {
    padding-top: 0px;
}
.about-second-img img {
    width: auto !important;
    margin: 0 auto !important;
    display: table;
}
.row.about-second-section h1 {
    color: rgba(238, 232, 221, 1);
    font-family: MAKALOCLEAN;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 85px;
}
/*.row.about-second-section p {
    color: rgba(238, 232, 221, 1);
     
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
*/
.row.about-second-section.about-third-section .about-second-img img {
    margin: 0 !important;
}
.row.about-second-section.row.about-third-section h1 {
    font-size: 65px;
    line-height: 100px;
}
.third-content-box h4 {
    margin: 0;
    margin-bottom: 40px;
    margin-top: 30px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 3.73px;
    color: rgba(238, 232, 221, 1);
     
}
.third-content-box a {
    background: #571113 !important;
    border: 3px solid rgba(26, 26, 26, 1) !important;
    color: rgb(240 235 222);
    margin-top: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 15px 30px;
    text-decoration: none;
    display: inline-block;
     
    font-size: 18px;
}
.third-content-box a:hover {
    background: rgb(240 235 222) !important;
    color:#571113 ;
}
.row.about-second-section.about-third-section {
    margin-bottom: 50px;
}
.third-content-box {
    max-width: 100%;
    margin: 0 auto;
}
.about-second-img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.about-second-img {
    max-width: 100% !important;
}
.about-last-container h1 {
    color: rgba(238, 232, 221, 1);
    font-family: MAKALOCLEAN;
    font-size: 56px;
    text-transform: uppercase;
    font-weight: 500;
}
.about-last-container p {
    color: rgb(88 17 19);
     

    font-weight: 400;
    line-height: 30px;
}
.about-last-container .opc-Container {
    background: #efe9dd;
    padding: 10px 10px;
}
.foirth-content-box p {
    color: #efe9dd;
}
.about-box-last {
    border: 1px solid #581113;
    border-top: 0;
    padding: 10px;
}
.about-box-last-first{border-top: 1px solid #581113;}
.about-box-last h3 {
    color: #581113;
    font-family: MAKALOCLEAN;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
}


@media (max-width: 991px) {
    body[data-page="31"] .row.about-second-section p span br {
        display: block!important;
    }
    body[data-page="31"] main#main-wrapper {
       /* padding-top: 25px;*/
  
    }
    .card.about-page-first-section {
        padding-bottom: 50px !important;
    }
    .row.about-second-section p span {
        display: block;
        width: 100%;
    }
    .row.about-second-section p span br {
        display: none;
    }
    .about-second-img img {
        width: 100% !important;
    }
    .about-second-img {
        margin: 0 !important;
    }
    .about-second-img {
        max-width: 100% !important;
    }
    .third-content-box {
        max-width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
    }

    @media (max-width: 767px) {
        .about-last-container h1 {
            font-size: 45px;
            text-align: left !important;
        }
        .foirth-content-box p {
            color: #efe9dd;
            text-align: left !important;
        }
        .about-last-container p {
            text-align: left !important;
        }
        .about-first-box h2 {
            font-size: 40px;
            padding: 20px 0px;
        }
        .third-content-box a {
            font-size: 14px;
        }
        .row.about-second-section h1 {
            font-size: 38px;
            line-height: 65px;
        }
        .about-first-image img {
            min-height: auto;
        }
        .row.about-second-section.row.about-third-section h1 {
            font-size: 50px;
            line-height: 65px;
        }
        .about-first-desc h3 {
            width: 55px;
        }
        .about-first-desc {
            padding-left: 55px;
        }
        .about-first-desc p {
            padding: 25px 15px;
        font-size: 15px;
            line-height: 26px;
        }
        .col.product-gallery.col-lg-6.col-12 {
            padding-left: 1rem !important;
        }
    }


    /* body[data-page="5"] header#jtl-nav-wrapper {
        background-color: #fff !important;
    } */
    /* body[data-page="5"] main#main-wrapper {
        background-color: #fff !important;
    } */
    /* body[data-page="5"] header#jtl-nav-wrapper .container.container {
        background: #fff;
    } */


    body[data-page="5"] .title.h2 {
         
        color: #581113 !important;
        text-transform: uppercase;
    }
    body[data-page="5"] form.contact-form .h3 {
        
        color: #581113 !important;
    }
    body[data-page="5"] form.contact-form  .col-form-label {
        
        color: #581113 !important;
    }
    body[data-page="5"] form.contact-form select {
        
        color: #581113 !important;
    }
    body[data-page="5"] .form-control,body[data-page="5"] select#subject {
       
        
    }
    form.contact-form  button.btn.btn-block.btn-primary {
        
    }
    form.contact-form  button.btn.btn-block.btn-primary:hover {
    }
    form.contact-form.jtl-validate.label-slide {
        margin-bottom: 40px;
    }

    #KakaoKaufen header#jtl-nav-wrapper {
        background: #581113 !important;
    }
    #FaqPage header#jtl-nav-wrapper {
        background: #581113 !important;
    }
    body[data-page="31"] header#jtl-nav-wrapper.sticky-top.header-out {
     
        background: transparent !important;
    }
    .theme-default .nivo-controlNav a {
        width: 12px;
        height: 12px;
        margin: 0 7px;
        background: rgb(139 137 137);
        border-radius: 50px;
    }
    .theme-default .nivo-controlNav a.active {
        background: #fff !important;
    }
    button.btn.dropdown-toggle {
        border: 0px solid #efe9dd;
    }
    input#price-slider-box-from {
        background: transparent;
        border-color: #efe9dd;
    }
    aside#sidepanel_left .input-group-text {
        background: transparent;
        font-size: 13px !important;
    border-color: #efe9dd;
    }
    input#price-slider-box-to {
        background: transparent;
        border-color: #efe9dd;
    }
    .noUi-horizontal .noUi-connect {
        background: #efe9dd;
    }
    .noUi-horizontal .noUi-handle {
        background: #efe9dd;
        box-shadow: 0px 0px 0px 5px rgb(239 233 221 / 60%);
    }
    button.btn.dropdown-toggle {
        color: #efe9dd;
         
        
    }
    button.btn.dropdown-toggle:hover {
        color: #000;
    }
    
    .productbox.productbox-hover .productbox-inner::before {
        background-color: #efe9dd;
       
    }

 
  
    body[data-page="2"] .price_wrapper{
        flex-wrap: nowrap !important;
        display: flex;
        align-items: center;
    }
   
    a.navbar-brand span {
        font-size: 0 !important;
    }
    div#ppc-productDetails-horizontal-container {
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
    div#productDetails-ppc-paypal-standalone-button {
        max-width: 100%;
        flex: 0 0 100%;
    }
    div#ppc-productDetails-instalment-banner {
        padding: 0px 16px;
        border-radius: 12px;
        overflow: hidden;
    }
    .breadcrumb {
        margin-left: 15px;
    }
    body[data-page="1"] header#jtl-nav-wrapper.header-out {
        background: transparent !important;
    }
  
    
         
    
    tr.attr-weight * {
        color: #efe9dd;
         
    }
    body[data-page="1"] div#product-offer .square-image .inner img {
        border-radius: 0px;
    }
    .col.filter-collapsible-control button {
         
        color: rgb(88 17 19);
        text-decoration: none;
        font-size: 18px;
    }
    .col.filter-collapsible-control{
    flex: 0 0 100% !important;
            max-width: 100% !important;
    }
    .col.productlist-item-info.col-auto {
         
        color: rgb(239 233 221);
        text-decoration: none;
        font-size: 18px;
    }

    .dropdown-menu .dropdown-body {
        background: #efe9dd;
    }
    #otherPage .container h5 {
         
        font-size: 26px;
        line-height: 26px;
        color: #FFFFFF;
        font-weight: 700;
        margin-bottom: 5px;
    }
    #otherPage .container h3 {
         
        font-size: 26px;
        line-height: 26px;
        color: #FFFFFF;
        font-weight: 700;
        margin-bottom: 5px;
    }
    table {
    
	
        border-collapse: collapse;
        width: 100%;
        margin: 20px 0px;
      }
      
      td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
      }
      
     

    
	

  

     
    
    /* .container-fluid.opc-Container.banner-section:before {
        content: '';
        width: 100%;
        height: 188px;
        position: absolute;
        background: url(https://kakaomuehle.de/media/image/opc/md/ebene-11.png);
        left: 0;
        bottom: -135px;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 2;
    }
    @media (max-width: 991px) {
    .container-fluid.opc-Container.banner-section:before {
        height: 120px;
        bottom: -75px;
    }
}
@media (max-width: 767px) {
    .container-fluid.opc-Container.banner-section:before {
        height: 71px;
        bottom: -38px;
    }
} */



@media (min-width: 2000px) {
    /*header .navbar-nav>.nav-item.dropdown-full .dropdown-menu {
       
        max-width: 1598px;
        margin: 0 auto !important;
        left: 0;
        right: 0;
    }*/
    ul.bottomFooterLinks {
        padding-left: 30% !important;
    }
    footer#footer .container {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }
    #content-wrapper {
        margin-top: 0;
        /* max-width: 1600px; */
        margin-left: auto;
        margin-right: auto;
    }
    .opc-Container,.blog-slider-container.container {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }
    .container-fluid.opc-Container.banner-section {
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
    header #mainNavigation{
        max-width: 1600px; 
    }
    body[data-page="36"] div#content-wrapper,body[data-page="5"] div#content-wrapper,body[data-page="19"] div#content-wrapper,body[data-page="31"] div#content-wrapper,body[data-page="20"] div#content-wrapper {
        max-width: 1600px !important;
    }
    body#userKakao div#content-wrapper {
        max-width: 100% !important;
    }
    }

    /* .container.subcategory-wrapper a, .container.subcategory-wrapper a strong ,.container.subcategory-wrapper a span{
        font-size: 24px !important;
        font-weight: 300;
        color: #efe9dd !important;
        line-height: 70px;
        text-transform: uppercase;
        font-family: naluka !important;
        padding-bottom: 0;
    } */
   

    @media (max-width: 991px) {
    .nav-scrollbar .nav-item {
        white-space: nowrap;
        background: url(https://kakaomuehle.de/media/image/opc/lg/menubg.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position-y: center;
    }
    header .navbar-nav>.nav-item>.nav-link {

        color: #efe9dd !important;

    }
    .nav-scrollbar .container.subcategory-wrapper .nav-item {
        background: none;
    }
.nav-scrollbar .container.subcategory-wrapper .nav-item:first-child {
    background: none;
}
}


body[data-page="31"] header {
   /* background-color: #584b3b !important;*/
}
body#WIEDERRUFSBELEHRUNG header {
    background-color: #581113 !important;
}


@media (min-width: 992px) {
    div#copyright .col {
        width: 100%;
        text-align: center;
    }
        ul.bottomFooterLinks {
            padding-left: 0% !important;
            justify-content: center;
            margin-bottom: 10px;
        }
    }

    .faq-accordian {
        max-width: 100%;
        margin: 0 auto;
    }
	/*
    .gallerySlider .nivo-caption {
        position: static !important;
        text-align: center !important;
       /* background: #584b3b !important;
        color: #fff !important;
        opacity: 1 !important;
    }
   
.theme-default .nivo-caption {
     
}
*/

/* ///////////////////////  Intelligent Work Start /////////////////////////////// */




div#copyright .col {
    text-align: left;
}

ul.bottomFooterLinks {
    justify-content: left;
}

div#copyright>.container>.row>.col {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 25%;
}

div#copyright>.container>.row {
    justify-content: space-between;
}

ul.firstfooter-menu li a {
   
    font-size: 20px;
    line-height: 30px;
}



header .navbar-nav>.nav-item.dropdown-full .dropdown-menu {
    background: transparent;
    max-height: unset;
    overflow: visible;
}

header  nav.navbar {
    align-items: center !important;
}



@media only screen and (min-width:992px){
/*
    
    header .navbar-nav>.nav-item>.nav-link {
        font-size: 40px;
        line-height: 60px;
        padding-top: 12px;
    }
    header #mainNavigation {
        height: unset;
        padding: 10px 10px 0px 10px;
        max-width: 1100px;
    }
    header .navbar-nav>.nav-item.dropdown-full .dropdown-menu {
        max-width: 1100px;
        left: 50%;
        transform: translateX(-50%);
        overflow-x: visible;
    }
    
    /* header .navbar-nav>.nav-item>.nav-link {
        font-size: 22px;
        line-height: 50px;
        padding-top: 0px;
    }
    
    header #mainNavigation {
        height: unset;
        padding: 10px 10px 0px 10px;
        max-width: 750px;
    }
    header .navbar-nav>.nav-item.dropdown-full .dropdown-menu {
        max-width: 900px;
        left: 50%;
        transform: translateX(-50%);
        overflow-x: visible;
    } */
   
    

    header .navbar-nav>.nav-item.dropdown-full .dropdown-menu .dropdown-body {
        
        padding-top: 0px;
    }
    
    header .navbar-nav>.nav-item.dropdown-full .dropdown-menu .container.subcategory-wrapper .col.nav-item-lg-m.nav-item.col-lg-4.col-xl-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0px;
    }
}

@media only screen and (max-width:1100px){
    
    div#copyright>.container>.row>.col {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0px;
    }

}
@media only screen and (max-width:991.8px){
    ul.bottomFooterLinks {
        padding-left: 0px !important;
        margin-bottom: 5px;
    }
    
    div#copyright {
        margin: 0px;
        width: 100%;
    }
    header #mainNavigation {
        background: transparent;
    }
    
    header #mainNavigation  .nav-item {
        background: transparent !important;
    }
    header .nav-mobile-header>.row a {
        color: #FFFFFF;
    }
    
    header .navbar-toggler {
        color: #FFFFFF;
    }
    
    div#mainNavigation .dropdown-menu .dropdown-body {
        background: transparent;
    }
    
    
    header .navbar-nav>.nav-item>.nav-link {
       
    }
    
    div#mainNavigation .dropdown-menu .dropdown-body .subcategory-wrapper .col.nav-item-lg-m.nav-item>a>strong , div#mainNavigation .dropdown-menu .dropdown-body .subcategory-wrapper .col.nav-item-lg-m.nav-item>a>span {
        color: #efe9dd !important;
        font-family: inherit !important;
        font-size: inherit !important;
    }
    
    header .navbar-nav .nav-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media only screen and (max-width:767.8px){
    .footerPyment {
        text-align: left;
    }
}
@media only screen and (max-width:500px){
    div#copyright .col {
        text-align: center;
    }
    
    ul.bottomFooterLinks {
        text-align: center;
        justify-content: center;
    }
    
    div#copyright {
        margin-top: 5px !important;
    }
    .footerPyment {
        text-align: center;
    }
}
@media only screen and (max-width:1120px){}


main#main-wrapper {
    margin-top: 0px;
}
main#main-wrapper {
    /*padding-top: 105px;*/
}
body[data-page="18"] main#main-wrapper{
    padding-top: 0px;
}
/* .container-fluid.opc-Container.banner-section:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(88 17 19 / 42%);
    position: absolute;
    left: 0;
    top: 0;
} */

button.btn.opc-Accordion-head.btn-link {
     
}
.card.content-box-pannel.content-box-pannel23 .card-body>div {
     
    font-weight: 500;
}

.ip-box-text>h3 {
    color: #FFFFFF;
     
    font-weight: 500;
    font-size: 50px;
}

.ip-box-text {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.ip-box-text>p {
    color: #FFFFFF;
     
    font-size: 20px;
}

.ip-full-width-img {
    width: 100%;
    margin: 0 auto;
    /* margin-bottom: 30px; */
}

/*.ip-choco-container .row:first-child {
    margin-bottom: 10px;
}*/

@media only screen and (max-width:650px){
    .ip-box-text {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .ip-full-width-img {
        width: 100%;
        /*padding-left: 20px;
        padding-right: 20px;*/
    }
    .ip-choco-container .row:last-child div[data-area-id="col-0"]{
        order: 2;
    }
}
/*
.gallerySlider .nivo-caption {
    font-size: 16px;
    line-height: 20px;
    font-weight: 200 !important;
    min-height: 50px;
    border: none !important;
}
*/
div#product-offer {
    max-width: 1200px;
    margin: 0 auto;
}

#content-wrapper .container.breadcrumb-container {
    max-width: 1200px;
}
.container-fluid.opc-Container.ip-choco-containerparent {
    max-width: 100%;
}
#tab-content-product-tabs tr.attr-weight * {
    color: #FFFFFF;
}

#tab-content-product-tabs .table-bordered-outline tr {
    color: #FFFFFF;
}

#tab-content-product-tabs .table-striped tbody tr:nth-of-type(even) {
    background-color: transparent;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#tab-content-product-tabs table.table.table-sm.table-striped.table-bordered-outline {
    color: #FFFFFF;
}

#tab-content-product-tabs .product-attributes tr > td {
    color: #FFFFFF;
}



.card.content-box-pannel.content-box-pannel23 .card-body>h1 {
    margin-bottom: 10px;
}

/*
@media only screen and (max-width:990.9px){
    div#footer-boxes>.col:nth-child(1) {
        order: 1;
    }
    div#footer-boxes>.col:nth-child(2) {
        order: 3;
    }
    div#footer-boxes>.col:nth-child(3) {
        order: 2;
    }
    div#footer-boxes>.col:nth-child(4) {
        order: 4;
    }
}*/

.box-link-wrapper i.snippets-filter-item-icon-right , .box-link-wrapper i.snippets-filter-item-icon-right:before{
    font-family: "Font Awesome 5 Free" !important;
}
div#result-options .col.filter-collapsible-control button {
    color: #FFFFFF;
    border-color: #FFFFFF;
}
/* ///////////////////////  Intelligent Work END /////////////////////////////// */

/*------------------------------------------------------------------------------ markenbuero*/

 
:root{
	--red:rgb(88, 17, 19);
	--darkred:#3d0c0e;
	--darkgreen:rgb(88, 75, 59);
	--beige:rgb(239, 233, 221);
	--beige-trans:rgba(239, 233, 221, .5);
	--red-trans:rgba(88, 17, 19, .1);
	--green:#a0ada6;
	--orange:;
	
	--txt-size:clamp(1.125rem, 1.115vw, 1.3rem);
}
*{
	font-family:inherit;
}
body{
	font-size:1rem;
	font-family:Hightower, 'Times New Roman', serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:Hightower, 'Times New Roman', serif;
	font-weight:600;
	margin-bottom:1em;
	line-height:1.3;
	color:inherit;
}
.ht h2, h2{
	
	font-size: clamp(2rem, 2vw, 2.5rem);
	
}
h3, .h3{
	font-size: clamp(1.5rem, 2.5vw, 1.625rem);
}
h4, h5, h6, .h4, .h5, .h6{
	font-size:var(--txt-size);
	font-weight:bolder;
}
p, ul, a, table{
	font-family:Hightower, 'Times New Roman', serif;
	font-size:var(--txt-size);
	letter-spacing: .025em;
	line-height:1.7;
}
.btn{
	font-size:calc(var(--txt-size) * 0.9);
	transition:.2s;
	border-radius:0;
	margin:1em 0;
	border-width:2px;
	border-style:solid;
}
.btn.btn-primary{
	background:var(--red);
	border-color:var(--beige);
	color:var(--beige);
	text-transform:uppercase;
}
 .btn.btn-outline-primary, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:active{
	 background:transparent;
	 border-color:var(--red);
	 color:var(--red);
	 
 }
.btn-primary:hover, .btn-primary:focus, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus{
	transform:scale(1.03);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
	transform:scale(1.03);
	background:var(--red);
	color:var(--beige);
	border-color:var(--beige);
}
.dark:not(.modal-content .dark) *, .beige{
	color:var(--beige)!important;
	
	
}

.light{
	
}
.light *{
	color:var(--red);
}
a:not(.btn){
	text-underline-offset: 0.25em;
}

select.form-control option{
	font-family:Hightower;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
    font-size: 20px;
}
/*-------------------------------------------------- font-ovveride*/
.basket .basket-summary .basket-summary-total{
	font-size:var(--txt-size);
}

/*------------------------------------------ table*/

table tr:nth-child(even), .modal-content .dark table tr:nth-child(even){
	background:var(--red-trans);
}
.dark table tr:nth-child(even){
		background:var(--darkred);
}




/*-------------------------------------------------- header*/
#logo{
	transition:.3s ease;
}
#logo:hover{
	transform:scale(1.15);
}
.fixed-navbar.sticky-top{
	position:fixed;
	top:0;
	left:0;
	right:0;
	
	.container{
		
	}
}
.nav-scrollbar-inner, .nav-scrollbar-item .nav-mobile-heading{
	overflow:visible!important;
}
.sticky-top .container{
	max-width:103.125rem;
}
header #mainNavigation a:not([data-menu-back=""]){
        letter-spacing:0;
		font-family:naluka;
		font-weight:300;
		color:var(--red);
		text-transform:uppercase;
		transition:.2s;
    }
header #mainNavigation a:hover{
	transform:scale(1.025);
}
.dropdown-toggle::after{
	margin-bottom:.5em;
}
/*--------------------------------------------- mobile*/
@media screen and (max-width:991px){
	header #mainNavigation .nav-link{
		color:var(--beige);
		font-size:clamp(1.5rem, 2vw, 2.5rem);
	}
	header .dropdown-menu{
		color:var(--beige);
		
		a{
			font-size:clamp(1.5rem, 2vw, 2.5rem);
		}
	}
}	
/*--------------------------------------------- desktop*/
@media only screen and (min-width:992px){
    
    header #mainNavigation .nav-link{
        font-size:clamp(1.5rem, 2vw, 2.5rem);
        padding:.3em .3em 0;
		color:var(--red);
    }
    header #mainNavigation {
        height: unset;
        padding: 10px 10px 0px 10px;
        max-width: 1100px;
    }
    header #mainNavigation .dropdown-menu {
        max-width: 1100px;
        left: 50%;
        transform: translateX(-50%);
        overflow-x: visible;
		box-shadow:none;
		
		.nav{
			flex-direction:column;
		}
		a{
			color:var(--red);
			font-size:clamp(1.25rem, 1.5vw, 2rem);
			font-family:MAKALOCLEAN;
			text-transform:none;
			line-height:1.3;
		}
		
		.dropdown-body{
			background:var(--beige);
			width:max-content;
		}
    }
	 header .submenu-headline-toplevel{
		 font-family:naluka;
	 }
}

.modal-backdrop.show{
		opacity:.25;
}
@media screen and (max-width:991px){
	.modal-backdrop{
	background:var(--red);
}
	.modal-backdrop.show{
		opacity:1;
	}
}
@media (min-width: 992px) and (max-width: 1440px) {
  header #mainNavigation .dropdown-menu {
	  padding-left: 164px;
  }
}

/*------------------------------------------------------------------------------------------- footer*/
#footer{
	color:var(--red);
	background:var(--beige);
	font-size:clamp(1.125rem, 1.11vw, 1.25rem);
	font-family:Hightower, 'Times New Roman', serif;
	
	*, a:not(.btn){
		color:inherit;
		font-size:inherit;
		
	}
	#copyright{
		
		background:var(--beige);
	}
	#copyright > div{
		font-size:.9em;
	}
}
img#footerLogo{
	max-width:160px;
	width:100%;
	height:auto;
}
ul.footer-menu{
	
}
ul.firstfooter-menu li a {
    text-transform: uppercase;
}
ul.ul.secondfooter-menu li a{
	
}
@media screen and (max-width:991px){
	#footer-boxes .col:first-child{
		max-width:100%;
		flex:0 0 100%;
	}
}
@media screen and (max-width:767px){
	#footer-boxes {
		gap:24px;
	}
	
}
/*------------------------------------------------------------------------------------------- main*/
main#main-wrapper{
	font-size: var(--txt-size);
}
/*------------------------------------------------------------------------------------------- hero*/
.hero:not(.home){
	background-image:url('https://kakaomuehle.de/media/image/opc/xl/hackenbergs-kakaomuehle_bg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:150px;
}
#main-wrapper #content-wrapper, #main-wrapper .hero{
	padding-top:12rem;
}

/*------------------------------------------------------------------------------------------- breadcrumb*/
.breadcrumb-wrapper {
    border-style: solid;
    border-color: var(--beige);
    border-width: 1px 0;
	color:var(--beige);
	
	.breadcrumb-link{
		line-height:1;
	}
	.btn{
		margin:0;
	}
        
  }
 /*------------------------------------------------------------------------------------------- shop*/
body[data-page="2"], body[data-page="1"]{
	h1{
		font-size:clamp(2rem, 3.5vw, 3.5rem);
		font-family: naluka;
		font-weight:300;
		letter-spacing:0;
		text-transform:uppercase;
	}
	
 } 
body[data-page="1"] .modal-content{
	 background:var(--beige);
 }
 body[data-page="2"] h1 + h1.h2{
	 display:none;
}
 .qty-wrapper{
	 margin:auto;
 }
.form-counter {
		color:var(--red);
		border:none;
		
		.btn, input{
			background:transparent;
			color:var(--red);
			margin:0;
		}
	}
 #shipping-calculator-form btn{
	 margin:0;
 }

/*-------------------------------------------------------------------------------------------- product archive*/
body[data-page="2"] main#main-wrapper{
	background:var(--red);
	color:var(--beige);
	
}
/*--------------------------------------------- sub-categories*/

	
.content-cats-small .sub-categories{
	*{}
	 .subcategories-image {
		margin-bottom:0;
		border:.5rem solid var(--beige);
		box-shadow: rgba(0,0,0,0.6) 0 8px 56px;
		position:relative;
		transition:.2s ease;
		
		picture::after{
			content:"";
			height:100%;
			width:100%;
			position:absolute;
			box-shadow:inset rgba(0, 0, 0, 0.4) 0 0 40px;
			left:0;
		}
	}
	a{
		font-family:MAKALOCLEAN;
		font-size: clamp(1.25rem, 1.5vw, 2rem);
		color:var(--beige);
		text-decoration: none;
		position:relative;
		z-index:1;
	}
}
.sub-categories:hover .subcategories-image{
	transform:scale(1.02);
}

.displayoptions .btn-group{
	.btn{
		border-color:var(--beige);
		color:var(--beige);
	}
	.btn.btn-option.ed:not(.disabled).active, .btn:hover{
		color:var(--red);
		border-color:var(--beige);
		background:var(--beige);
	}
}
/*---------------------------------------------------- gallery layout (default)*/
.productbox{
	color:var(--red);
	*{
		text-decoration:none;
		
	}
	.square-image .inner img{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.productbox-title a{
		padding:15px;
		color:var(--red);
		
	}
	.productbox-price{
		font-size:var(--txt-size);
	}
	.price-note{
		font-size:calc(var(--txt-size) * .9);
	}
	.btn-primary, .btn-primary:hover{
	background-color:var(--red);
	}
	
} 
/*---------------------------------- list layout*/
.layout-list .productbox{
	*{}
	.productbox-title a{
		padding:15px 0;
		display:block;
	
		
	}
}

.ribbon{
	border-radius:0!important;
}
.ribbon.ribbon-8.productbox-ribbon {
    border-radius:0;      
}

@media screen and (max-width:767px){
	.productbox-inner{
		background:var(--beige);
	}
}
@media screen and (max-width:767px){
	.col:nth-child(odd){
		/*padding-right:.5rem;*/
	}
	.col:nth-child(even){
		padding-left:.5rem;
	}
}

/*------------------------------------------------------------------------------------------- product single*/
#product-offer{
	padding-bottom:80px;
	
	#image_wrapper.fullscreen{
		backgrop-filter:blur(16px);
		-webkit-backgrop-filter:blur(16px);
		
		.gallery-with-action-main, .product-detail-image-topbar, .product-detail-image-preview-bar{
			background-transparent;
		}
	}
}


.slick-dots li button{
	font-size:0;
	background:var(--beige);
}
.slick-dots li.slick-active button{
	background:var(--red);
}


#product-offer .product-info-inner {
    border: 3px solid var(--red);
	color:var(--red);
	font-size:var(--txt-size);
	background:var(--beige);
	border-style:solid;
	
	*{
		
		border-color:inerit;
		
	}
	h1.product-title{
	font-size:clamp(2rem, 3vw, 3rem);
	text-align: center;
	font-weight: 300;
    padding: .5em 15px;
    margin-bottom: 0;
	text-transform:none;
	font-family:MAKALOCLEAN;
}
	ul.info-essential{
		margin: 0 !important;
		border:none;		
	}	
	.product-sku{
		display:flex;
		border-top:3px solid;
		border-bottom:3px solid;
		
		span {
			padding:15px 
		}
		strong{
			padding:15px;
			display: block;  
			border-right: 3px solid;
			text-align: left;
		}
	} 
	.product-category{
		border-bottom:3px solid;
		padding:15px;
	}
	
	.stock-information {
		border-width:3px 0;
		border-color:var(--red);
		align-items: flex-end;
		padding: 0 15px;

	}
	
	.shortdesc{
		font-size:var(--txt-size);
		padding:15px;
		
		iframe{
			width: 100%;
			aspect-ratio: 16/9;
			height: auto;
			margin-top:2rem;
		}
	}


	.price-note {
		width: 100%;
		text-align: right;
		font-size:.9em;
	}

	.product-detail-fourth-section{
			background:var(--red);
			color:var(--beige);
	}
	.estimated-delivery{
		font-size:.8em;
	}
	.btn{
		margin:0;
	}
}

/*-------------------------------------------------- recommendations*/
.recommendations .hr-sect.h2{
	padding-top:80px;
	color:var(--beige);
	font-size: clamp(2rem, 2vw, 2.5rem);
}
.slick-slider-other.is-not-opc .carousel{
	margin-bottom:0;
}
.slick-slider-other.is-not-opc{
		margin-bottom:0;
} 
.recommendations .square-image .inner img{
	height:100%;
	object-fit:cover;
}
.titleBuynow{
	padding: 15px;
	background:var(--beige);
	margin-bottom: 40px;
	color:var(--red);
}
.titleBuynow a{
	text-decoration: none;
	display:block;
}
.titleBuynow a:last-child{
	background: var(--red);
    border-color: var(--beige);
    color: var(--beige);
    text-transform: uppercase;
	font-size: calc(var(--txt-size)* 0.9);
    transition: .2s;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
	padding:0.625rem 0.9375rem;	
	margin-top:1em;
}

.product-wrapper:hover .titleBuynow a:last-child{
   transform:scale(1.03);
}
.product-wrapper:hover span.item-slider-desc.text-clamp-2 span{
 
}



/*------------------------------------------------------------------------------------------- cart*/
[data-page="3"] main#main-wrapper{
	background:var(--green);
}
.cart-dropdown-buttons .col{
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom:8px;
}
.cart-summary{
	
	
	.card-gray{
		background:var(--beige);
		color:var(--red);
		border:3px solid var(--red);
	}
	
	.card-header {
		background-color: transparent; 
		
	}
	
}
#shipping-estimate-form{
	.btn{
		margin:0;
	}
}

/*------------------------------------------------------------------------------------------- checkout*/
body[data-page="11"] main#main-wrapper {
    background:var(--green)!important;
}
.basket_wrapper{
	background:var(--beige);
	border-color:var(--red);
}
.stepper{
	align-items:stretch;
	
	.step{
		background:white);
		color:var(--red);
		font-size:var(--txt-size);
		
		a{
			color:var(--red);
		}
	}
	.badge-primary{
		background:var(--red);
		color:var(--beige);
		
	}
	.badge-secondary{
		background:transparent;
		color:var(--red);
		border:1px solid var(--red);
		
	}
	.step.step-current{
		background:var(--beige);
		color:var(--red);
		
	}
	.step.step-active::after{
		border-left-color:var(--beige);
	}
	.step-active .step-content::after{
		background:var(--red);
	}
	.step.step-active::before{
		border-left-color:var(--red);
	}
}
#customer, #register-customer .card{
   background:var(--beige);
    margin-bottom: 50px;
    border: 3px solid var(--red);
}
/*------------------------------------------------------------------ form*/
.form{
	font-size:var(--txt-size);
}
/*------------------------------------------------------------------------------------------- home*/
.banner-section{
	background-position:center center;
}
.quote-container{
	display: flex;
	align-items: center;
	justify-content: center;
}
.quote{
	max-width:767px;
	color:var(--red);
	margin-bottom:10rem;
	border:none;
	padding:1rem;
	text-align:center;
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
	background:var(--beige-trans);
	border:3px solid var(--red);
	
	
	.large{
		font-size:1.25em;
	}
}

.rev{
	.row{
		margin-bottom:40px;
	}
	.col{
		height: max-content;
		margin: auto;
	}
	.polaroid{
		width:75%;
	}
	.polaroid img{
		aspect-ratio:1/1;
		object-fit:cover;
	}
}
@media screan and (min-width:767px){
	.rev .col{
		height: max-content;
		margin: auto;
	}
	
}
@media screan and (max-width:767px){
	.rev .row:has(.polaroid){
		order:2;
	}
	
}
@media screen and (max-width:1299px){
	.rev .col{
		margin-top:0;
	}
}
/*-------------------------------------------------------------------------------------------- wir über uns*/
.hero .skip .btn{
	background:transparent;
	font-size:clamp(1.5rem, 2vw, 2rem);
	padding:0;
	text-decoration:underline;
	color:var(--red);
	border:none;
	font-family:Hightower, 'Times New Roman', serif;
	font-weight:400;
	letter-spacing:.05em;
	margin:0;
}



	.gallerySlider .theme-default .nivoSlider{
		background:transparent;
		box-shadow:unset;
	}
	.nivoSlider img{
		border:1rem solid var(--beige)!important;
		
	}
	.theme-default .nivo-caption{
		background:transparent!important;
		color:var(--beige)!important;
		font-family:Hightower, 'Times New Roman', serif;
		position:static;
		font-size:clamp(1.125rem, 1.11vw, 1.25rem);
	}
 

/*col > div{
	margin-bottom:2rem;
}*/
@media screen and (min-width:768px){
	.ge-1 .col:first-child{
	margin-top:-10lh;
	}
	.ge-2 > .col:nth-child(2){
		margin-top: -12lh;
	}
	.ge-3 .col:first-child{
	margin-top:-25lh;
	}
}
@media screen and (max-width:992px){
	.polaroid div > div:not(.caption){
		border-width:.5rem;
		
	}	
}
@media screen and (min-width:1300px){
	.content  .col{
		padding-left:3rem!important;
		padding-right:3rem!important;
	}
}
.polaroid{
	width:95%;
	margin-top:1rem;
	
	div > div:has(img){
		border:1rem solid var(--beige);
		box-shadow: rgba(0,0,0,0.6) 0 8px 56px;
		position:relative;
	}	
	
	div picture::after{
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		box-shadow:inset rgba(0, 0, 0, 0.4) 0 0 40px;
		left:0;
	}
	
	.caption{
		font-style: italic;
		line-height:1.4;
		
	}
}
.pol-1{
	transform:rotate(-5deg);
}
.pol-2{
	transform:rotate(5deg);
	width:50%;
	margin-top:-2rem;
	margin-right:10%;
	margin-left:auto;
}
.pol-3{
	transform:rotate(5deg);
}
.pol-5{
	transform:rotate(0deg);
}
.pol-6{
	transform:rotate(5deg);
}
.pol-7{
	transform:rotate(5deg);
	width:50%;
}
.pol-7b{
	transform:rotate(0deg);
}
.pol-8{
	transform:rotate(0deg);
}
.pol-9{
	transform:rotate(5deg);
	position:relative;
	z-index:1;
	width:90%;
}
.pol-10{
	transform:rotate(-10deg);
	margin-top:-5rem;
	width:60%;
	
}
.pol-11{
	transform:rotate(-10deg);
	width:50%;
	z-index:1;
}
.pol-12{
	transform:rotate(5deg);
	margin-top:-5rem;
}
.pol-13{
	transform:rotate(-2deg);
	position:relative;
	z-index:2;
}
.pol-14{
	transform:rotate(5deg);
	position:relative;
	z-index:1;
	width:80%;
	margin-top:-3rem;
}
.pol-15{
	transform:rotate(-2deg);
	margin-top:-4rem;
}
.pol-16{
	transform:rotate(-5deg);
	position:relative;
	z-index:1;
	width:65%;
	margin-left:0;
}
.pol-17{
	transform:rotate(5deg);
	margin-top:-10rem;
	width:45%;
	margin-right:0;
}
.pol-18{
	transform:rotate(-7deg);
	margin-top:-10rem;
	position:relative;
	z-index:1;
	width:80%;
	margin-left:0;
	
}
.pol-19{
	transform:rotate(5deg);
	margin-top:-4rem;
	
}
.pol-20{
	transform:rotate(-7deg);
	position:relative;
	z-index:1;
	width:80%;
	margin-left:0;
	
}
.pol-21{
	transform:rotate(5deg);
	margin-top:-4rem;
	
}
.pol-22{
	transform:rotate(-5deg);
}
.pol-23{
	transform:rotate(10deg);
	margin-top:-2rem;
}
/*-------------------------------------------------------------------------------------------- über kakao*/
.custom-boxed{
	padding:32px 16px;
}
.ueber-kakao.custom-boxed{
	h4:not(:first-child){
		margin-top:2em;
	}
	p:last-child{
		margin-bottom:2em;
	}
}

@media screen and (min-width:992px){
	.custom-boxed{
		padding:56px 40px;
	}
	.custom-boxed > div .col-count-2.row{
		.col{
			padding:1em 2em;
			}
		#col-0{
			padding-right:2rem;
			padding-left:1em;
		}
		#col-1{
			padding-right:1em;
			padding-left:2em;
		}
	}
}
/*-------------------------------------------------------------------------------------------- faq*/
.opc-Accordion-group{
	text-align:left;
	background:;
	margin-bottom:1rem;
	color:var(--red);
	
	.card-header {
		background:var(--beige);
	}
	h2, .btn{
		margin:0;
	}
	.btn.opc-Accordion-head{
		font-size:calc(var(--txt-size) * 1.2);
		width:100%;
		text-align:left;
		color:var(--red);
		padding:.5em 0;
		margin:0;
	}
}


.faq-accordian {
    max-width: 980px;
    margin: 0 auto;
}
/*-------------------------------------------------------------------------------------------- kontakt*/
.form-group{
	font-size:var(--txt-size);
	
	.form-control{
		font-size:inherit;
		color:var(--red);
		border-radius:0;
		background:var(--beige);
	}
	.col-form-label{
		font-size:.8em;
	}
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus), .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus) ~ label {
	font-size:1em!important;
	
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{
	font-size:.9em;
	transform: translateY(-60%);
}
/*-----------------------*/

.container.page-shipping{
	background:var(--beige);
	color:var(--red);
	padding:40px;
	margin:80px auto;
	
	.btn{
		margin:0;
	}
	
}
/*------------------------------------------------------------------------------ cleanup*/
.new-in-stock-banner {
    background-color: #584b3b;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
}

.ribbon.ribbon-3.productbox-ribbon {
    background-color: #f8bf00 !important; /* Gelbe Hintergrundfarbe */
    color: #000000 !important;            /* Schwarze Schrift */
    font-weight: bold !important;         /* Fette Schrift (optional) */
}


.custom-text-grid p {
    line-height: 20px;
  
   
}
.custom-text-grid {
    min-height: 125px;
}
.row.first-grid-custom {
    align-items: center;
    line-height: 20px;
}

.abiut-first-section-new p {
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
.abiut-first-section-new h4 {
    padding-left: 25px;
    color: #581113;
    font-weight: bold;
}
.abiut-first-section-new a {
    padding-left: 25px;
    margin-bottom: 15px;
    display: block;
    color: #581113;
}
.about-new-second-section h4 {
    color: rgba(238, 232, 221, 1);
   
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}
.about-new-second-section a {
    color: rgba(238, 232, 221, 1);
    
  
    font-weight: 400;
    line-height: 30px;
    display: block;
}
.grid-custom-class .col div:first-child {
    border-top-left-radius: 10px !important;
    overflow: hidden;
    border-top-right-radius: 10px !important;
}
.grid-custom-class .col div:last-child {
    border-bottom-left-radius: 10px !important;
    overflow: hidden;
    border-bottom-right-radius: 10px !important;
}
.row.first-grid-custom img {
    border-radius: 10px;
}

.row.first-grid-custom p {
    
    font-size: 17px;
}

.card.content-box-pannel.content-box-pannel23 .card-body {
    padding: 0;
}
   #userKakao #content-wrapper:not(.has-fluid) {
        padding-top: 0rem !important;
    }