body.ce-kit-1{color:#111111;font-family:"Roboto", sans-serif;font-size:18px;font-weight:400;line-height:1.5em;}a, .elementor a{color:#333333;font-family:"Roboto", sans-serif;}a:hover, .elementor a:hover{color:#317025;}body.ce-kit-1 h1{color:#317025;font-family:"Comfortaa", sans-serif;font-size:1.8em;font-weight:600;text-transform:none;line-height:1em;}body.ce-kit-1 h2{color:#317025;font-family:"Comfortaa", sans-serif;font-size:1.3em;font-weight:600;text-transform:none;text-decoration:none;line-height:1em;}body.ce-kit-1 h3{color:#317025;font-family:"Comfortaa", sans-serif;font-size:1.3em;font-weight:600;text-transform:none;line-height:1em;}body.ce-kit-1 h4{color:#317025;font-family:"Comfortaa", sans-serif;font-size:1.3em;text-transform:none;line-height:1em;}body.ce-kit-1 h5{font-family:"Comfortaa", sans-serif;font-size:1.3em;text-transform:none;line-height:1em;}body.ce-kit-1 h6{font-family:"Comfortaa", sans-serif;font-size:1.3em;text-transform:none;line-height:1em;}body.ce-kit-1 .ce-display-small{font-family:"Roboto", sans-serif;}body.ce-kit-1 img{border-radius:5px 5px 5px 5px;}body.ce-kit-1 .container{width:1200px;max-width:100%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}body.ce-kit-1 header.page-header, body.ce-kit-1 header.page-header *, body.ce-kit-1 .ce-page-title *{color:#317025;font-family:"Roboto", sans-serif;font-weight:600;}/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Comfortaa';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Comfortaa-Regular.woff2') format('woff2'),
		url('/modules/creativeelements/views/fonts/Comfortaa-Regular.woff') format('woff'),
		url('/modules/creativeelements/views/fonts/Comfortaa-VariableFont_wght.ttf') format('truetype');
}
 /* End Custom Fonts CSS */
/* Start custom CSS for page-settings */.breadcrumb_wrapper {font-size: 14px
}
.elementor-heading-title {
    color: #317025;
    font-family: "Comfortaa", sans-serif;
    font-size: 2em;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
     -webkit-font-smoothing: antialiased;
}
.elementor-product-miniature .elementor-price {line-height:40px;
float: right;
    padding: 0 10px ;
}
.product-title{padding: 10px}
.bg-home {
    display: block;
}
.product-miniature{
    margin-bottom: 20px;
    padding: 0 10px;
}
.product-description{
        text-align: left;
    padding: 0px 20px 20px 20px;
}
.product-title, .product-title a {
    margin-top: 0;
    color: #317025;
    font-family: "Comfortaa", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
}
#products .thumbnail-container{
    padding: 0 0 0 0px !important;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    border-color: #F0F0F0;
    box-shadow: none;

}
.product-title, .product-title a {
    font-weight: 400;
    margin-bottom: 0; 
    margin-top: 0; 
    text-align: left;
    text-transform: none;
     -webkit-font-smoothing: antialiased;
}
.prestawpblock .posts_container-fi .pswp-post-fi-title .pswp-post-title{
    color:  #317025 !important;
    font-family: "Comfortaa", sans-serif;
    font-size: 1.5em !important;
    font-weight: 700;
    text-transform: none;
     -webkit-font-smoothing: antialiased;
}
.prestawpblock .posts_container-fi .pswp-post-fi-title
{ background-color: #F9F9EF !important;
    padding: 25px !important;
    
}
.readmore-button{    font-style: italic;
    color: #317025 !important;
    font-size: 1.2em !important;
}
.readmore-button:hover{    text-decoration:underline;
    color: #333 !important;
  
}
.blog-mini-title p{
    text-transform: uppercase;
    font-weight: 700 !important
}
.prestawpblock .posts_container-fi .pswp-post-image{    border-radius: 0;}
.prestawpblock .posts_container-fi .pswp-post-fi-title .pswp-post-preview {
    display: block;
    color:inherit !important;
    padding: 0 0 10px 0;
    text-decoration: none;
    text-align: left !important;
    opacity: 1 !important;
    font-weight: 400;
    line-height: 24px;
    font-family: "Lato", sans-serif;
    font-size: 18px !important;
    -webkit-font-smoothing: antialiased;
    font-smooth:auto;
}
.prestawpblock .readall-wrp
{display: none}
    .products-section-title span  {letter-spacing: 2px}
 #layerslider_1, 
 #layerslider_2{z-index:1;}
 @media (max-width: 767px) {
    .mobile_logo {
               
        position: relative;
        top: 0;
        width: 100px;
        height: 45px;
        left: 5px;
        float: left;
    }
    #header .header-top {
        width: 100%;
        padding-top: 0!important;
        
}
    #_mobile_logo>a {
        padding: 10px 0 0!important;
    }
    .search_icon_toogle i {
        margin-top: 15px!important;
        }
    .blockcart.cart-preview {
        margin-top: 15px!important;
        right: 30px;
    }
    #_wrapper {
        top: 50px;
        margin-bottom: 20px;
        position: absolute;
    }
    
    .header-nav .toogle_nav_right.open {
        margin-top: 50px;
        }
    .toogle_nav {
        cursor: pointer;
        position: absolute;
        padding: 0 0 0 5px;
        right: 10px;
        top: 15px;
}
#header .header-nav {
    padding: 0;
}
    #search_widget form {
        top: 45px!important;
    }
 }
 @media (max-width: 479px) {
    .product-miniature {
        width: 50%;
      margin-bottom: 10px;
    padding: 0 10px;
    }
}

 /* ====== Tokens ====== */
:root{
  --ysb-maxw: 1200px;
  --ysb-gap: clamp(12px, 2vw, 24px);
  --ysb-radius: 14px;
  --ysb-shadow: 0 6px 20px rgba(0,0,0,.06);
  --ysb-border: 1px solid #e9e9ee;
  --ysb-text: #333; 
  --ysb-muted:#6b7280;
  --ysb-brand:#71008e; /* hover etc. */
  --ysb-ok:#15a34a; --ysb-warn:#d97706; --ysb-bad:#dc2626;
  --ysb-bg:#fff; --ysb-bg-soft:#fafafa;
  --ysb-font:"PT Sans",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
}
html,body{font-family:var(--ysb-font); color:var(--ysb-text);}

/* ====== Produktseite ====== */
.yesb-product{max-width:var(--ysb-maxw); margin:0 auto; padding:clamp(12px,3vw,24px);}
.yesb-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:var(--ysb-gap);}
@media(max-width:980px){.yesb-grid{grid-template-columns:1fr;}} 

/* Hero Bild ohne Thumbs */
.yesb-media{position:relative; background:var(--ysb-bg-soft); border-radius:var(--ysb-radius); overflow:hidden; border:var(--ysb-border);}
.yesb-media img{display:block; width:100%; height:auto; object-fit:contain;}

/* Buybox */
.yesb-buy{position:relative; background:var(--ysb-bg); border-radius:var(--ysb-radius); border:var(--ysb-border); padding:20px; box-shadow:var(--ysb-shadow);}
.yesb-title{font-size:clamp(22px,2.4vw,30px); line-height:1.2; margin:0 0 8px;}
.yesb-revline{display:flex; align-items:center; gap:8px; color:var(--ysb-muted); font-size:14px; margin-bottom:10px;}
.yesb-revline a{color:inherit; text-decoration:underline dotted;}
.yesb-price{display:flex; align-items:baseline; gap:10px; margin:8px 0 14px;}
.yesb-price .now{font-size:clamp(22px,2vw,28px); font-weight:700;}
.yesb-price .per{color:var(--ysb-muted); font-size:13px;}
.yesb-opts{display:grid; gap:10px; margin:14px 0;}
.yesb-qty{display:flex; align-items:center; gap:10px;}
.yesb-cta{display:grid; grid-template-columns:1fr; gap:10px;}
.yesb-cta .btn{display:inline-flex; justify-content:center; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; border:1px solid transparent; cursor:pointer;}
.yesb-cta .primary{background:var(--ysb-brand); color:#fff;}
.yesb-cta .secondary{background:#fff; border:var(--ysb-border);}

/* Sticky Buybox */
@media(min-width:981px){
  .yesb-buy.is-sticky{position:sticky; top:90px;}
}

/* USPs */
.yesb-usps{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:14px 0 0;}
@media(max-width:980px){.yesb-usps{grid-template-columns:repeat(2,1fr);} }
.yesb-usps .usp{display:flex; gap:10px; align-items:flex-start; background:var(--ysb-bg-soft); border:var(--ysb-border); border-radius:12px; padding:10px 12px; font-size:14px;}

/* Akkordeon statt Tabs */
.yesb-acc{margin-top: clamp(18px,2vw,24px);}
.yesb-acc .acc{border:var(--ysb-border); border-radius:12px; margin:10px 0; background:#fff; overflow:hidden;}
.yesb-acc summary{list-style:none; cursor:pointer; padding:14px 16px; font-weight:600; display:flex; justify-content:space-between; align-items:center;}
.yesb-acc summary::-webkit-details-marker{display:none;}
.yesb-acc .acc[open] summary{border-bottom:var(--ysb-border);}
.yesb-acc .acc .panel{padding:14px 16px; color:#333;}
.yesb-acc .acc .table{width:100%; border-collapse:collapse; font-size:14px;}
.yesb-acc .acc .table td,.yesb-acc .acc .table th{padding:8px 10px; border-bottom:1px solid #eee;}

/* Reviews kompakt */
.yesb-reviews{display:grid; gap:12px; margin-top:8px;}
.yesb-rev{border:var(--ysb-border); border-radius:12px; padding:12px 14px; background:#fff;}
.yesb-rev .meta{display:flex; gap:10px; align-items:center; font-size:13px; color:var(--ysb-muted); margin-bottom:6px;}
.yesb-rev .text{font-size:14px;}

/* Cross-sell */
.yesb-cross{margin-top:26px;}
.yesb-cross .grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px;}
.yesb-card{border:var(--ysb-border); border-radius:12px; overflow:hidden; background:#fff;}
.yesb-card img{width:100%; height:180px; object-fit:contain; background:var(--ysb-bg-soft);}
.yesb-card .body{padding:10px 12px;}
.yesb-card .title{font-size:15px; margin:0 0 6px;}
.yesb-card .price{font-weight:700;}

/* ====== Suche: Modal Overlay ====== */
.yesb-search-open body{overflow:hidden;}
.yesb-search-modal{position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; place-items:center; z-index:9999;}
.yesb-search-modal.active{display:grid;}
.yesb-search-box{width:min(680px,92vw); background:#fff; border-radius:16px; box-shadow:var(--ysb-shadow); padding:18px;}
.yesb-search-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.yesb-search-input{width:100%; border:1px solid #ddd; border-radius:12px; padding:12px 14px; font-size:16px;}

/* ====== Kategorie kompakt ====== */
.yesb-cat{max-width:var(--ysb-maxw); margin:0 auto; padding:clamp(10px,3vw,20px);}
.yesb-catgrid{display:grid; grid-template-columns:repeat(5,1fr); gap:var(--ysb-gap);}
@media(max-width:1280px){.yesb-catgrid{grid-template-columns:repeat(4,1fr);} }
@media(max-width:980px){.yesb-catgrid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){.yesb-catgrid{grid-template-columns:1fr 1fr; gap:12px;} }
.yesb-item{border:var(--ysb-border); border-radius:12px; background:#fff; overflow:hidden; display:flex; flex-direction:column;}
.yesb-item .ph{aspect-ratio:1/1; background:var(--ysb-bg-soft); display:flex; align-items:center; justify-content:center;}
.yesb-item img{max-width:100%; max-height:100%; object-fit:contain;}
.yesb-item .meta{padding:10px 12px; display:grid; gap:6px;}
.yesb-item .meta .title{font-size:15px; line-height:1.3; min-height:38px;}
.yesb-item .meta .usp{font-size:12px; color:var(--ysb-muted);}
.yesb-item .meta .price{font-weight:700;}
.yesb-item .actions{margin-top:auto; padding:10px 12px; display:grid; gap:8px;}
.yesb-item .btn{padding:10px 12px; border-radius:10px; text-align:center; border:1px solid #ddd; }
.yesb-item .btn.primary{background:var(--ysb-brand); color:#fff; border-color:transparent;}/* End custom CSS */