/** css related to Uppy **/
.uppy-Dashboard-progressindicators,
.uppy-Dashboard-close,
.uppy-Dashboard-dropFilesHereHint,
.uppy-Dashboard-inner{
    display:none;
}

.image.image-placeholder #fileUploader{
    border:500px solid transparent;
    bottom:0;
    cursor:pointer;
    font-size:10em;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:3
}
/*  to 768 px  */
@font-face{font-family:'berioo';font-display:swap;src:url('../../frontend/Berioo/Saftkur/de_DE/fonts/quicksand-regular.ttf') format('truetype');font-weight:normal}
@font-face{font-family:'berioo';font-display:swap;src:url('../../frontend/Berioo/Saftkur/de_DE/fonts/quicksand-semibold.ttf') format('truetype');font-weight:bold}
@font-face{font-family:'berioo';font-display:swap;src:url('../../frontend/Berioo/Saftkur/de_DE/fonts/quicksand-bold.ttf') format('truetype');font-weight:900}
@font-face{font-family:'icons-blank-theme';font-display:swap;src:url('../../frontend/Berioo/Saftkur/de_DE/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2'), url('../../frontend/Berioo/Saftkur/de_DE/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff'); format('woff2');font-weight:normal;font-style:normal;}

p, a, li, ul, h1, h2, h3, h4, span, button, input, select{font-family:'berioo';}
input:-webkit-autofill{background-color:#ebf0eb;animation-name: onAutoFillStart; animation-duration:0.01s; transition: background-color 5s ease-in-out}


/* Navigation */
@media only screen and (max-width: 768px){
	.navigation, .header.links, .search-content{background-color:/* #efe9e1 */ #f9f7f3 ;position:fixed;z-index:9;padding:0;left:0;width:100%;overflow:auto;color:black;
	-webkit-opacity:.98;transform:translateX(-110%);-webkit-transform:translateX(-110%);}
	.header.links{top:94px;z-index:99;padding:20px 0 10px 0;text-align:left;}
	.header.links li{padding:0 10px}
	.steps.not-mobile li{left:0!important}
	.presentation div h3, .presentation div p, .presentation div span{padding-right:0;padding-left:0}
	}

.categorypath-saftkur.catalog-category-view .columns, .sections.nav-sections, .nav-sections-item-switch, .catalogsearch-result-index .breadcrumbs{display:none}
.themecolor, .messages .message{background-color:#e5def1}
.message-success.success{background-color:/*#85b78b #abd6d8*/ #e5def1}

/* Gutschein */

.upselling-kuren{/*display:none*/}

/* Braintree */
.googlepay-minicart-logo, .braintree-applepay-minicart{display:none}
 
/*Theme Farben*/
.cms-berioo .themecolor{background-color:#C3D3D3}
.main-saftkur .themecolor, .main-saftkur .headbar.scrolled, .mainkur .teaser{background-color:#C6DEC9;}
.protein-saftkur .themecolor, .protein-saftkur .headbar.scrolled, .proteinkur .teaser{background-color:#d8c2cc;}
.goldene-saftkur .themecolor,  .goldene-saftkur .headbar.scrolled{background-color:#f5e5af;}
.main-suppenkur .themecolor, .main-suppenkur .headbar.scrolled, .suppen-kur .teaser{background-color:#E1867A;}
.cms-team-saftkur .themecolor{background-color:#C6DEC9}
.gemuese-saftkur .themecolor, .gemuese-kur .teaser{background-color:#C3D3D3}



img, .biologo, .header.panel .header.links a:before, .block-search .magnifier:before,.minicart-wrapper .action.showcart .counter.qty{
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.desk-only, .rich-menu-default, .cms-impressum .page-title-wrapper{display:none}
h1 .regular{font-weight: 500}
h1 {  font-weight: 700;  font-size: 30px;  padding-top: 25px;  padding-bottom: 15px;margin:0;}
.intro p, .contentpage p.introtext, .contentpage .extra-intro p {font-size:18px;padding:0 20px;}
.inpic-box{position:absolute;top:0px;width:100%;/*padding-top:5vw*/}

.cms-berioo #maincontent{background:#F9F7F3/}
.secondary-addto-links{display:none!important;}
.checkout-success{max-width:1200px;margin:auto}
.grau, .beige, .pds-intro, .extra .faq-teaser, .page-title-wrapper, .minicart-wrapper .block-minicart, .breadcrumbs, .magazin h1, .magazin .page-title-wrapper h1, .categorie-submenu{background-color:/*#efe9e1*/ #F9F7F3}
.violett{background-color:#e5def1}
.schwarz{background-color:#141F27}
.white, .mobi-white{background-color:#FFFFFF}
.overline{text-transform:uppercase;font-size:12px;font-weight:bolder;display:block;margin-bottom:-12px;letter-spacing:1px;}

.contentpage{text-align:center;color:#141F27;scroll-behavior: smooth;}
.head.banner{padding:0;position:relative}
.contentpage > div, .description .value > div, .upsell{padding-top:30px;padding-bottom:30px}
.contentpage .icon{width:60px}
.contentpage h1, .contentpage h2, .usp-sum, .contentpage h3, .contentpage p, /*.contentpage .intro img,*/ .zutatentabelle, .icon, .steps table{padding-right:20px;padding-left:20px}

.product-info-main{padding-right:20px;padding-left:20px}





.inpic-box h1 span{padding:0!Important;}
.inpic-box .introtext{padding-left:5vw;padding-right:5vw;}
.thank-you-note p{text-align:left;margin:0;}
.action.primary span{display:block;text-align:center;padding:unset}
.list.product-items .price-details, .action.skip.gallery-next-area, .action.skip.gallery-prev-area, .fotorama__caption__wrap{display:none}
.list.product-items .details {text-align:center}
.list.product-items .product-item .price-box{margin:10px 0}
.hint{display:block;border-radius:6px;padding:8px 14px;border:solid 2.5px #ffac54}
.product-item-name,.product.name a, .strong {  font-weight: 700;}
.deprecated .widget-product-grid .price-box{display:flex;justify-content:center;margin:5px 0 15px}
.widget-product-grid .price-box span{padding:0}
.widget-product-grid .product-item-name, .widget-product-grid .price-box .old-price .price{font-size:16px;color:unset;}
.has-discount .price-wrapper .price{color:red;font-weight:600;}
.promobar{background: black;color:white;width:100%;height:61px;z-index:9;position:relative;text-align:center;}
.promobar.inmotion{position:fixed;top:64px;}
.promobar .promo{padding: 10px 40px;font-size:1.4rem;position:relative;font-weight:300;}
.messages .message{  padding: 10px;  display: block;  font-size: 1.4rem;position: relative;font-weight:700;}
.messages{text-align:center}
.messages .message div{position:relative;display:inline-block;max-width:calc(100% - 80px);}
.messages .message > :first-child::before {left:-40px;top:50%; transform: translateY(-50%); font-family: 'icons-blank-theme';line-height:22px;
  vertical-align: middle;  display: inline-block;  font-weight: normal;  overflow: hidden;
  speak: none;  width: 30px;  position: absolute;  text-align: center;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  font-size: 28px; }
 .messages .closebutton, .promobar .closebutton{display:none;position:absolute;width:30px;font-size:22px;top:50%;transform: translateY(-50%);right:5px;line-height:6px;cursor:pointer;margin-top:-2px;}
 .messages .messages .message .closebutton, .promobar .closebutton{display:block;}
 .page.messages{position:fixed;left:0;width:100%;z-index:999;transition:top .25s ease-in-out;}

.messages .messages{box-shadow:3px 0 5px 0 #00000029}

.closebutton{cursor:pointer;}

.category-image, .category-description {  padding: 20px 0;}
.products {  margin: 15px 0;}
.crosssell .products{margin:0;}
.agb-daten{max-width:1000px;margin:auto;padding:5px;}
.agb-daten h1, .agb-daten h2{font-size:16px;padding:5px 0 15px 0; margin:0;}
.agb-daten p, .agb-text p, .agb-daten li, .agb-text li{font-size:12px;text-align:justify;max-width:unset;}
.agb-daten ul, .agb-text ul, .agb-daten ol, .agb-text ol{padding-left:18px;}
.cms-infopage{padding:15px 10px;max-width:1000px;margin:auto;text-align:left}
.cms-infopage h1{font-size:28px;}
.cms-infopage h2{font-size:25px;}
.cms-infopage h3{font-size:20px;padding-top:8px;}
.cms-infopage p{margin:0;max-width:900px;font-size:14px;padding:6px 0}
.cms-infopage a, .agb-daten a, .agb-text a{text-decoration:underline}
.countries li{font-size:15px}
.faq-teaser p br, .duo p br{display:none}
.vorkasse table{max-width:1200px;margin:auto;}
.vorkasse h2, .vorkasse h3{text-align:center}
.fragen h2{margin:20px 0 5px 0}
.fold-out > li{padding:8px 0 0 20px;position:relative;}
.fold-out span{cursor:pointer;}
.fragen .fold-out span:before{content:"+";position:absolute;left:0;top:5px;font-size:20px;font-weight:500;transition:transform .25s ease-in-out, font-size .25s ease-in-out, top .25s ease-in-out;}
.fold-out .active span:before{transform:rotate(45deg);font-size:24px;top:2px;left:2px;}
 
/* HEADER */
.topbar{z-index:999;position:relative;width:100vw;overflow:hidden;}
.topbar ul, .topbar .deal{list-style-type:none;margin:0;padding:0;height:30px;font-weight:bold;}
.topbar li{justify-content:center;align-items:center;}
.topbar img{height:15px;padding-right: 5px;}
.star {font-size: 18px;   width: 18px;    display: inline-block;    color: #141F27;}
.star:before {   content:'\2605';}
.star.half:before{color:#F5F6F4} 
.star.half:after {    content:'\2605';    color: #141F27;    position: absolute;    margin-left: -15px;    width: 8.5px;    overflow: hidden;}

 @media only screen and (max-width: 768px){
.widget-product-grid, .presentation, .vorteile-block, .gallery-teaser, .upsell .products.list, .flex.influencer{overflow:auto;scrollbar-width: none;}
.widget-product-grid::-webkit-scrollbar, .presentation::-webkit-scrollbar, .vorteile-block::-webkit-scrollbar, .gallery-teaser::-webkit-scrollbar, .upsell .products.list::-webkit-scrollbar{display: none;} 
	 /**/
.topbar{height:30px;background-color:#F9F7F3;line-height:30px;}
.usp-carousel {width: 300px; --w:300; overflow: hidden;  margin:auto;  }
.topbar div > ul{display: flex;  flex-wrap: nowrap;   animation: move calc(var(--speed) * var(--s)) steps(var(--s)) infinite;   list-style:none;   padding:0;text-align:center;}
.topbar li{  flex-shrink: 0;  white-space:nowrap;  box-sizing:border-box;  width: 100%;  height: 100%;  animation: liMove calc(var(--speed)) infinite;display:flex;}

@keyframes move {
  0% {    transform: translate(0, 0);  }
  100% {    transform: translate(calc(var(--s) * var(--w) * -1px), 0);  }
}
@keyframes liMove {
  0%, 75% {    transform: translate(0, 0);  }
  93%,  100%  {    transform: translate(calc(var(--w) * -1px), 0);  }
}

@keyframes slider{
	0%, 14%, 100%{left:0}
	20%, 41%{left: -100%;}
	47%, 68%{left: -200%;}
	73%, 94%{left: -300%;}
}
 }
 

 
@media only screen and (min-width: 430px){ 
 .inpic-box{padding-top:5vw}
}
 

.topbar .deal{text-align:center;line-height:28px;background:#EEFC5A;font-size:13px}
.topbar .deal.black{background:#141F27;color:#fff;}
.bio-vegan img{width:25.2px}
.guide img{width:27px;}
.versandkosten img{width:21.8px}
.page-header{height:94px;}
.headbar{z-index:100;height:64px;background-color:#F9F7F3;transition:background-color .25s ease-in-out; position:fixed;width:100%;box-shadow:0px 0px 10px 0 #dbdbdb;-webkit-box-shadow:0px 0px 10px 0 #dbdbdb}
.nav-toggle, div.logo, .panel.header{width:100px;}
.header.content {z-index:9999;height:64px;display:flex;position:fixed;width:100%;padding:0 25px;box-sizing:border-box;justify-content:space-between;align-items:center;text-align:center;}
.headbar.inmotion, .header.content.inmotion{top:0;position:fixed}
.action.skip.contentarea, .minicart-wrapper .action.showcart .text{display:none}
.panel.header{display:flex;align-items:center;justify-content:center}
.messages, .search-content, .navigation{top:94px;}
.messages.inmotion, .search-content.inmotion, .navigation.inmotion{top:64px;}
.navigation.inmotion{height:calc(100% - 64px)}
div.logo{height:40px;text-align:center}
.logo img{width:40px;height:40px ;transition:width .25s ease-in-out, height .25s ease-in-out;}
.nav-toggle {  text-decoration: none;  cursor: pointer; text-align:left;}
.block-search, .minicart-wrapper{padding-left:8px;}

.logged-in .header.panel .header.links a::before{background-color:#e5def1;border-radius:30px;}
.block-search .magnifier:before {cursor:pointer;display: inline-block;content: "\00a0";width:35px;height:35px;background-size: 35px auto;background-repeat:no-repeat;text-align: center; background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/head/suche-gross.svg')}
.nav-toggle:before {content: "\00a0";display: inline-block;width:35px;height:35px;background-size: 35px auto; background-repeat:no-repeat;background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/head/menu-mobil.svg');transition: content .25s ease-in-out, background .25s ease-in-out;}
.minicart-wrapper .action.showcart .counter.qty{  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: "\00a0";  font-family: 'icons-blank-theme';margin: 0;  vertical-align: top;  position:relative;
display: inline-block;  font-weight: normal;  width:35px;height:35px; background-size: 35px auto;background-repeat:no-repeat; text-align: center; background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/head/warenkorb-voll.svg')}
.minicart-wrapper .action.showcart .counter.qty.empty{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/head/warenkorb-leer.svg')}
.minicart-wrapper .action.showcart .counter.qty .counter-number{position:absolute;top:0px;left:12.5px;font-weight:bolder;color:white;font-size:12px;width:14px;}
.minicart-wrapper .action.showcart .counter.qty.empty .counter-number{color:transparent}
.block.block-search{order:1;z-index:90;position:relative;}
.header.links{order:2;padding:0;margin:0;position:relative}
.minicart-wrapper{order:3;z-index:91;}
.biologo{order:4;display:none}




.mpblog-post-index .breadcrumbs{display:none}
.head.banner{width:100%;/*height:125vw;*/max-height:100%;overflow:hidden}
.head.banner img{vertical-align:top;object-fit:cover;color:white;width:100%;aspect-ratio:4 / 5}

.post-featured-image img{object-fit:cover;height:320px;width:376px;}
.breadcrumbs {  padding:10px;}
.breadcrumbs .items > li {  display: inline-block;  vertical-align: top;}
.breadcrumbs .item:not(:last-child):after {  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-size: 24px;  line-height: 20px;  content: '\e608';  font-family: 'icons-blank-theme';  margin: 0;  vertical-align: top;  display: inline-block;  font-weight: normal;  overflow: hidden;
  speak: none;  text-align: center;}
.iconrow{display:flex;align-items:center;justify-content:center;list-style:none;padding:0 5px;max-width:400px;margin:auto;}
.icons img{width:100px;aspect-ratio: 1}
.iconrow li p{font-size:15px;padding:10px 2px 0 2px;}
.drei li{flex-basis:33%;}
.shop-produkte > div{padding:15px 0 25px 0}


#search_mini_form{display:flex;padding:10px;justify-content:center;align-items:center;}
.action.search{padding:10px 15px;margin:0;color:#141F27}
.block-search .input-text{padding:1px 0;height:33px;width:200px;background:transparent;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #141F27;}
.main.menu .parent{display:none}
.navigation .overline{padding:10px 10px 30px 10px;text-align:center;font-size:14px;}
.navigation h2{padding-top:15px;margin:10px 0}
.lieferzeit img{width:28.2px}
.navigation .level0.active > .level-top:before, /*.kur-varianten li:before,*/
.navigation .level0.has-active > .level-top:before{content:"";position:absolute;width:8px;height:8px;left:0;top:50%;transform:translateY(-50%);background-color: #141F27; border-radius:50%;}	

/* HERO */
.inpic-box h1{font-size:30px;font-weight:700;padding: 30px 5px 5px 5px;}
.inpic-box h2{font-size:22px;font-weight:500;margin:5px 0 0 0}


@media only screen and (max-width: 380px){
	.inpic-box{padding-top:5px}
	.inpic-box h1{font-size:25px}
	.inpic-box .introtext{font-size:15px}
	.topbar .deal{font-size:3.3vw;}
}
@media only screen and (max-width: 500px){
/*.fivehundred{display:none}*/
}

/* HOME */ 
.cms-berioo .columns{padding:0}
.home .intro h3{padding-top:15px}
.home .pic-center{max-width:100%;margin:auto;padding-top:35px;background:white;}
.home .pic-center img, .team-saftkur .pic-center img{width:650px;aspect-ratio: 7 / 5}

.homepage .inpic-box button {margin-top:10px}

.contentpage .duo{padding-top:0}
.home-list{padding:0 0 20px 0;}
video{object-fit:cover;width:100%;height:auto; max-height: 100%;  max-width: 100%;}

@media only screen and (max-width: 767px){
	.homepage .intro{padding-bottom:10px;}
	.homepage .inpic-box h2{display:none}
	.catalog-product-view .offers .carousel .arrow{display:none}
/*.homepage .head.banner img{width:770px;height: 54vw;}
.homepage video{height: 62vw}
.homepage .inpic-box{padding-top: 53vw}
.homepage .head.banner{height: calc(53vw + 190px)}
.homepage h1:first-line{font-weight: 400} */
}





/* THEMEPAGE */
#produkte{scroll-behavior: smooth;}
.contentpage .price-details, .contentpage .actions-secondary{display:none!important}
.usp-sum{font-size:14px;list-style-type:none;padding-top:3px; padding-bottom: 10px}
.usp-sum li{position:relative;padding:5px;font-weight:bolder;padding:6px 0;font-size:14px;display:flex;justify-content:start;align-items:center;}
.intro .usp-sum li img{width:25px;height:25px;padding:0 10px 0 0;margin:0;box-sizing:unset;}
.usp-sum li span{order:2;padding:0;margin:0;text-align:left;font-size:unset;}
.intro > img{order:1;height:460px;/*width:368px;display:block;*/margin:auto;/*box-sizing:border-box;*/aspect-ratio: 4 / 5;max-height:125vw;}
.intro div{order:2}
.contentpage .intro h2{margin-top:0}



/* Category */
.widget-product-grid, .sticky-area{display:flex;max-width:1500px;margin:auto;padding:0 10px 15px 10px;}
.widget-product-grid img{width:250px;transition:border .25s ease-in-out;aspect-ratio:1;}
.widget-product-grid li{flex-basis:24%;/*max-width:270px*/;list-style:none;}
.widget-product-grid .product-image-container, .widget-product-grid .product-image-wrapper{padding:10px}
.products .product-items{display:flex;max-width:1200px;margin:auto;flex-wrap:wrap;justify-content:center;}
.products .product-items li{flex-basis:50%;max-width:240px;text-align:center;padding:5px;position:relative;}
.category-description{text-align:center;background:#fff}
.category-alle-produkte .block.filter, .category-alle-produkte .toolbar{display:none}
.shop-produkte h2{text-align:center}
.shop-produkte .product-item{text-align:center;position:relative;box-sizing:border-box;}
.shop-produkte .price-details{display:none}
.slideshow .indicator, .slideshow .carousel-nav span{border:solid 1px #141F27;border-radius:50%;width:7px;height:7px;background:transparent;padding:0;margin:2px 6px;display:inline-block;cursor:pointer;box-sizing:border-box;}
.slideshow .indicator.current-slide, .slideshow .carousel-nav .current-slide:not(img){background:#132932}


.shop-produkte .product-item{padding:0 15px}
.category-description h1{padding-top:15px}
.content-block .overline{text-align:center;}

.content-block p{padding:6px 0}

/* MAGAZIN */





/* PDS */
.main-headline{font-size:20px;text-align:center;width:100%}
.main-headline h1{padding-bottom:5px;}
.product.media{padding-bottom:15px}
.pds-navi h3{padding:0 12px 15px 12px;font-size:18px;text-align:center;}
.product-info-main .box-tocart .field.qty,.product-options-bottom .box-tocart .field.qty{  padding-right: 6px;margin:0;}
.product-info-price, .product-info-stock-sku{padding-top:15px;padding-bottom:15px}
.produktzusatz{padding-top:2px;padding-bottom:5px;font-size:12px;}
.product-info-main .price-box .price,.product-options-bottom .price-box .price {  font-size: 20px;  font-weight: 700;  white-space: nowrap;}
.product-info-main .tax-details{padding-top:20px;font-size:12px;}
.siegel img{aspect-ratio: 1;height:70px;display:inline-block;box-sizing:border-box;width:auto;}
.siegel img.bio{padding:7px 3px 7px 0;}
.carousel-nav.beige span{background:#E1D6C3;border:none;} 
.offers .carousel .arrow{padding:12px;display:block;width:15px;height:22px;margin:auto 0;z-index:9;cursor:pointer;transition: opacity .5s ease-in-out}
.offers .slideshow, .offers .selection{padding: 5px}
.offers .carousel .container{width: calc(100% - 80px);max-width:325px;}
.offers .carousel ul{height:85vw;position:relative;transition: transform .5s ease-in-out;max-height:350px;}
.offers .carousel li img{max-width:100%;display:block;margin:auto;}
.offers .carousel li::before, .offers .carousel li::after {display:none} 
.offers .slideshow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative}
.offers .slideshow .is-hidden{opacity:0.2}
.offers .carousel li{display:flex;cursor:unset;transition:left .35s ease-in-out;width:100%;position:absolute;top:0;box-shadow:none;padding-top:unset;}
.offers .carousel-nav{display:block;width:100%;text-align:center;}
.offers .track{display:flex}
.offers .slide img{opacity:0;transition:opacity .5s linear}
.offers .current-slide img{opacity:1}
.product .offers .carousel li img{width:500px;aspect-ratio:1;}
.product div.carousel{padding:0}
.product .carousel .arrow{padding:12px}
.product .carousel picture.arrow img{padding:0px;opacity:unset;}
.product .offers .carousel ul{max-height:365px;}
.product .carousel li{padding-top:0}
.product .carousel li picture{margin:auto;}
.product .offers .carousel .container{max-width:350px;}
.offers	.slideshow .container{overflow:hidden}
.product-info-main .box-tocart .fieldset .qty .control, .cart.item .qty .control, .grid .number-input, .minicart-items .details-qty{height:40px;width:75px;border-radius:30px;background:transparent;border:solid 1px black;display:flex;justify-content:center;align-items:center}
.qty .control, .grid .number-input{height:42px;box-sizing:border-box;}
.box-tocart .qty .control .qty, .cart.item .qty input, .grid .number-input input, .minicart-items .item-qty {text-align:center;background:transparent;border:none;width:25px;font-size:16px;padding:0;cursor:default;}
.box-tocart .qty .control span, .alo_qty{/*flex:1 0 20%;*/text-align:center;font-size:22px;;cursor:pointer;margin-top:-4px;width:16px;}
.alo_qty:hover{text-decoration:none}
.kur-varianten{overflow:hidden;padding:0 8px;padding:8px;}
.kur-dauer{padding-bottom:20px;font-size:20px}
.kur-varianten ul, .sticky-element .radio{display:flex;list-style:none;padding:0;max-width:420px;justify-content:space-between;margin:auto;align-items:center;background-color:#fff;border-radius:30px;}
.kur-varianten ul{font-size:14px;letter-spacing:0.7px;}
.kur-varianten li{position:relative;text-align:center;}
.kur-varianten ul > li, .kur-varianten ul > a:hover, .kur-varianten ul a.clicked, .sticky-element a.clicked, .sticky-element a:hover{background-color: #f3f9a5;color:#141F27; border-radius:30px; text-decoration:none;}
.kur-varianten ul > li, .kur-varianten ul > a, .sticky-element a{flex-basis:23%;padding:8px 5px;height:45px;box-sizing:border-box;transition: color .1s ease-in-out, background .1s ease-in-out, border-radius .1s ease-in-out;}
.sticky-element a, .kur-varianten .kur-dauer ul > li, .kur-varianten .kur-dauer ul > a{flex-basis:30%;}
.kur-sorten ul > li, .kur-sorten ul > a{padding:5px 0;}
.kur-varianten a span{display:none}
.kur-sorten ul{font-size:12px;}
.kur-varianten p{max-width:100%;font-size:14px;padding:10px 0px 6px 0px;margin:0;}
.kur-varianten a li::before{display:none}
.kur-varianten input, .sticky-element input{display:none}
.stock{display:flex;align-items:center;padding:0 10px}
.stock p{text-align:left;font-size:15px;margin:0;letter-spacing:.45px;padding-left:15px;}
.stock .indicator{border-radius:50%;box-sizing:border-box;padding:5px;}
.gruen{background:#a0c46e}
.orange{background: #ffac54}
.red{background:red}



/*Buttons */
.actions-toolbar > .primary, .actions-toolbar > .secondary{text-align:center;}
.actions-toolbar{padding:15px 0;}
.actions-toolbar > div{padding:0 3px}
button.black a, a.action:hover, button.black:hover a{text-decoration:none;color:unset;}
.inpic-box button{padding:13px 22px;font-size:16px;width:200px;}
.action.primary{margin-top:0;max-width:100%;padding:12px 26px;width:200px;}
.action.primary{margin-top:5px;}
button,.cart.table-wrapper .actions-toolbar > .action,.action-gift, .button{
  background-image: none;  background: transparent;  border: 1px solid #132932;  color: #132932;cursor: pointer;  display: inline-block;border-radius:30px;letter-spacing:1px; line-height:16px;
  font-weight: bolder;  margin: 15px 0 0 0;  padding: 12px 15px;  font-size: 13px;  box-sizing: border-box;vertical-align: middle;transition:border .25s ease-in-out,background .25s ease-in-out, color .25s ease-in-out;min-width:75px;}
button::-moz-focus-inner,.cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner,.action-gift::-moz-focus-inner {  border: 0;  padding: 0;}
button.disabled,button[disabled],fieldset[disabled] button,.cart.table-wrapper .actions-toolbar > .action.disabled,
.cart.table-wrapper .actions-toolbar > .action[disabled],fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action,
.action-gift.disabled,.action-gift[disabled],fieldset[disabled] .action-gift {  opacity: 0.5;  cursor: default;  pointer-events: none;}
.gallery-teaser button, .duo button, .faq-teaser button{width:210px}  
.action.continue button{width:100%;max-width:275px}
.action.back .button{/*margin-top:5px*/}
button.no-topmargin{margin-top:unset;}
button.small-inline{margin-top:0;padding:4px 8px;font-size:10px;border-width:1px;}

button:hover, .button:hover{border:solid 1px transparent;background: #FFFFFF}
.white button:hover, .white .button:hover, button.white:hover, .account button:hover, .modal-popup button:hover{border:solid 1px transparent; background: #F9F7F3}

/*Buttons NEW */
button.signal, .button.signal{background:#EEFC5A;color:#132932;border:solid 1px transparent;}
button.signal:hover, .button.signal:hover{background: #F3F9A5;/*border:solid 1px #132932*/}



/* Paypal Express */
.paypal.before:before, .paypal.after:before{display:none!important;} 
.express-checkout-button img, .express-checkout-button span{pointer-events:none;max-height:30px;}
.express-checkout-button button{width:220px;display:inline-flex;height:40px;padding: 4px 14px 4px 18px!important;align-items:center;justify-content:center; margin:0 10px;max-width:100%;}
.express-checkout-button span{padding-right:10px}
.checkout-methods-items, .product-info-main .box-tocart .actions{display:flex;}
.product-info-main .box-tocart .actions{flex-wrap:wrap;width:calc(100% - 100px)}
.box-tocart .paypal img, .block-minicart .paypal img, .cart-container .paypal img{  display: block;  margin-top: 3px;height:25px;width:80px;}
.cart-container .continue button, .cart-container .express-checkout-button button, #minicart-content-wrapper .express-checkout-button button, .cart-container .checkout .primary{height:44px; width:220px;margin-top:0;}
.cart-container .express-checkout-button button{margin-left:0;margin-right:0;}
.box-tocart .express-checkout-button, .product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart{margin:0 6px 6px 0;width:100%;max-width:220px;}
.box-tocart .express-checkout-button button{margin:0;width:100%;max-width:220px;}
@media only screen and (max-width: 550px){
	.action.primary, .block-minicart .action.viewcart button{padding:13px;width:250px;}
	.express-checkout-button button{padding: 4px 12px 4px 16px!important}
	}
@media only screen and (max-width: 450px){
.block-minicart .block-content > .actions{max-width:250px!important;flex-basis:80%!important;}
}









/* CRITITCAL */


.contentpage h3{font-size:15px;font-weight:300}
.contentpage p, .faq span, .widget-product-grid .price-box .price{font-size:18px;}
p{font-size:15px;}
h2{font-size:22px;font-weight:bolder;letter-spacing:0.33px}
h3 {  font-weight: bolder; font-size: 14px;  margin-top: 10px;  margin-bottom: 5px;}
p {  margin-top: 0rem;  margin-bottom: 1rem;}
b {  font-weight: 700;}
ul,ol {  margin-top: 0rem;  margin-bottom: 0.5rem;}
ul ul,ol ul,ul ol,ol ol {  margin-bottom: 0;}
main,header,nav{/*  display: block;*/}
dt {  font-weight: 700;  margin-bottom: 8px;  margin-top: 0;}
img {border: 0;max-height: 100%;  max-width: 100%;}
html {  font-size: 62.5%;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  font-size-adjust: 100%;}
body {  color: #141F27;  font-family: 'berioo', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  font-style: normal;  font-weight: normal;  line-height: 1.4666;  font-size: 1.4rem;  margin: 0;  padding: 0; background-color: #F9F7F3;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.price-including-tax .price{  font-weight: 700;font-size:16px;}
small,.small {  font-size: 12px;}
.page-title-wrapper h1{  padding-top: 25px;  padding-bottom: 20px;margin:0;text-align:center;}

a,.alink {  color: #141F27;  text-decoration: none;}
input[type="text"],input[type="url"],input[type="tel"],input[type="search"],input[type="number"],input[type="datetime"]{
  background: #ffffff;  background-clip: padding-box;  border: 1px solid #c2c2c2;  border-radius: 1px;  font-size: 14px;  height: 34px;  padding: 0 9px;  vertical-align: baseline;  width: 100%;  box-sizing: border-box;max-width:300px;}
input::-moz-focus-inner {  border: 0;  padding: 0;}
input[type="number"] {  -moz-appearance: textfield;}
.columns .sidebar-main {  -webkit-flex-grow: 1;  flex-grow: 1;  -webkit-flex-basis: 100%;  flex-basis: 100%;  -ms-flex-order: 1;  -webkit-order: 0;  order: 0;}
.items {  margin: 0;  padding: 0;  list-style: none none;}
.columns {  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;  box-sizing: border-box;padding:8px;}
.page-product-bundle .columns{padding:0}
.columns:after {  clear: both;  content: ' ';  display: block;  height: 0;  overflow: hidden;  visibility: hidden;}
.columns .column.main {  -webkit-flex-basis: auto;  flex-basis: auto;  -webkit-flex-grow: 1;  flex-grow: 1;  -ms-flex-order: 1;  -webkit-order: 1;  order: 1;  width: 100%;}
.message.info a {  color: #1979c3;}
.message.error > *:first-child:before {content: '\e602';}
.message.warning, .message.info,.message.notice { color: #141F27;}
.message.error {background-color:#fba6a6;}
.message.warning > p,.message.notice > p,.message.info > p{margin-left:20px;}
.message.warning > *:first-child:before,.message.notice > *:first-child:before,.message.info > *:first-child:before  { content: '\e602';font-family:'icons-blank-theme';font-size:25px;/*position:absolute;margin-left:-28px;margin-top:-7px;*/}
.message.success a {  color: #141F27;text-decoration:underline;font-weight:600;}
.message.success a:hover, .message.success a:active {  font-weight:900;}
.message.success > *:first-child:before {content: '\e610';}
.panel.header .links li{list-style-type:none}
.nav-toggle > span {  border: 0;  clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}
._block-content-loading {position: relative;}
.fieldset {  border: 0;  margin: 0;  padding: 0;}
.fieldset > * {  letter-spacing: normal;}
.fieldset:last-child {/*  margin-bottom: 20px;*/}
.product-info-main .fieldset:last-child{margin-bottom:0px}
.fieldset > .field,.fieldset > .fields > .field {  margin-bottom: 20px;}
.fieldset > .field > .label,.fieldset > .fields > .field > .label {  font-weight: 700; margin-bottom: 5px;}
input[type="email"],input[type="password"]{background-color:transparent;border:none; color:#141F27; border-bottom: 1px solid #141F27;padding-left:35px;font-size: 12px;  height: 30px;  padding: 0;  width: 100%;max-width:300px;}
.page-wrapper {  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  min-height: 100dvh;  z-index:100;position:relative}
.page-main {  -webkit-flex-grow: 1;  flex-grow: 1;}
.action-skip-wrapper {  height: 0;  position: relative;}
.message.global p {  margin: 0;}
.message.global.noscript,.message.global.cookie {  margin: 0 0 10px;  padding: 10px 20px;  display: block;  font-size: 1.3rem;  background: #ffee9c;  border-color: #d6ca8e;  color: #333333;  margin: 0;}
.price-container.weee:before {  display: none;}
.widget {  clear: both;}

.block-search {  margin-bottom: 0;}
.block-search .label {  text-decoration: none;  display: inline-block;  float: right;}
.block-search .label > span {  border: 0;  clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}
.block-search .nested {  display: none;}
.search-autocomplete {  display: none;  margin-top: -15px;  overflow: hidden;  position: absolute;  z-index: 3;}
/* END CRITICAL */@media screen and (max-width: 768px) {
    #klarna-identity-button {
        width: 100%
    }
}/* Account CSS FIELDS */
.fieldset > .field:not(.choice){position:relative;margin-top:10px;padding:18px 0 0}
.fieldset > .field.country{padding-top:0;}
.country label{font-size:16px;}
.fieldset > .field input:not([type='checkbox']){border-top:none;border-left:none;border-right:none;border-bottom:1px solid #ddd;color:black;background:transparent;transition:border-color .2s;font-size:16px;padding:1px;max-width:100%;width:300px;}
.form-address-edit .country select{max-width:250px}
.fieldset > .field.field-focus input{border-bottom:1px solid #141F27}
.fieldset > .field:not(.country, .choice) .label{top:22px;cursor:text;position:absolute;transition:.2s;color:#141F27;font-size:16px;}
.fieldset > .field.field-focus > .label{top:0;font-size:12px;left:0}
.fieldset > .field input::placeholder{color:transparent;}
.fieldset > .field input:-webkit-autofill{transition: margin-top .5s ease-in-out;/*margin-top:20px;*/}
.fieldset > .field.field-focus input:-webkit-autofill{margin-top:0}
.field.mp_refer label{pointer-events:none;}
input:not(:-webkit-autofill){animation-name: onAutoFillCancel;}
@keyframes onAutoFillStart {from {}  to {}}
@keyframes onAutoFillCancel{from {}  to {}}
input[type="checkbox"] {  margin: 3px 10px 0 0;  position: relative;  }
input[type="radio"] {  margin: 3px 10px 0 0;position: relative;}


/* REWARD ACCOUNT CSS */
.item-balance .box-balance {width:250px;max-width:60%;}
.url_and_code .mp_input{display:flex;}
.url_and_code input{width:100%} 
.url_and_code .copy{width:unset;}
.url_and_code button{margin-top:0;margin-left:10px;padding:8px 10px;flex: 1 0 auto;}
.reward-submenu{padding-left:15px;border-bottom:1px solid #d1d1d1;margin:10px 1.8rem;}
.referral-end{padding:20px 0 10px}
.account-nav .content.reward-submenu-content{padding:0 0 10px 0}
.main-balance{padding:8px 0;font-size:16px;}
.main-balance .available{color:#00D61B}
.referral-box textarea{max-width:900px;display:block;}
.account-rewards .agb-text{max-height:500px;overflow:auto;}
.email-notification{border:none;padding:0 0 25px 0}
.account-rewards .account-nav-content li:nth-child(8) a{font-weight:bold}
#send-by{background:none;border:none;padding:10px 5px;-webkit-appearance: none;  -moz-appearance: none;  text-indent: 1px; cursor:text;pointer-events:none;height:unset;}
.block-reward-dashboard > div{padding:15px 0}
#mp_reward_referral .block.col-mp{max-width:1000px;}
.reward-balance p{max-width:unset;padding:25px 0 10px 0}
.account h3{margin-top:10px;}
.account .columns{align-items:stretch;}
.account .main > div, .bubble{box-shadow: 0 3px 23px -3px rgba(0, 0, 0, 0.1); border-radius:10px;border:white;background:white;padding: 15px 25px 20px 25px;margin:20px 10px 20px 30px;}
.account p{margin:2px 0;padding-bottom:5px;}
.checkout-success{margin:auto}
.mp-reward-cart{padding-left:8px;}
.mp_refer label{pointer-events:none}

/* END */

/* ACCOUNT */
.account .columns{max-width:1600px;margin:auto;padding:8px}
.account-nav .item{position:relative;}
.account .actions-toolbar{padding:5px 0}
.account .actions-toolbar .primary{margin-top:0;}

.account .order-status, .account .order-date, .account .print{text-align:center}
#remember-me-box{display:none;}
.customer-account-login .column.main, .customer-account-forgotpassword .column.main, .customer-account-create .column.main, .customer-account-createpassword .column.main{max-width:650px;margin:auto;}
.login-container, .password.forget, .create-account, .create-new-password{border-radius:10px;padding: 20px 25px;margin-top:15px;margin-bottom:25px;background: #fff;text-align:center;}
.login-container .field, .password.forget .field, .create.account .field, .create-new-password .field{text-align:left;margin-left:auto;margin-right:auto;max-width:300px;}
.login-container h2, .password.forget h2, .create-account h2, .create-new-password h2{margin: 10px 0}
.customer-account-index .sidebar-additional{display:none}
.password.forget > fieldset{padding-bottom:15px;}
.login-form{padding-top:20px;}
.block-customer-login > ul {padding-top:15px}
.account-nav{padding:0 10px}
.actions-toolbar > .primary .action, .actions-toolbar > .secondary .action{min-width: 175px;margin:0;}
.form-address-edit .field.region{display:none}
.form-address-edit .country select{max-width:250px;border-radius:6px;}
.form-address-edit .message.info span{position:relative;padding-left:30px;padding-bottom:3px;display:block;}
.account-nav .item.current::before, .account-rewards .account-nav-content li:nth-child(8)::before {
  content:"\00a0";position:absolute;width:8px;height:8px;background-size:8px;left:0;top:50%;transform:translateY(-50%);background-color: #141f27; border-radius:50%;}	

.customer-account-confirmation .form.send{margin:auto;text-align:center;}
.customer-account-confirmation .form.send p{margin:auto;padding:15px 8px;}
.form-address-edit .message.info span:before{content:"\00a0";background-image:url('../../frontend/Berioo/Saftkur/de_DE/images/icons/checkmark.png');background-size:20px auto;width:20px;height:20px;position:absolute;left:0;background-repeat:no-repeat;}
.form-address-edit{display:flex;flex-wrap:wrap;justify-content:center;}
.form-address-edit .fieldset{width:75%;max-width:350px;padding:5px 10px;}
.form-address-edit .actions-toolbar{text-align:left;width:100%;display:flex;justify-content:center;}
.form-address-edit .actions-toolbar .back button{margin:6px 12px;}
.order-details-items .table-order-items .item-options-container{display:none;}
.order-actions-toolbar .action.print{display:none}
.order-details-items .table-wrapper .totals.tax td.mark{width:70%;text-align:left;}
.account h3{margin-top:10px;}
.account .columns{align-items:stretch;}
.account .main > div, .bubble{box-shadow: 0 3px 23px -3px rgba(0, 0, 0, 0.1); border-radius:10px;border:white;padding: 15px;margin:8px 0;max-width:1400px;width:100%;box-sizing:border-box;}
.account .main > div{background:white;}
.form.password.reset .actions-toolbar{padding-top:15px;}
.account .sidebar-main{box-shadow: 0 3px 23px -3px rgba(0, 0, 0, 0.1); border-radius:10px;border:white;background:#e5def1;padding: 5px;margin-bottom:10px}
.account p{margin:2px 0;padding-bottom:5px;}
.block-new-customer span{font-size:16px;}

.customer-account-create .column.main, .customer-account-login .column.main, .customer-account-forgotpassword .column.main, .customer-account-logoutsuccess .column.main, .account .columns{padding-bottom:25px;}

.password.forget .email .control{width:100%;max-width:400px;}
.account .fieldset.password{padding:10px 0 20px 0}
.account .actions-toolbar{text-align:center;}
.account-nav .item .delimiter {  border-top: 1px solid #d1d1d1;  display: block;  margin: 5px 1.8rem;}
.table-wrapper .details-table{display:flex;flex-wrap:wrap;}
.table-wrapper .details-table tr, .block-reward-dashboard-transaction tbody tr, .referral-history tbody tr{width:100%;border-bottom:1px solid #d1d1d1;margin:5px 0;padding-bottom:10px;display:block;}
.table-wrapper .details-table tr:last-child{border:none}
.form-newsletter-manage fieldset{border:none;padding:0 0 5px 0;margin:0}
.account .account-nav-headline{font-size:25px;font-weight:bold;text-align:center;position:relative;padding:0;}
.account .block-order-details-view center{text-align:left;}
.account .toolbar{    margin-bottom: 20px;   }
.empty img{height:25px;padding:4px}
.info.empty{display:flex;align-items:center;}
.account .action.primary{margin:1px;}
.account-nav .item .logout-link{border: 1px solid #132932;border-radius:30px;height:38px;box-sizing:border-box;line-height:30px;margin-top:4px;}
.account-nav .item .logout-link:hover{font-weight:bold;border: 1px solid transparent;}
.fieldset > .field.required > .label:after,.fieldset > .fields > .field.required > .label:after,.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after {  content: '*';  color: #e02b27;  font-size: 1.2rem;  margin: 0 0 0 5px;}
.account .page-title-wrapper h1{padding:0 15px;font-size:25px;}
@media only screen and (max-width: 768px){
	.account .account-nav-headline::after{content:'+';font-size:30px;transition:all .25s ease-in-out;line-height:30px;position:absolute;right:0;top:0;cursor:pointer;font-weight:500;}
	.account .navi-out .account-nav-headline::after{transform:rotate(45deg) ;right:-5px;top: 1px;font-size:35px;}
	.account-nav ul.items{max-height:0;transition:padding .25s ease-in-out, max-height .25s ease-in-out;overflow:hidden;padding:0;}
	.account-nav .navi-out ul.items{max-height:275px;padding:10px 0}
}

/* Account + Success Page */
.checkout-summary .headline, .checkout-summary > div{display:flex;padding:8px 5px;align-items:center;}
.checkout-summary .headline div, .checkout-summary > div div{padding:0 3px; width:20%}
.checkout-summary .headline div.name, .checkout-summary > div div.name{width:40%}
.checkout-summary .headline span{font-size:15px}
.checkout-summary .headline{border-bottom:1px solid #d1d1d1}
.checkout-summary > div span{font-size:13px}


/* ACCOUNT */

.account .column.main h2 {  margin-top: 0;}
.account .column.main .toolbar {  text-align: center;}
.account .sidebar-additional {  margin-top: 40px;}
.account .table-wrapper .action {  margin-right: 15px;}
.account .table-wrapper .action:last-child {  margin-right: 0;}
.account-nav .item:first-child {  margin-top: 0;}
.account-nav .item a,.account-nav .item > strong {  border-left: 3px solid transparent;  display: block;  padding: 3px 18px 3px 15px;transition: all .25s ease}
.account-nav .item a {  text-decoration: none;}
.account-nav .item a:hover {  background: #F9F7F3;border-radius:30px;}
.form-edit-account .fieldset.password {  display: none;}
.block .title strong {  font-weight: 700;  line-height: 1.1;  font-size: 1.4rem;  margin-top: 2rem;  margin-bottom: 2rem;}
.column.main .block .title strong {  font-size: 18px;}
.block p:last-child {  margin: 0;}
.block .box-actions {  margin-top: 5px;}
.field.password .control {  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.field.password .control .mage-error {  -ms-flex-order: 2;  -webkit-order: 2;  order: 2;max-width:400px;}
.field.password .control .input-text {  -ms-flex-order: 0;  -webkit-order: 0;  order: 0;  z-index: 2;}
.password-strength-meter, #password-confirmation-error {  background-color: #F9F7F3;  height: 32px;  line-height: 32px;  padding: 0 9px;  position: relative;  z-index: 1;border-radius:8px;margin-top:8px;max-width:100%;box-sizing:border-box;}
.password-strength-meter:before {  content: '';  height: 100%;  left: 0;  position: absolute;  top: 0;  z-index: -1;border-radius:8px}
.password-none .password-strength-meter:before {  background-color: #f4f4f4;  width: 100%;}
.password-weak .password-strength-meter:before {  background-color: #ffafae;  width: 25%;}
.password-medium .password-strength-meter:before {  background-color: #ffd6b3;  width: 50%;}
.password-strong .password-strength-meter:before {  background-color: #c5eeac;  width: 75%;}
.password-very-strong .password-strength-meter:before {  background-color: #81b562;  width: 100%;}
.control.captcha-image {  margin-top: 10px;}
.control.captcha-image .captcha-img {  vertical-align: middle;}
.customer-account-forgotpassword .button, .customer-account-login .button, .customer-account-create .button, .login-container .secondary button{width:250px;}

/* OLD */
.account .table .col.paypal-account img {  vertical-align: middle;}
.account .table .col.paypal-account + .actions {  vertical-align: middle;}
  .account .column.main,  .account .sidebar-additional {    margin: 0;  }
  .account .order-details-items .table-order-items .product-item-name,  .account .order-details-items .table-order-items .price-including-tax,  .account .order-details-items .table-order-items .price-excluding-tax,  .account .order-details-items .table-order-items .items-qty {    display: inline-block;    vertical-align: top;  }



/* 
BEGIN TABLET
768 to 1440 px
*/

@media all and (min-width: 768px){

/* Account */
.url_and_code button{flex: 0 1 auto; padding:8px 14px;margin-left:15px;}
.table-wrapper .details-table tr, .block-reward-dashboard-transaction tbody tr, .referral-history tbody tr{display:table-row;}
.footer-zahlung{display:none;}
.account .page-title-wrapper h1{font-size:35px;padding:10px 15px;}
.account h2{font-size:30px;}
.account .account-nav-headline{text-align:left;font-size:30px;padding: 5px 0 15px;}
.login-container, .password.forget, .create-new-password{padding: 25px 25px;}
.account.page-layout-2columns-left .sidebar-main,  .account.page-layout-2columns-left .sidebar-additional {max-width:350px;    width: 22.3%;flex-basis:22.3%;  }
.account.page-layout-2columns-left .column.main {max-width:950px;    width: 77.7%;flex-basis:77.7%;  }
.login .password, .login .email{display:flex;align-items:center}
.fieldset > .field {    box-sizing: border-box;    margin-bottom: 15px;  }
.form-newsletter-manage, .account .orders-history{min-height:310px;}
.account .form-edit-account{min-height:340px;}
.main > .block-reward-dashboard-transaction{/*min-height:395px*/} 
.form.create.account{display:flex;flex-wrap:wrap;justify-content:center;}
.form.create.account .create{padding:10px 15px;}
.form.create.account .actions-toolbar{width:100%;text-align:center;padding-top:20px;}
.account .columns{display:flex;justify-content:center;}
.account-nav{padding:0 20px}
.login-container .login .label{width:100px;text-align:left;}
.login-container .login .password .control{margin:unset}
.form-address-edit{justify-content:start;}
.form-address-edit .fieldset{width:50%;}
.order-details-items .table-wrapper .totals.tax td.mark{text-align:right;}
.account .main > div, .bubble{padding: 15px 25px 20px 25px;margin:20px;}
.form-address-edit .actions-toolbar{justify-content:start;}
.checkout-summary .headline div, .checkout-summary .bundle div{padding:0 3px; width:22%}
.checkout-summary .headline div.name, .checkout-summary .bundle div.name{width:34%}
.account .actions-toolbar{text-align:left;}
.account .sidebar-main{padding: 20px 10px;margin:20px 0}
.account-nav .item {  margin: 3px 0 0;}
.account-nav .item .delimiter{margin: 10px 1.8rem;}
.account-nav .content{padding:6px 0 15px 0}
.table-wrapper .details-table{display:contents;}
.account-nav .item a,.account-nav .item > strong { padding: 5px 18px 5px 17px;}
.account-nav .item .logout-link{height:40px;}
.account-nav .item.current::before, .account-rewards .account-nav-content li:nth-child(8)::before {left:1px}
}/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

.post-holder {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.blog-page-list .post-holder {border-bottom: 1px solid #eee}
.blog-page-list .blog-top-image {padding-bottom: 20px}

.post-holder .post-header {position:relative;}

.post-holder .post-header .post-info {padding: 0 0 20px 0;}
.post-holder .post-header .post-info .item {display: inline-block}
.post-holder .post-header .post-info .dash {display: none; /* fix for old templates */}
.post-holder .post-header .post-info .label {font-weight: 600;}
.post-holder .post-header .post-info .value {font-style: italic;}
.post-holder .post-header .post-info .item::after {display: inline-block; content: ' | ';color:#b9b9b9}
.post-holder .post-header .post-info .item:last-child::after{display: none}

.post-list {
    margin-top: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.post-list-wrapper .post-list {padding-left: 0}

.post-list .post-content .post-read-more {padding-top:10px; float:right;}

.subcategory-links-wrapper ul,
.post-links-wrapper ul {list-style: none}

.post-content .post-description img {margin: 15px 0;max-width: 100%;height: auto}
.post-content .post-description ul,
.post-content .post-description ol {list-style-position: outside;}

.post-content .post-description .mfblog-contents li {display: list-item;}
.post-content .post-description .mfblog-contents li li {margin-left: 15px;}

.post-content .post-description .post-ftimg-hld {margin: 0 0 10px 0;}
.post-content .post-description .post-ftimg-hld img {width:100%; padding:0; margin:0;}

.post-content .post-description .mfblog-contents-toc {list-style: decimal;}
.post-content .post-description .mfblog-contents-toc li {margin-bottom: 1rem;}
.post-content .post-description .mfblog-contents-toc li > ol {margin-top: 1rem;}
.post-content .post-description .mfblog-contents-toc li:before {content: none;}
.post-content .post-description .mfblog-contents-toc li a {display: inline;}


/* Post Title */
.post-list .post-header .post-title-holder {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.post-list .post-header .post-title {margin: 0;padding: 10px 10px 10px 0;}
.post-list .post-header .post-title a {text-decoration: none;font-size: 22px;font-weight: 400;}
.post-list .post-holder .post-header .addthis_toolbox a {margin-bottom: 0;}

.post-list .hidden {display:none;}
.post-view .post-bottom {margin-top:30px;}

.post-view .post-nextprev-hld  {margin-bottom: 30px;}
.post-view .post-nextprev-hld .nextprev-link {font-weight: 700;}
.post-view .post-nextprev-hld .prev-link {float:left}
.post-view .post-nextprev-hld .next-link {float:right}

/* Post Gallery */
.post-view .post-gallery {margin:15px 0 15px 0}
.post-view .post-gallery .gallery-image-hld {margin: 0 14px 14px 0; border:1px solid #ccc; display: block; float:left}
.post-view .post-gallery .gallery-image{padding: 0; margin:0; display:block}

.post-view .block {margin-bottom: 30px;}

/* Widget Gallery */
.widget.block-categories ul {padding: 0;margin: 0;list-style: none;}
.widget.block-categories ul li {padding: 5px 0 5px 9px;margin: 0;}
.widget.block-categories ul li a {font-weight: 600;}
.widget.block-categories ul ul {margin: 0;}

/* Widget RSS */
.widget.block-rss .rss-icon {float: left; width: 23px; padding-right: 10px;}

/* Widget Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.widget.blog-search .action.search {position: absolute;right: 10px;top: 0;bottom: 0;z-index: 1;height: 100%;margin: 0;padding: 0;display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/search-icon.svg) no-repeat -10px -7px;background-size: 35px;opacity: 0.5;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* Widget Tag Claud */
.widget.block-tagclaud .smallest{font-size: 0.75em}
.widget.block-tagclaud .small{font-size:1em}
.widget.block-tagclaud .medium{font-size:1.25em}
.widget.block-tagclaud .large{font-size:1.5em}
.widget.block-tagclaud .largest{font-size:2em}

/* Widget Archive */
.widget.block-archive .item {margin: 5px 0;}
.widget.block-archive .item {display: inline-block}
.widget.block-archive .item:after {content: "\\"; display:inline-block;padding-left: 5px}

/* Widget Recent */
.blog-widget-recent .post-list {padding: 0;margin: 0;}
.blog-widget-recent .post-holder {width: 31.2%;float: left;margin: 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 48%;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: both;}
@media (max-width: 767px) {
    .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 98%;}
}
@media (max-width: 1024px) {
    .blog-widget-recent .post-holder {
        width: 48%;
    }
}
@media (max-width: 767px) {
    .blog-widget-recent .post-holder {
        width: 98%;
    }
}

.blog-widget-recent .post-description .post-text-hld {
    min-height: 150px;
    overflow-y: auto;
}

.blog-widget-recent-masonry .post-description .post-text-hld {
    max-height: none;
    min-height: 0;
}
.blog-widget-recent-masonry .post-description .post-ftimg-hld {
    width: 100%;
    margin: 0;
}

.mfblog-autoloader {text-align: center;}
.mfblog-autoloader .mfblog-show-onload {display: none;}


@media (max-width: 420px) {
    #mfblog_gcomments {max-width:345px; overflow-y: scroll;}
}

.blog-category-view .category-content,
.blog-index-index .index-description,
.blog-tag-view .tag-content {padding-left: 0}

/* Posts List */
.widget.block-list-posts .block-content .item {
    padding: 8px 0 0 0;
}
.widget.block-list-posts .block-content .item .post-image {
    width: 60px;
    float: left;
    border-radius: 0;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-right: 12px;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link {
    display: inline-block;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
/* END Posts List */

/* Fix Related Products */
.blog-post-view .products-grid .product-item {
    display: inline-block;
    margin-left: 2%;
    width: calc((100% - 2%)/2);
}
.blog-post-view .product-item:nth-child(2n+1) {
    margin-left: 0;
}
.blog-post-view .products-grid .product-item .product-item-info {
    width: auto;
}
@media (min-width: 640px){
    .blog-post-view .products-grid .product-item {
        display: inline-block;
        margin-left: 2%;
        width: calc((100% - 4%)/3);
    }
    .blog-post-view .products-grid .product-item:nth-child(2n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 0;
    }
}
@media (min-width: 1024px){
    .blog-post-view .products-grid .product-item {
        width: calc((100% - 8%)/5);
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(5n+1) {
        margin-left: 0;
    }
}

/* Icons */
.mf-blog-icon {width: 15px;height: 15px;display: inline-block;position: relative;top: 2px;background-size: cover;}
.mf-blog-icon.mfbi-calendar {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/calendar-icon.svg')}
.mf-blog-icon.mfbi-folder {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/folder-icon.svg')}
.mf-blog-icon.mfbi-comments {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/comments-icon.svg')}
.mf-blog-icon.mfbi-tags {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/tags-icon.svg')}
.mf-blog-icon.mfbi-user {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/user-icon.svg')}
.mf-blog-icon.mfbi-views {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/views-icon.svg')}
.mf-blog-icon.mfbi-reading-time {background-image: url('../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/time-icon.svg')}
/* END Fix Related Products */


/* Post Sharing Top */
/*.post-sharing-top {padding: 10px 0 10px 0;}*/
.post-sharing-top .share-elements {display: flex;flex-wrap: wrap;align-items: center;}
.post-sharing-top .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 4px 0 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;vertical-align: middle;line-height: 16px;}
.post-sharing-top .icon-wrapper:last-child {margin-right: 0;}
.post-sharing-top .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-top .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
.post-sharing-top .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-top .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
.post-sharing-top .icon-wrapper .icon {line-height: 16px;height: 16px;width: 16px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}
.post-sharing-top .icon-wrapper:hover {transform: translateY(-2px);}

/*.post-list .post-sharing-top {}*/
/*.post-view .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}*/
/*.post-list.modern {}*/
/* END Post Sharing Top */
/* All Widget Templates ************************************************************************************************
***********************************************************************************************************************/
body.blog-page {
    --color-white: #ffffff;
    --color-green: #28a745;
    --color-yellow: #ffc107;
    --color-blue: #4db2ec;
    --color-black: #222222;
    --color-gray: #6c757d;
    --color-red: #dc3545;
    --border-color: #d5d6da;
}

.fav-color-green {color: #28a745;}
.fav-color-yellow {color: #ffc107;}
.fav-color-blue {color: #4db2ec;}
.fav-color-black {color: #222222;}
.fav-color-gray {color: #6c757d;}
.fav-color-red {color: #dc3545;}


/* Buttons */
.btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;}
.btn-white:hover {background-color: #4db2ec !important;color: #fff !important; border: 1px solid #4db2ec !important;}
.btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}
.btn-black:hover {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.btn-blue {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}


/* Slider *************************************************************************************************************/
.post-slider .post-block .image-wrap {padding-bottom: 450px;}
/* END Slider *********************************************************************************************************/


.clearfix:after {content:"";display:table;clear:both;}

.post-holder {margin-bottom: 40px;border-radius: 0;}



/* Blog Post List *****************************************************************************************************/
.post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0}
.post-list .post-item.post-holder {margin: 0;padding: 15px 20px 15px 0;display: block;}
.post-list .post-container {display: -ms-flexbox;display: flex;}

/* Post Image ************************************/
.post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;}
.post-list .post-image .image-container {position: relative;}
.post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 60%;}
.post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;}
/* Post Category */
.post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;}
.post-list .post-image .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;
    /*-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all .3s ease;*/}
.post-list .post-image .post-category a:hover {background: #4db2ec;}

/* Post Info **************************************/
.post-list.modern .post-info {padding: 0 0 0 25px;flex: 0 0 70%;max-width: 70%;width: 70%;order: 1;box-sizing: border-box;}
.post-content .post-description img{margin:15px auto;display:block}
/* Post Title */
.post-list .post-info .post-title-wrap h2 {margin: 0;padding-top:0px;}
.post-list .post-info .post-title-wrap h2 a {font-size: 25px;line-height: 25px;font-weight: 500;}
.magazin .category-content{padding-top:20px;padding-bottom:30px;text-align:center;}
.magazin h3{font-size:18px;}
/* Post Data */
.post-list .post-info .post-data-wrap {font-size: 11px;font-family: sans-serif;}
.post-list .post-info .post-data-wrap .post-date {font-size: 11px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;}
.post-list .post-info .post-data-wrap a {font-weight: 600;}
/* Post Description */
.post-list .post-description {line-height: 21px;font-size: 13px;}
/* Post View */
.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}
.post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;}
/*.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}*/
/*.post-list .post-view:before {display: inline-block;content: "\f06e";width: 10px;height: 10px;text-align: center;margin-right: 3px;*/
/*    font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
/* Read More */
/*  .post-list .post-read-more {display: none;}  */
.post-read-more a.post-read {display: inline-block;color: #fff;background-color: #4db2ec;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;}
.post-read-more a.post-read:hover {color: #fff;background: #222222;}
/*@media (max-width: 1200px) {
    .blog-index-index .post-list /*.post-read-more *//* {display: none;}
}
*/

@media (max-width: 767px) {
	.post-list .post-item.post-holder {margin-bottom: 1.5rem;padding:0;}
    .post-list .post-image .post-category {/*display: none;*/}
	.post-list .post-container{flex-wrap:wrap;justify-content:center;}
	.post-list .post-image{flex-basis:unset;width:385px;max-width:90%;}
    .post-list.modern .post-info{padding: 8px;text-align:center;flex-basis:100%;max-width:90%;}
    .post-list.modern .post-description {/*display: none;*/}
    .post-read-more a.post-read {display: none;}
	.post-list .post-info .post-data-wrap{display:none;}
	.post-list .post-info .post-title-wrap h2 {padding-top:12px;}

}

/* Images Format *******************************************/
.post-image .image-wrap._16x9 {padding-bottom: 35% !important;}
.post-image .image-wrap._4x3 {padding-bottom: 67% !important;}
.post-image .image-wrap._3x2 {padding-bottom: 55% !important;}
.post-image .image-wrap._1x1 {padding-bottom: 100% !important;}
@media (max-width: 768px) {

}
/* Blog Post List *****************************************************************************************************/


/* Post View **********************************************************************************************************/
/* Page Title */
/*.blog-post-view .page-title-wrapper .page-title {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}*/
/* Category */
.blog-post-view .post-category a {display: inline-block;margin: 0 5px;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;}

/* Post Data */
.blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;}
.blog-post-view .post-data-wrap a {font-weight: 600;}
.blog-post-view .post-data {color: #bbbbbb;}
/* Post View */
/* Post Comments */
.blog-post-view .post-comments {margin-right: 20px;}
/* Social */
.blog-post-view .post-sharing {margin-bottom: 20px;}
/* Image */

/* Tags */
.blog-post-view .post-tag {margin-bottom: 20px;}
.blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px;text-transform: uppercase;font-size: 11px;}
.blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color);color: #222;background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;}
.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;}

/* Post Text */
.blog-post-view .post-description {margin-bottom: 30px;}
.blog-post-view .post-description p {font-size: 1.4rem;line-height: 1.7;}

/* Post Bottom *****************************************/
.post-view .post-bottom {margin-top:30px;}

/* Post Sharing Bottom */
.post-sharing-bottom .addthis_inline_share_toolbox {text-align: center;}

/* Post Gallery */
/*.blog-post-view .post-gallery {display: flex;flex-wrap: wrap;}*/
.blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;}
.blog-post-view .post-gallery .gallery-image-hld {display: inline-block;}
.blog-post-view .post-gallery .gallery-image-hld img {}

/* Post Navigation */
.blog-post-view .post-nextprev  {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;color: #222222;font-weight: 600;}
.blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;}
.blog-post-view .post-nextprev .nextprev-link span {display: block;color: #bbbbbb;font-size: 14px;font-weight: normal;}

/* Block Related */
.blog-post-view .post-bottom .block.related {margin-bottom: 0;}
.blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Related Posts */
.mfblog-replated-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;}
.mfblog-replated-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;}

.mfblog-replated-posts-block.block.related .post-list .post-item .image-container {
    -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.mfblog-replated-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.mfblog-replated-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.mfblog-replated-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
.mfblog-replated-posts-block.block.related .post-list .block-info h3.post-title a {font-size: 14px !important;line-height: 20px !important;font-weight: 600 !important;color: #222222;}
@media (max-width: 767px) {
    .mfblog-replated-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;}
}

/* Related Products */
.mfblog-replated-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.mfblog-replated-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Block Comments */
.block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;}
.block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;}
/* END Post Bottom *************************************/

@media (max-width: 767px) {
    .blog-post-view .page-title-wrapper .page-title {font-size: 20px;}
    .blog-post-view .post-nextprev .nextprev-link {font-size: 14px;line-height: 1.4;}
}
/* END Post View ******************************************************************************************************/


/* Animation Zoom */
.image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;}
.image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;}
.image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1);  -webkit-transform: scale3d(1.1,1.1,1);}


/* Sidebar ************************************************************************************************************/
/* Block Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search  label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;border: 1px solid #bbbbbb;}
.widget.blog-search .action.search {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;background: #222222;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Berioo/Saftkur/de_DE/Magefan_Blog/images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
/*.blog-search .actions .action.search {background: #222222;right: 0;padding: 0 10px;border-radius: 0;}*/

/* Posts List */
.widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;}
/* Images */
/* Span Background */
.widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
/* Post Info */
.widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;}
.widget.block-list-posts .post-list .post-item .block-info .block-date {color: #bbbbbb;}
.widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;}

/* Post Grid */
.widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;}
.widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
/* END Posts List */

/* Archive */
.widget.block-archive .archive-item-link {font-weight: 600}

/* RSS Feed */
.widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;}
/* End Sidebar ********************************************************************************************************/



/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */