/** 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*/} /*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:#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: 375px){ .inpic-box{padding-top:5px} .inpic-box h1{font-size:25px} .inpic-box .introtext{font-size:15px} } @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{background:#EEFC5A;color:#132932;border:solid 1px transparent;} 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 */.dummy { color: black; } .fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama-grabbing-cursor { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama-gpu, .fotorama--fullscreen, .fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { transform: translateZ(0); } .fotorama-focus, .fotorama__nav__frame, .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus { outline: 0; } .fotorama-focus-overlay:after { background-color: #006bb4; border-radius: inherit; content: ''; } .fotorama-transform-disabled, .fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { transform: none !important; } .fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-duration: 0ms; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select, .fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { user-select: none; } .fotorama-select, .fotorama__select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin, .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama-inline-block, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__caption__wrap { *display: inline; *zoom: 1; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .fotorama-content-box, .fotorama__nav__frame { box-sizing: content-box; } .fotorama-border-box, .fotorama__thumb-border, .fotorama__caption__wrap, .fotorama__arr { box-sizing: border-box; } .fotorama-hidden, .fotorama--hidden, .fotorama__load { left: -99999px; position: absolute; top: -99999px; z-index: -1000; } .fotorama-visible { left: auto; opacity: 1; position: relative; top: auto; z-index: auto; } .fotorama-no-tap, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: 0ms; } .fotorama-sprite, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background-image: url('../../frontend/Berioo/Saftkur/de_DE/mage/gallery/gallery.png'); background-repeat: no-repeat; } @media print { .fotorama-print-background, .fotorama-sprite, .fotorama__thumb-border, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background: none !important; } } .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus, .fotorama__arr:focus, .fotorama__stage__shaft:focus, .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__fullscreen-icon:focus:after, .fotorama__zoom-out:focus:after, .fotorama__zoom-in:focus:after, .fotorama__arr:focus:after, .fotorama__stage__shaft:focus:after, .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { border-radius: inherit; bottom: 3px; box-shadow: 0 0 3px 1px #68a8e0; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__thumb:after, .fotorama__nav__frame--thumb:focus .fotorama__dot:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { bottom: 0; left: 0; right: 0; top: 0; } .fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after, .fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__thumb { overflow: inherit; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after { left: 1px; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after { top: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb:after { right: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after { bottom: 1px; } .fotorama__thumb__arr { box-shadow: none; } .fotorama--fullscreen { background: #ffffff; bottom: 0 !important; float: none !important; left: 0 !important; margin: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 1000 !important; } .fotorama--fullscreen .fotorama__wrap { max-width: 100% !important; } .fotorama__fullscreen { overflow: hidden; position: relative; } .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { cursor: pointer; display: block; height: 80px; overflow: hidden; position: absolute; width: 80px; } .fotorama__fullscreen .fotorama__zoom-out { background-position: 0 -80px !important; top: 80px; } .fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled { display: none; } .fotorama__fullscreen .fotorama__zoom-in { background-position: 0 0 !important; top: 0; } .fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled { display: none; } .fotorama__fullscreen .fotorama__video-close { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__zoom-in, .fotorama__zoom-out { display: none; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama__wrap { -webkit-text-size-adjust: 100%; direction: ltr; position: relative; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__stage__shaft { position: relative; } .fotorama__wrap { /* .fotorama__grab { &:extend(.fotorama-grab-cursor); }*/ } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { border: none !important; max-width: inherit; opacity: 0; } .fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img { opacity: 1; } .fotorama__img--full { display: none; } .fotorama__nav { display: none; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { left: 0; position: relative; text-align: left; top: 0; } .fotorama__nav__frame { position: relative; } .fotorama__nav--dots { display: block; text-align: center; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__active .fotorama__dot { background-color: #141F27; border-color: #141F27; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame { border-width: 3px; height: 0; width: 0; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after { left: -3px; padding: 3px; top: -3px; } .fotorama__nav__frame:focus { box-shadow: none; } .fotorama__nav__frame:focus :after { left: -1px; padding: 1px; top: -1px; } .fotorama__dot { border-radius: 6px; border: 1px solid #141F27; display: block; height: 5px; width: 5px; } .fotorama__thumb { height: 100%; overflow: hidden; position: relative; width: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { backface-visibility: hidden; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); border: 1px solid #141F27; left: 0; position: absolute; top: 0; z-index: 9; } .fotorama__caption { bottom: 0; color: #000000; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; } .fotorama__caption a { border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.005); color: #000000; text-decoration: none; } .fotorama__caption a:hover { border-color: rgba(0, 0, 0, 0.005); color: #000000; } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption { display: none; } .fotorama__caption__wrap { padding: 5px 10px; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__spinner { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; } .fotorama__wrap--css3 .fotorama__spinner { animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: linear; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { cursor: pointer; position: absolute; } .fotorama__arr { z-index: 900; } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in, .fotorama__video-close { z-index: 1000; } .fotorama__arr { bottom: 0; position: absolute; top: 0; width: 80px; } .fotorama__arr .fotorama__arr__arr { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; height: 80px; width: 80px; } .fotorama__arr--prev { left: 0; } .fotorama__arr--prev .fotorama__arr__arr { background-position: -80px -80px; } .fotorama__arr--next { right: 0; } .fotorama__arr--next .fotorama__arr__arr { background-position: -160px -80px; } .fotorama__arr--disabled { cursor: default; opacity: 0; pointer-events: none; } .fotorama__fullscreen-icon { background-position: 0 0; display: none; height: 80px; right: 0; top: 0; width: 80px; z-index: 1000; } .fotorama--fullscreen-icons .fotorama__fullscreen-icon { display: none; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -80px 0; display: inline-block; } .fotorama__video-play { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; height: 160px; width: 160px; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { display: block; opacity: 1; } .fotorama__nav__frame .fotorama__video-play { background-position: 0 -240px; height: 80px; width: 80px; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 1; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } /* .fotorama__wrap--css3 { &.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows { .fotorama__fullscreen-icon:not(:focus) { .fotorama-translate3d(@fotorama-arw-size, -@fotorama-arw-size, 0); } .fotorama__arr--prev:not(:focus) { .fotorama-translate3d(-@fotorama-arw-size * 1.5, 0, 0); } .fotorama__arr--next:not(:focus) { .fotorama-translate3d(@fotorama-arw-size * 1.5, 0, 0); } } &.fotorama__wrap--video { .fotorama__fullscreen-icon { .fotorama-translate3d(@fotorama-arw-size, -@fotorama-arw-size, 0) !important; } .fotorama__arr--prev { .fotorama-translate3d(-@fotorama-arw-size * 1.5, 0, 0) !important; } .fotorama__arr--next { .fotorama-translate3d(@fotorama-arw-size * 1.5, 0, 0) !important; } } } */ .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after { background-repeat: no-repeat; content: ''; display: block; pointer-events: none; position: absolute; text-decoration: none; z-index: 10; } .fotorama__stage:before, .fotorama__nav:before { left: -10px; top: -10px; } .fotorama__stage:after, .fotorama__nav:after { right: -10px; bottom: -10px; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-size: 1px 100%, 5px 100%; bottom: 0; height: auto; top: 0; width: 10px; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-size: 100% 1px, 100% 5px ; height: 10px; left: 0; right: 0; width: auto; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: 0; } .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: 0; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; top: 0; } .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 100%, 0 100%; bottom: 0; } .fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--fade .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:after { display: none; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img { -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); top: 50%; left: 50%; position: absolute; width: auto; } .magnifier-thumb-wrapper { display: block; left: 0; position: relative; top: 0; } .magnifier-lens { border: solid 1px #bbbbbb; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 800; } .magnify-lens { background: rgba(255, 255, 255, 0.5); border: solid 1px #bbbbbb; color: #ffffff; left: 0; position: absolute; text-align: center; top: 0; z-index: 1000; overflow: hidden; } .magnify-lens .magnifier-large { width: auto; height: auto; max-height: none; max-width: none; border: none; position: absolute; z-index: 100; } .magnifier-loader-text { margin-top: 10px; } .magnifier-preview { bottom: 0; left: 58%; overflow: hidden; padding: 0; position: absolute; z-index: 2; top: 215px; } .magnifier-preview img { left: 0; max-width: inherit; max-height: inherit; position: absolute; top: 0; object-fit: scale-down; } /**/ .fotorama__stage__frame { text-align: center; } .fotorama__stage__frame .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; vertical-align: middle; width: auto; } .magnify-opaque { opacity: .5; } .magnify-hidden { display: none; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { display: inline-block; left: 0; position: absolute; top: 0; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { width: 100%; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { bottom: 0; left: 0; margin: auto; max-height: inherit; max-width: inherit; position: absolute; right: 0; top: 0; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { cursor: default; display: block; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; top: 0; transition: 0.3s linear; vertical-align: middle; width: auto; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable { cursor: pointer; max-height: none; max-width: none; transition-property: width, height, bottom, right, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable { cursor: move; transition-property: none; } .fotorama--fullscreen .fotorama__stage__frame iframe { left: 80px; width: calc(100% - 80px * 2); } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width: 30px; z-index: 1000; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { cursor: pointer; height: 30px; left: 0; position: absolute; right: 0; z-index: 1000; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: auto; width: 30px; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 0; } .fotorama__wrap--only-active .fotorama__stage, .fotorama__wrap--only-active .fotorama__nav { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__thumb--icon { font-size: 0.001px; padding-bottom: 30px; } .fotorama__thumb__arr--left .fotorama__thumb--icon { background-position: -25px -265px; } .fotorama__thumb__arr--right .fotorama__thumb--icon { background-position: -25px -350px; } .magnify-fullimage { display: none; } .fotorama__arr, .fotorama__thumb__arr { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__arr:hover, .fotorama__thumb__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__arr:active, .fotorama__thumb__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__video-close { background-position: -80px 0; height: 80px; opacity: 0; right: 0; top: 0; transform: translate3d(80px, -80px, 0); transition: opacity 0.3s ease-in-out; width: 80px; } @media all and (max-width: 768px) { .fotorama__video-close { background-position: -100px -20px; top: 10px; height: 40px; width: 40px; } } .fotorama__video-close.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } .gallery-placeholder__image { display: block; margin: auto; } .fotorama__spinner { background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/loader-1.gif'); bottom: 0; display: none; height: 64px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 64px; z-index: 100; } .fotorama__spinner.fotorama__spinner--show { display: block; } .fotorama__product-video--loaded .fotorama__img, .fotorama__product-video--loaded .fotorama__img--full { display: none !important; } .fotorama__stage .fotorama__arr--shown { display: block !important; } .fotorama__stage .fotorama__arr--hidden { display: none !important; } /* PDS */ .pds-intro h1{font-size:24px;font-weight:bolder;letter-spacing:0.33px} .price-details a:hover{font-weight:bold} .product-info-main .overview ul{padding:0;list-style:disc;font-size:16px;} .overview ul li{margin-left:15px;padding:5px 0} .product-info-price .price-details{display:none} .product-info-rest .drei li{max-width:115px;} .product-info-rest .iconrow{max-width:unset;} .naehrwerte-zutaten p.zutathinweis{max-width:900px;padding-top:10px;} .product-info-stock-sku span{fon-size:20px} .product-info-main .price-box .old-price .price-wrapper .price{font-size:18px;font-weight:400;padding-left:10px} .description .value div, .extra{text-align:center;} .pds-intro{padding-left:20px;padding-right:20px;} .naehrwerte-zutaten img{width:220px;margin-top:-10px;margin-bottom:-20px;} .pds-intro p{padding-top:15px} .price-configured_price, .block-bundle-summary .price-details, .box-tocart .label{display:none} .pds-intro a, .link{text-transform:uppercase;font-size:12px;font-weight:bolder;display:block;padding-top:40px;letter-spacing:1px} .nutri-head{text-transform:uppercase} .zutatentabelle {margin:auto} .zutatentabelle, .naehrwerte-zutaten p{font-size:13px;max-width:300px;margin:2px auto;font-weight:300} .produkt-features.iconrow{padding-bottom:30px;align-items:start;text-align:center;} .produkt-features.iconrow p{font-size:14px;} .pds-navi .kur-dauer{line-height:30px;} .naehrwerte-zutaten{display:flex;overflow:auto;} .naehrwerte-zutaten > div{flex-basis:80%;flex-shrink:0;} .naehrwerte-zutaten > div > p{text-align:left;font-size:13px} .zutathinweis{padding-top:15px;} .nutri-data tr{border-top:solid 1px #141F27} .nutri-data tr:first-child{border:none} .naehrwerte-zutaten h2, .naehrwerte-zutaten .headline{text-align:center;padding-left:20px;padding-right:20px;font-size:20px;font-weight:bolder;} .naehrwerte-zutaten div{padding-bottom:25px;padding-top:10px} .fotorama__caption{display:none} .product-info-rest{width:100%;} .bundle-options-container .block-bundle-summary .box-tocart .action.primary,.product-info-main .box-tocart .action.tocart,.product-options-bottom .box-tocart .action.tocart{ padding:8px 20px;height:40px;font-size:14px;max-width:220px} .product-add-form .box-tocart .fieldset{display:flex;justify-content:center;} .upsell{background-color:#fff;margin:auto;width:100%;} .pds-intro, .produkt-features{background: #fff;} .upsell .product-image-photo{max-width:250px;position:relative} .upsell .products.list{flex-wrap:nowrap;justify-content:start;padding:10px;} .block .title { margin-bottom: 5px;padding:10px;text-align:center;} .block.upsell .title{margin:0;padding:0 10px} .upsell li.product-item:nth-child(n+5){display:none!important} .upsell .products .product-items li{flex-shrink:0;padding:8px;} .choice{list-style:none;display:flex;padding:20px 0;justify-content:space-evenly;max-width:700px;margin:auto;} .choice li{padding:6px;max-width:calc(50% - 12px)} .choice li button{padding:12px;margin-top:10px;width:250px;max-width:100%} .description .options{padding-bottom:0} .zutatentabelle span{display:block;padding-bottom: 10px;} .faq img{display:block;padding:10px 0 20px 0} .faq h2{font-size:24px} .fold-out li{list-style:none;font-size:16px;border-bottom:solid 1px #141F27;padding:10px 0;cursor:pointer;position:relative;} .fold-out li:after{content:"+";position:absolute;right:10px;top:10px;} .fold-out li.active:after{content:"-";right:12px} .fold-out li span{text-transform:uppercase} .faq li span{padding-right:25px;} .fold-out li p{font-size:14px;max-height:0;overflow:hidden;padding:0;transition:max-height .25s ease-in-out, padding .25s ease-in-out;font-weight:400;} .fold-out li.active p{max-height:250px;padding:15px 0 10px 0} #details:before{display: block; content: " "; margin-top: -20px; height: 20px; visibility: hidden;} .naehrwerte-zutaten .overline{text-align:center;margin-bottom:0;} .naehrwerte-zutaten h2 br, .naehrwerte-zutaten .headline br{display:none} .product-info-rest .nutri > p{font-size:15px} .pds-navi > p{padding-top:12px;font-size:17px;position:relative;cursor:pointer;} .pds-navi > span, .pds-navi > p{padding-left:6px;} .pds-navi > span{padding-top:15px;} .pds-navi{max-width:1000px;margin:auto;padding:25px 5px;} .description .value{padding:0} .products.products-upsell{padding:0} /* GALLERY */ .media .fotorama__stage{max-height:250px;height:40vh/*;margin:auto*/} .fotorama-item .fotorama__arr .fotorama__arr__arr{background:none;width:15px;height:20px} .fotorama__arr__arr:after{transition:color .2s ease-in-out;content:"<";position:absolute;font-size:20px;color: #565756;font-weight:100;;top:0;left:0} .fotorama__arr__arr:hover:after{color:#141F27} .fotorama__arr--next .fotorama__arr__arr:after{content:">"} .fotorama-item .fotorama__dot{color:#b7b8b7;background-color:#b7b8b7;border-color:#b7b8b7} .fotorama__nav__shaft{cursor:pointer;height:13px;} .product.media .fotorama__nav__frame{padding:3px} .fotorama__thumb__arr, .fotorama__thumb-border{display:none} .fotorama__nav{width:100%} .fotorama__arr:active, .fotorama__thumb__arr:active, .fotorama__stage .fotorama__arr, .fotorama__arr:hover, .fotorama__thumb__arr:hover{background-color:unset!important} .media .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus), .media .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){transform:none} .media .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0.7} .media .fotorama__nav__shaft{padding-top:15px} .fotorama__arr--next, .fotorama__arr--prev, .fotorama__nav-wrap{display:block!important} .fotorama__nav-wrap .fotorama__thumb__arr{/*background-color:rgba(223, 221, 221, 0.74)*/} .fotorama__active .fotorama__dot{border-color:#141F27;background-color:#141F27} .fotorama__stage .fotorama__arr--disabled{pointer-events:unset;cursor:pointer;opacity:1} .fotorama__nav__frame .fotorama__thumb{background-color:transparent} .fotorama__stage .fotorama__arr{width:50px;} .contentpage div.nutri{padding-top:30px} .kur-varianten li{font-weight:700} .prices-tier { background: #f5f5f5; margin: 10px 0; padding: 10px 15px;} .zutatentabelle, .naehrwerte-zutaten p{line-height:1.3} /* BEGIN TABLET 768 to 1440 px */ @media all and (min-width: 768px){ .naehrwerte-zutaten h2, .naehrwerte-zutaten .headline{font-size:30px;padding-top:10px;} .naehrwerte-zutaten h2{padding-left:25px;padding-right:25px;margin-top:5px;} .product-info-main{width: calc(45% - 67px);max-width:700px} .upsell .products.list{padding:0} .naehrwerte-zutaten.flex{align-items:start;flex-wrap:wrap;max-width:1200px;margin:auto} .produkt-features.iconrow{padding: 40px 10px 60px 10px;} .product-info-rest .drei li{max-width:200px;} .pds-navi{background:unset;} .pds-navi > span, .pds-navi > p{display:none;} .product-info-main .overview ul{padding:0; font-size:18px;} .pds-navi .kur-dauer{line-height:30px;} .naehrwerte-zutaten img{width:300px;display:block;margin:auto} .naehrwerte-zutaten div{flex-basis:33%;max-width:400px;} .naehrwerte-zutaten.flex.multiset{max-width:400px} .naehrwerte-zutaten.multiset div{flex-basis:100%;} .product-info-rest .nutri > p{font-size:18px} .attribute.overview{font-size:20px;font-weight:normal} .naehrwerte-zutaten div:nth-child(2n+0){background:unset} .pds-intro a{font-size:14px} .media .fotorama__stage{max-height:500px} .catalog-product-view .column.main{display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px;} .product-add-form .box-tocart .fieldset .field.qty .label{display:none} .zutatentabelle, .naehrwerte-zutaten p{margin:0;max-width:330px;} #details:before{margin-top: -85px; height: 85px;} .upsell .product-items li{border:25px solid transparent;transition:border .2s ease-in-out;} .upsell .product-items li.active{border:15px solid transparent;transition:border .2s ease-in-out;} .upsell .product-image-photo{max-width:100%;} .extra.contentpage .multiset div:first-child{padding-bottom:25px} .pds-intro p{max-width:600px;font-size:18px;} .pds-intro h1{font-size:34px;} .prices-tier{padding:10px 0px} .attribute.overview{padding-top:15px} .product-add-form .box-tocart .fieldset{justify-content:start} @media all and (max-width: 1040px){ .product-info-main{width:100%;max-width:600px;} .naehrwerte-zutaten div{flex-basis:50%;} } } @media all and (min-width: 1440px){ }/** * 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! */