/** 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 */#klarna-identity-button { width: 100% }/** * Copyright © MageWorx. All rights reserved. * See LICENSE.txt for license details. */ #giftcard-info dl { display: inline-block; margin-bottom: 5px; } #giftcard-info dt { float: left; margin: 0 11px; font-weight: normal; clear: left; } #giftcard-info dd { font-weight: bold; margin: 0; float: left; } .check-giftcard-status { margin-top: 11px; } .giftcards-applied-template { margin-top: 15px; } .main-line { font-weight: bold; margin-bottom: 0; } .opc-wrapper .form-mageworx-giftcards { max-width: 500px; } .opc-wrapper .form-mageworx-giftcards .field .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .am-porto-cmtb #activateGiftCard #giftcard_code { border-radius: 3px 0 0 3px; } .amasty-jet-theme #block-giftcard #giftcard-info { padding-left: 36px; } .amasty-jet-theme #activateGiftCard .actions-toolbar { display: block; margin-top: 20px; } .amasty-jet-theme #block-giftcard .content { padding-top: 15px; } .amasty-jet-theme #block-giftcard .action { margin: 0; padding: 0; color: #6b26fd; text-decoration: none; background: none; border: 0; display: inline; } .amasty-jet-theme #mageworx-giftcards-form .secondary .action { margin: 0; } /* CHECKOUT CSS - loaded on: - cart page /checkout/cart/ - swissup OPC: /bestellvorgang-kasse/ - paypal express checkout */ .promobar{display:none} .fc-agreements-moved.firecheckout .opc-payment .checkout-agreements-block, .firecheckout #checkout .payment-method .payment-method-content .actions-toolbar .action.checkout{display:block!important;} /* REWARD */ #checkout .opc-payment-additional.reward{background:#f5f6f4; border-radius:10px;padding:15.5px 18px;} .cart-summary .opc-payment-additional.reward{border-top: 1px solid #d1d1d1;padding-top:20px;margin-top:20px} .firecheckout #checkout .reward-points-payment-content{display:block!important;} .reward-box .mp-spent, .firecheckout #checkout .reward-box span input[type="text"].mp-spent{background:transparent;border:solid 2px black;border-radius:30px;width:60px;text-align:center;margin-left:6px;padding:0 10px;height:34px} .reward-box #reward-use-max-point{transition:all 0.2s ease-in-out;box-shadow:0 0 0 0 #ffffff inset;border:2px solid #e7e9ef;border-radius:4px;height:18px;width:18px;} .reward-box #reward-use-max-point:checked{box-shadow:0 0 0 10px #bfbfbf inset;border:none} .reward-box #reward-use-max-point:checked:focus{box-shadow: 0 0 0 10px #ababab inset} .reward-box #reward-use-max-point:focus{border: #b9bfd0;outline:0;box-shadow: 0 0 0 10px #ababab inset} .reward-box .field.choice{display:flex;align-items:center;} .reward-box .range-slider{padding-top:10px;} .firecheckout #checkout .fieldset [data-collapsible="true"]{ margin-bottom: 15px;} .payment-option.reward .action-toggle::after, .opc-wrapper #payment .reward{display:none!important} /* Classic Onepage */ .classic-checkout .authentication-wrapper, .classic-checkout .braintree-credit-card-types{display:none;} .classic-checkout .opc-progress-bar{flex: 0 1 100%;text-align:center;} .classic-checkout .opc-wrapper{flex: 0 1 100%;} .classic-checkout .opc-sidebar{flex: 0 1 100%;margin:0} @media all and (min-width: 768px){ .classic-checkout .opc-wrapper{flex: 0 1 66%;} .classic-checkout .opc-sidebar{flex: 0 1 33%;} } .classic-checkout .opc-block-summary{padding-top:0} .classic-checkout .table-checkout-shipping-method{width:100%;} #checkout.classic-checkout .payment-method{/*position:relative;padding:15px;min-height:unset;*/} #checkout.classic-checkout .payment-method-title .label{/*top:0;left:50px;*/} .classic-checkout .checkout-payment-method .payment-method-content{padding-top:30px;} .classic-checkout .payment-method._active{background:#e3e5e9} .classic-checkout .form-discount{padding-top:25px;} .classic-checkout .checkout-agreements{display:block;} .classic-checkout #braintree-google-checkout-btn{width:200px;height:35px;border:solid 1px black;border-radius:15px;} .classic-checkout .braintree-paypal-fieldset{display:none;} /* NEW LOOK */ .firecheckout #checkout .fieldset.swissup-checkout-fields{box-shadow: 0 3px 23px -3px rgba(0,0,0,.1);border-radius:10px;background:#fff;box-sizing:border-box;padding: 25px 10px;margin-bottom:10px;} .swissup-checkout-fields #discount-form{display:flex;} .swissup-checkout-fields #discount-form .payment-option-inner{flex-grow:1;margin-right:-45px;} .swissup-checkout-fields #discount-form .actions-toolbar{z-index:1;} .firecheckout.firecheckout-col1-set #checkout .opc-sidebar{float:none;width:100%!Important;position:relative!important} @media all and (max-width: 768px){ /*.firecheckout #checkout .opc-block-summary{position:fixed;bottom:0;left:0;z-index:99999;width:100%;padding:10px;background:#f9f7f3;box-shadow: 0 5px 30px 3px rgb(37 37 37 / 29%)} .opc-block-summary .additional-content, .opc-block-summary .payment-method.agreements-clone, .opc-block-summary .place-order{display:none;} .opc-block-summary > span{position:relative;} .opc-block-summary > span:after{content: "+";height: calc( 100% / 2); line-height: 30px; position:absolute; right:10px;top:0;font-size:30px;} .opc-block-summary .opc-block-shipping-information, .opc-block-summary .items-in-cart{display:none;} /* only after click */ .firecheckout #checkout .opc-block-summary .table-totals{margin:0;} } @media all and (min-width: 768px){ /*.firecheckout.firecheckout-col3-set #checkout .opc-sidebar.opc-summary-wrapper{position:fixed !important;right:-20px;top:25%;width:25%;max-width:525px !important;}*/ .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper .opc > li, #checkout .swissup-checkout-fields{float:none !Important; width:100% !important; max-width: 750px;} .firecheckout #checkout .fieldset.swissup-checkout-fields, .firecheckout.firecheckout-col3-set .page-main #checkout .opc-sidebar{margin: 0 35px 35px 0; padding: 25px; width:100%; float:none;} /*.firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper{max-width:750px !Important;} .opc-block-summary > span:before{display:none;}*/ } /* Braintree .firecheckout #checkout .payment-method:not(.payment-method-braintree):not(.payment-method-braintree-lpm) img{display:none} .firecheckout .checkout-payment-method .ccard .credit-card-types{list-style:none;padding:5px 10px;} .firecheckout .checkout-payment-method .ccard li{display:inline-block;padding-right:8px;} .firecheckout #checkout .checkout-payment-method .ccard .cvv > .control{width:100%!important} .firecheckout #checkout .payment-method-braintree .hosted-control.hosted-cid{max-width:100px;} .firecheckout .braintree-credit-card-selected{display:none;} .firecheckout .payment.items.ccard.braintree{display:flex;flex-wrap:wrap;} .firecheckout .ccard.braintree .field.expiry, .firecheckout .ccard.braintree .field.cvv{width:50%} .firecheckout #payment-method-braintree-paypal .braintree-paypal-buttons{max-width:310px;} .firecheckout #payment-method-braintree-paypal #payment_form_braintree_paypal{border:transparent;} .firecheckout #checkout .payment-method #braintree{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/braintree-creditcard.png');background-size:74px auto;} .firecheckout #checkout .payment-method #braintree_paypal{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/paypal.svg');background-size:100px auto;background-position-y: 22px;} .firecheckout #checkout .payment-method #braintree_googlepay{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/google-pay.svg');background-size:120px auto;background-position: -18px -5px;} .firecheckout #checkout .payment-method #braintree_applepay{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/apple-pay.svg');background-size:75px auto;background-position-y: 15px;} .firecheckout #checkout #payment-method-braintree-lpm.payment-method .payment-method-content .actions-toolbar .action.checkout{display:block;background:transparent;pointer-events:none;padding:5px;} .firecheckout #checkout .payment-method .payment-method-content .messages{display:none;} .firecheckout #checkout .payment-method .payment-method-content .actions-toolbar .primary .action.checkout{display:block;margin-bottom:25px;margin-top:15px;} .fc-agreements-moved.firecheckout #checkout .opc-payment .checkout-agreements-block{display:block;} .firecheckout.firecheckout-col3-set #checkout .opc-sidebar {height: fit-content;} */ /* FREE PRODUCT */ .gratisprodukt .alo_qty{display:none;} .gratisprodukt .input-text.qty{pointer-events:none;} /* EDITS STAGE */ .opc-block-summary .product-item-details .product.options{display:none} #customer-email, #customer-password, #registration-password-confirmation, #registration-password{width:calc(100% - 50px) !important;} .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span::after, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > strong::after, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > strong::after{border-color:black!important} .firecheckout #maincontent .page-title-wrapper .authentication-wrapper{text-align:center} .firecheckout #maincontent .authentication-wrapper .action-auth-toggle{margin:10px} .firecheckout #checkout .opc-block-summary .details-qty .qty-wrapper{border:none} .checkout-index-index .ui-datepicker .ui-datepicker-calendar .ui-state-disabled.ui-datepicker-today{box-shadow:none!Important;border:solid 1px #141F27;} .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice).fc-dirty input{max-width:95%} /*#payment .mageworx-giftcards{display:none;}*/ /* UNZER */ .unzerSandboxNotify{display:none;} #unzer_cards_payment{display:none;} /*#unzer_cards_payment .primary.button{display:none;}*/ .checkout-index-index .columns, .paypal-express-review .columns{max-width:1920px;margin:auto} #checkout{display:flex;flex-wrap:wrap;justify-content:center;} .checkout-index-index .osano-cm-widget{display:none} #ppplus iframe{max-width:100%;} #ppplus{max-height:285px} @media only screen and (min-width: 630px){ #ppplus{max-height:275px} } /* CART PAGE */ .checkout-cart-index .column.main{display:flex;flex-wrap:wrap;justify-content:center;} .checkout-cart-index .cart-container, .cart-empty{order:2;width:100%;display:flex;flex-wrap:wrap;box-shadow:0 3px 23px -3px rgba(0, 0, 0, 0.1); background:#fff;border-radius:10px;padding:5px 10px 25px 10px;margin:20px auto 30px auto; max-width:530px;} .checkout-cart-index .crosssell{max-width:100%;border-radius:8px;background:#F5F6F4;flex-basis:100%;order:1;} .crosssell .products .product-items{flex-wrap:nowrap;overflow:auto;padding:0 8px;justify-content:center;} .crosssell .product-items li {flex-shrink:0;padding:8px;max-width:100%;} .crosssell .product-items img{max-width:125px;} .cart.table-wrapper .items img{display:block;padding: 2px 0;} .block-minicart .mp-reward-cart{padding:5px 0 0 10px} #block-crosssell-heading{text-align:center} .product-item .tocart { white-space: nowrap;} .checkout-cart-index .page-title-wrapper h1{padding-bottom:0;} .cart-container #block-giftcard .title{display:none;} /* CART START */ .cart-empty h2{text-align:center;width:100%;padding:0 20px;} .cart-summary {margin-bottom: 25px; order:2;flex-basis:100%;max-width:100%;} .cart .closebutton, .remove-item img{width:25px;margin-top:5px;} .cart .item-info{display:flex;padding:15px 0 5px 0;} .item-info .pic{flex: 0 1 30%;min-width:125px;} .item-info .info{flex: 0 1 60%;padding:10px 0 5px 15px;position:relative;box-sizing:border-box;} @media only screen and (min-width:520px){ .item-info .info, .item-info .summary{padding-top:20px;} } .cart-container .hint{margin-right:10px;padding:8px;display:inline-block;} .verfuegbarkeit .good{color:#006F0E;padding-top:8px;} .item-info .summary{flex: 1 0 10%;padding:5px 0;position:relative;margin-right:5px;} .item-info .action-delete{display:flex;justify-content:end} .item-info .col.price{display:none} .cart .product-image-photo{max-width:100%;} .checkout-cart-index .cart-summary .totals-tax, .checkout-cart-index .cart-summary .summary.title, .cart-summary #shipping-zip-form{display:none} .cart-summary #block-shipping{min-height:200px*/} .cart-summary #cart-totals {/*min-height:71px;*/min-height:107px;} .cart-summary .shipping p{padding-top:10px;padding-right:10px;font-size:14px;} .cart-summary .block.shipping #block-summary{/*display:block!Important display:none;*/} .cart-container .table.totals{border-collapse:separate;padding:7px 15px;background:#e5def1;border-radius:10px;} .checkout-cart-index h1, .checkout-index-index h1{letter-spacing:1px} .cart-empty .gallery-teaser div{text-align:center;} .cart.main.actions{order:3;flex-basis:100%;text-align:center;} .cart-container .checkout-methods-items {flex-basis:100%;text-align:right;text-align: center;order:4;justify-content:center;flex-wrap:wrap;} .cart-container #block-discount .title, .cart-container #block-giftcard .title{padding:11px 28px 11px 4px;} .cart-summary .block > .title:after,.paypal-review-discount .block > .title:after { position: absolute; right: 0; top: 2px;} .discount #block-discount-heading{font-size:16px;font-weight:400;text-decoration:underline;cursor:pointer;} /* Gutschein */ #block-giftcard > .content, #block-discount > .content{display:block !Important;padding-bottom:8px;} #giftcard-applied button a:hover{text-decoration:none} #giftcard-applied p, #giftcard-applied .main-line{font-size:14px;margin:0;line-height:18px;padding-top:7px;font-weight:400;} #block-discount .fieldset, #block-giftcard .giftcard{display:flex;align-items:end;justify-content:center;max-width:500px;} #block-discount .fieldset .field, #block-giftcard .fieldset .field{margin:0;flex: 50% 1 1; margin-right: -40px; flex-grow: 1} #block-discount #coupon_code, .block.discount #giftcard_code{border:solid 2px #ddd ;border-radius:20px;padding: 8px 12px; ;background:transparent;width:100%;height:42px;max-width:unset;font-size:12px;} #block-discount #coupon_code:disabled, .block.discount #giftcard_code:disabled{opacity:1;background:#F9F7F3;border-color:#F9F7F3;} #block-discount .action.primary, #block-giftcard .action.primary{background: #141f27;color: #fff;height:42px;padding:6px 10px;width:100%;min-width:150px;} #block-discount .action.primary:hover, #block-giftcard .action.primary:hover{border:solid 1px #141f27;background:#fff;color: #141f27;} @media only screen and (min-width:470px){ #block-discount .action.primary, #block-giftcard .action.primary{width:200px;max-width:100%;} } @media only screen and (min-width:720px){ .cart-container .checkout-methods-items, .cart.main.actions{flex-basis:unset;flex-wrap:unset;} .cart-container .checkout-methods-items > li{padding: 0 0 0 6px;} } #giftcard-applied .giftcards-applied-template{padding:16px 16px 10px;margin:10px 2px 0;border: solid 2px #dddddd;border-radius:10px;} .giftcards-applied-template .item{padding-bottom:10px} .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 0; position: relative;} .cart .product-item-name{margin-top:5px;padding:0;display:block;font-size:15px;font-weight:bolder;line-height:18px;} .cart .col.subtotal{padding-top:50px;right:0;position:absolute;bottom:16px;margin-bottom:10px;} .cart .field.qty{position:absolute;bottom:16px;} .totals-tax-summary, .cart-summary .discount .giftcard .label{display:none} .cart-summary .discount .content{/*display:block!important*/} .coupon .action.primary{/*padding:12px 15px;width:125px;*/} .cart-container .cart.item{border-bottom:1px solid #d1d1d1} .cart.item .qty .control{/*border:none;justify-content:start;height:unset;*/} .cart-container .checkout-methods-items .action.primary { width: 220px;} #modal-content-24{font-size:18px;padding:10px 0} .cart-container .checkout-methods-items > li{flex: 0 1 80%;padding:15px 6px 0 6px;min-width:200px;} .cart-container .checkout-methods-items > li:first-child{order:2} .cart-summary .block.discount, .cart-summary .cart-totals {padding-top: 10px; padding-bottom: 10px;} .cart-summary #block-discount{border-bottom:1px solid #d1d1d1; border-top:none; margin-top:-20px } /* CART END */ /* SUCCESS PAGE */ .account.checkout-onepage-success div.checkout-success{margin-left:auto;margin-right:auto;display:block;} body.checkout-onepage-success > iframe{display:none!Important} .checkout-onepage-success .table-order-items img{max-width:200px;margin-left:0!important;display:none!important} .checkout-onepage-success .table-order-items tbody td{vertical-align:middle!Important;} .thank-you-note p{max-width:unset;} .checkout-onepage-success .order-date{font-size:20px;padding:10px 0} .checkout-success-container .payment-method dd.content{display:none} .table-order-items .col.name .product-item-name{margin:0;} .checkout-success-container .table-order-items tr.item-options-container{display:none} .checkout-success .thank-you-note h2{text-align:center;padding-top:10px} .checkout-success .table-order-items tr.tax td.mark{text-align:left!important;width:70%!important;} .checkout-onepage-success .table-order-items .col.name .product-item-name{margin:0} .checkout-summary .item-options-container, .checkout-success-container .order-date{display:none} .checkout-success-container .box-order-billing-method dd.content{text-align:left;} /* CHECKOUT */ /* Klarna */ .firecheckout .footer-zahlung{display:none;} .firecheckout .minicart-items-wrapper{scrollbar-width:thin;overflow-x:hidden;overflow-y:auto;} .opc-sidebar .minicart-items{overflow-y:unset;overflow-x:unset;} .firecheckout .minicart-items-wrapper, .firecheckout .opc-block-summary .minicart-items-wrapper{margin-right:3px!Important} .firecheckout .payment-group .klarna-payments-method .field label{display:inline;vertical-align:middle;line-height:24px;} .firecheckout #checkout .payment-group div:nth-child(n+3){padding-bottom:0px;} .firecheckout .page-main, .authentication-wrapper{background:#f9f7f3} .firecheckout.fc-form-hide-labels #checkout #customer-password, .firecheckout #checkout .password #registration-password, .firecheckout #checkout .password-confirm #registration-password-confirmation{padding-right:27px;height:35px;} .firecheckout #checkout #customer-email{height:42px;} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper, .firecheckout.firecheckout-col3-set .page-main #checkout .opc-sidebar, .firecheckout .checkout-container .messages{width:100%;} .firecheckout .minicart-items .product-item-details .price-including-tax{margin:0;} .firecheckout #checkout .minicart-items ol .product-item{border-color:#d0cece} .opc-wrapper button, .checkout-agreements-block button{margin:0 5px} #block-discount-heading span{padding:10px;border:solid 1px #141f27;border-radius:30px;color:#141f27} .firecheckout div.page-title-wrapper{display:block!important;text-align:center} firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span::after{border-color:black!important} .opc-sidebar .minicart-items, .table-paypal-review-items{/*border-radius:7px;background-color:#f9f7f3;padding:10px 5px*/} .firecheckout .modal-popup._show .modal-inner-wrap, .firecheckout .modal-custom:not(.opc-sidebar)._show .modal-inner-wrap{top:50px!Important} .checkout-index-index .page-title-wrapper h1{margin:0!important} .remove.item{order:3;} .opc-wrapper .action-show-popup { width: 100%; max-width:200px; height:40px; margin: 0 0 20px;} .opc-block-summary .items-in-cart .product { position: relative;display:flex;align-items:flex-end;} .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0;position:relative} .opc-block-summary .product-item .product-item-inner { display: flex; width: 100%;align-items:center;flex-wrap:wrap;justify-content:space-between;} #checkout .payment-method.agreements-clone{border:none} .firecheckout #checkout .fieldset .discount-code[data-collapsible="true"]{margin-bottom:0;} .firecheckout.checkout-index-index .modal-popup .modal-inner-wrap{margin-top:20px;} .firecheckout #discount-form .actions-toolbar .action, .firecheckout #mageworx-giftcards-form .actions-toolbar .action{padding:7px;font-size:10px;} .firecheckout .actions-toolbar .action.remind{padding:10px 4px; border:2px solid #141f27; text-align:center;border-radius:20px;margin:0;text-transform:uppercase;font-size:12px;letter-spacing:1px;width:200px;max-width:100%;font-weight:bold; transition: color .25s ease-in-out, background .25s ease-in-out; box-sizing:border-box;display:block;height:40px;} .firecheckout .actions-toolbar .action.remind:hover{background: #141f27; color:white;} .firecheckout #checkout .discount-code input#discount-code, .firecheckout #checkout .checkout-billing-address .actions-toolbar .primary .action, .firecheckout .authentication-wrapper .actions-toolbar button.action.action-login, #checkout #mageworx-giftcard-code{height:40px;border-radius:20px;padding:8px 20px} .firecheckout #checkout .discount-code .action-apply{font-weight:bold;} .firecheckout .authentication-wrapper .actions-toolbar button.action.action-login:hover{padding: 8px 20px;} .firecheckout #checkout .place-order .actions-toolbar .primary .action, .firecheckout #checkout .discount-code .action-apply, .firecheckout #checkout .place-order .actions-toolbar .primary .action:hover, #checkout #mageworx-giftcards-form .action.action-apply, .firecheckout #maincontent .authentication-wrapper .action-auth-toggle, .firecheckout #checkout .checkout-billing-address .actions-toolbar .primary .action, .firecheckout #checkout .actions-toolbar .action.primary:hover{border-radius:20px;box-shadow:none;border: solid 2px transparent;} .firecheckout #checkout .actions-toolbar .action.primary:hover, .firecheckout #checkout .checkout-billing-address .actions-toolbar .primary .action:hover, .firecheckout #checkout .discount-code .action-apply:hover, .firecheckout .authentication-wrapper .actions-toolbar button.action.action-login:hover, .firecheckout #checkout .mageworx-giftcards .action-apply:hover{color: #141f27; background:white; border: solid 2px #141f27} .firecheckout #checkout .place-order .actions-toolbar .primary .action, .paypal-review .order-review-form .primary .action{color:black;background:#f0fb6a;border-radius:30px;font-size:15px;padding:15px 25px;display:block;width:100%;} .firecheckout #checkout .place-order .actions-toolbar .primary .action:hover, .firecheckout #checkout .place-order .actions-toolbar .primary .action:focus{border-radius:30px;box-shadow:none;color:white;background:#141f27;padding:15px 25px;} .firecheckout #checkout .opc-block-summary .table-totals{background: #e5def1} .firecheckout #checkout .items-in-cart > .minicart-items::after{background:none;} .firecheckout #checkout .place-order{margin:10px 0} .firecheckout .block-authentication input{box-sizing:border-box;} .ui-datepicker{display:none} .ui-datepicker{background:#f5f6f4;width:250px;border-radius:10px;padding:10px;border:2px solid #c2c2c2} .ui-datepicker-header{text-align:center} .ui-datepicker-header a, .ui-datepicker-title span{padding:3px 5px;} .ui-datepicker-calendar tbody td{font-weight:900;text-align:center;} .ui-datepicker-calendar td.ui-state-disabled{font-weight:normal} .ui-datepicker-header a{cursor:pointer} .ui-datepicker-header a.ui-state-disabled{cursor:default;text-decoration:none;} #checkout .payment-method-title .label{cursor:pointer;width:calc(100% - 120px);box-sizing:border-box;position:absolute;left:130px;top:23px;} .firecheckout #checkout .payment-method .radio{background-size: 110px auto;background-color:unset;background-repeat:no-repeat;border:none;box-shadow:none!important;border-radius:0;width:100%!important;height:70px!Important;margin:0;padding:10px 0!important;background-position-y:12px;} .firecheckout #checkout .checkout-payment-method .payment-method-title{padding:0} .firecheckout #checkout .opc-wrapper .checkout-shipping-address .step-content > * + .form-shipping-address{margin-top:15px;} .firecheckout .opc-sidebar label.sr-only{display:none;} .opc-block-summary .product-item .product-item-link, .opc-block-summary .product-item .product-item-name{font-size:15px;top:12px;position:absolute} .firecheckout #checkout .opc-block-summary .items-in-cart > .content.minicart-items{margin:0;padding:0} .opc-block-summary .items-in-cart > .title{display:none;} .firecheckout .checkout-payment-method .form .ccard{max-width:unset;} @media only screen and (min-width:370px){ .opc-block-summary .product-item .product-item-link, .opc-block-summary .product-item .product-item-name{top:15px;font-size:16px;} } @media only screen and (min-width:470px){ .opc-block-summary .product-item .product-item-link, .opc-block-summary .product-item .product-item-name{top:25px;font-size:18px;} } .opc-block-summary .product-item .product-item-name-block { display: flex; padding-right: 5px; text-align: left; flex-basis:60%;justify-content:space-between;align-items:center;} .opc-block-summary .product-item .subtotal { flex-basis:33.3333%; text-align: right; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400;} .agreements-clone .checkout-agreements, .paypal-express-review .checkout-agreements{display:block} .checkout-index-index .columns{min-height:850px} .checkout-success{max-width:1000px;margin:auto;} .checkout-success p{margin:0;padding:7px 0} .checkout-success-container[data-name^="middle"]{min-height:unset!Important;margin-bottom:10px} #my-orders-table tbody{padding:5px 5px 20px 5px} .firecheckout .actions-toolbar, .checkout-cart-index .actions-toolbar{padding:0} .firecheckout .opc-block-summary .product-image-wrapper img{width:150px;height:auto;} .opc-sidebar .minicart-items .product > .product-image-container{width:unset!important;height:unset!important;min-width:unset;flex:1 0 25%;padding-right:5px;} .form.payments .fieldset > br{display:none} .firecheckout #checkout .opc-wrapper .step-title::before{margin:0 10px 0 0} .discount-code .payment-option-content{display:block!important} .discount-code .payment-option-title{display:none} .checkout-success .order-details-items img{max-width:175px;margin:0!important} .firecheckout .opc-sidebar .shipping-information .shipping-information-title .action{display:none;margin:10px 0;padding:5px 10px} .firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item{border-color:#C6DEC9!important} .firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item::after{background:#C6DEC9!important} .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field.field-select-billing > label.label{/*opacity:1;position:unset!important;padding-bottom:15px!important;font-size:20px;*/} .account .checkout-success .order-date{text-align:left} .checkout-success-container .actions-toolbar .secondary, .checkout-success .create-account{display:none} .table-order-items .col.name .product-item-name{margin: 5px 0} .table-order-items td{vertical-align:middle;} .estimated-delivery p{padding-bottom:15px} #checkout .choice{justify-content:left;align-items:center;} #checkout .payment-method{margin-left:10px;border-bottom:solid 1px #dfdfdf;cursor:pointer;min-height:70px;} .firecheckout .pp-express .actions-toolbar{display:none;} .firecheckout #checkout .payment-method img{display:none} .firecheckout #checkout .payment-method #banktransfer{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/vorkasse.png');background-position-y:5px;} .firecheckout #checkout .payment-method #paydirektgmbh_paydirekt{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/giropay-paydirekt.png')} .firecheckout #checkout .payment-method #sofort{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/klarna.svg');background-size:85px auto;} .firecheckout #checkout .payment-method #paypal_express {background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/paypal-logo.png');background-position-y: 20px;} .firecheckout #checkout .klarna-payments-method #klarna_pay_now{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/klarna.svg'); background-size: 85px auto!important} .firecheckout #checkout .klarna-payments-method #klarna_pay_later{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/kauf-auf-rechnung.png')} .firecheckout #checkout .klarna-payments-method #klarna_pay_over_time{background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/aufgeteilt.png'); background-size: auto 40px!important;background-position: 15px;} .firecheckout #checkout .pp-express .messages{padding:0;} .firecheckout #checkout .pp-express #payment_form_paypal_express{display:none;} .firecheckout .payment-methods .firecheckout-msg span:before{display:none} .firecheckout .checkout-payment-method .payment-method.vorkasse .payment-method-content p{display:none !important;} .firecheckout .payment-methods .firecheckout-msg span{border-radius:15px;border: solid 2px #fe545d;padding:10px;} .firecheckout #checkout .payment-method div.klarna-sofort-method-cell, .firecheckout #checkout .payment-method label.klarna-sofort-method-cell{display:inline;} .firecheckout .payment-method._active:after{content:"";position:absolute;top:23px;right:10px;width:25px;height:25px; background-image: url('../../frontend/Berioo/Saftkur/de_DE/images/checkout/checkmark.webp'); background-size: 25px auto;} .firecheckout #checkout .payment-method .radio:after{display:none} .firecheckout #checkout .checkout-payment-method .payment-method-content{padding:0} .firecheckout #checkout .payment-method._active input{box-shadow:none} .firecheckout #checkout .payment-method._active{background: #e3e5e9; position:relative;} .firecheckout #checkout .payment-method p{font-size:14px;display:none;} .firecheckout #checkout .payment-method._active p{display:block} #checkout .payment-method.agreements-clone{padding-left:0;margin-left:0} .firecheckout #minicart-content-wrapper .minicart-items-wrapper{max-height:unset;} .firecheckout .opc-block-summary .minicart-items-wrapper.overflowed{padding:0 6px;margin:0;} .firecheckout .form-login .secondary button{padding:7px 15px;} .firecheckout .checkout-container .messages{width:100%;padding:10px 0} .firecheckout .block-authentication .actions-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;} .firecheckout .block-authentication .actions-toolbar button{margin-top:15px} .firecheckout .block-authentication .primary{padding-top:10px;margin-right:10px;} .firecheckout .block-authentication .actions-toolbar .secondary a.action{margin-top:0px;} .firecheckout .actions-toolbar div button, .firecheckout .actions-toolbar > .primary .action{width:100%;margin:0;height:100%;min-height:40px;font-weight:600;} .firecheckout .form-login .actions-toolbar{display:flex;padding-top:10px!important;align-items:center;} .firecheckout .form-login .actions-toolbar > div {width:50%;padding:0 5px;} .firecheckout #checkout .swissup-delivery-date button.ui-datepicker-trigger{margin-left: -10px} .firecheckout #checkout .swissup-delivery-date input._has-datepicker{max-width:150px!important} .firecheckout input[type="text"]:disabled{opacity:1;} .firecheckout #checkout .actions-toolbar button.action.action-cancel{padding:7px 15px;background:#f9f7f3;border:solid 2px #ddd;font-weight:bold;} .firecheckout .shipping.incl .value{font-size:14px;} .control > .field-note{display:none} .choice.field .field-note{display:block} /* Giftcard */ .firecheckout #checkout .mageworx-giftcards .payment-option-content{display:block!important;} #mageworx-giftcards-form{display:flex;} .firecheckout .mageworx-giftcards .payment-option-title{display:none;padding-top:15px;} .firecheckout .mageworx-giftcards div p{text-transform: none;font-size:14px;margin:0;padding-right:15px;padding-left:10px;color:#141F27} #mageworx-giftcards-form .payment-option-inner{flex-grow:1;margin-right:-45px;} #checkout #mageworx-giftcard-code{padding-right:50px;} #checkout #mageworx-giftcards-form .actions-toolbar{z-index:1;} #checkout #mageworx-giftcards-form .field > label, .paypal-review #activateGiftCard .field > label{display:none;} .firecheckout #checkout .swissup-checkout-fields .field-note{margin-right:30px;} /* Tooltip Design */ .firecheckout .field .field-tooltip .field-tooltip-content{left:unset;right:38px;top:-14px;box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);border-radius:6px;} .firecheckout .field .field-tooltip .field-tooltip-content::after{border-right-color:transparent;left:unset;right:-22px;border-left-color:white;} .firecheckout .field .field-tooltip .field-tooltip-content::before{border-right-color:transparent;} /* Paypal Express */ .checkout-agreements .checkout-agreement{padding:4px 20px 4px 0;display:flex;align-items:center;} .paypal-review .additional-content{margin: 15px 0} .paypal-express-review{counter-reset: my-counter} .box-order-shipping-method .box-content, .box-order-billing-address .box-actions{padding-bottom:40px} .paypal-express-review #shipping-method{background:none;border:none;/*pointer-events:none;appearance: none;*/ width:unset;font-size:20px;font-family:"berioo";padding:10px 15px 10px 0;height:unset;} .paypal-review-discount .title{display:none;} .paypal-express-review .item-options{display:none;} #details-reload ol.minicart-item .unit-item{display:none!important;} #details-reload img{max-width:100%;width:150px;padding:0;} .paypal-express-review .cart .col.subtotal{padding-top:5px;} .box-order-shipping-address p{line-height:25px} .box-order-shipping-address .box-content{padding-bottom:15px} .paypal-review{display:flex;justify-content:center;flex-wrap:wrap;} .paypal-review > div{flex:0 1 95%;max-width:600px;padding:25px 10px;margin: 0 0 10px; box-shadow:0 3px 23px -3px rgba(0,0,0,.1);border-radius:10px;border:0;background:#fff;overflow:hidden;} .paypal-express-review .opc-block-summary{border-radius:7px;background:#e5def1;padding:7px 15px;margin: 15px 0 25px;} .table-paypal-review-items{/*background-color:#f5f6f4;border-radius:7px;padding:10px 5px 10px 0;margin:0;*/} .paypal-express-review .step-title{font-size:25px;padding:0 10px 20px;font-weight:500;color:#141f27;display:flex;} .paypal-express-review .step-title:before{background:#141f27;width:32px;height:32px;line-height:32px;margin:0 10px 0 -7px;color:#fff;font-weight:600;flex:0 0 32px; font-size:20px;border:#141f27;border-radius:50%;text-align:center; counter-increment:my-counter;content:counter(my-counter);} #details-reload ol.minicart-item{list-style:none;padding:0;margin-top:5px;} #details-reload ol.minicart-item li{display:flex;position:relative;align-items:flex-end;} #details-reload .product-item-photo { width:unset; height:unset; min-width:unset; flex:1 0 25%;padding-right:5px;} #details-reload ol.minicart-item .product-item-details{ justify-content:space-between; display:flex; flex:0 1 70%;padding:35px 0px 5px 5px;} #details-reload .product-item-name{position:absolute;top:12px;font-size:15px;line-height:22px;margin: 0 0 10px} #details-reload .opc-block-summary{font-size:1.8rem;} #details-reload .opc-block-summary th{font-weight:400;font-size:16px;padding-left:4px;} #details-reload .opc-block-summary td{font-weight:400;font-size:16px;text-align:right;white-space:nowrap;padding-right:4px;} #details-reload .product-item-inner{display:flex;justify-content: space-between;align-items: center;width:100%;padding-right:20px;} #details-reload ol.minicart-item .qty{ justify-content:space-between; display:flex; flex:0 1 65%;font-size:1.6rem;font-weight:700;} #details-reload ol.minicart-item .price-including-tax { justify-content:end; flex:0 1 35%;text-align:right;} .paypal-review .shipping select { /* for Firefox */ -moz-appearance: none; /* for Chrome */ -webkit-appearance: none;} .paypal-review .fieldset > .field.required > .label:after{display:none} .paypal-express-review #discount-coupon-form .actions-toolbar, .paypal-express-review #block-giftcard .actions-toolbar{flex-shrink:0;width:auto;margin:0;padding:0;} .paypal-express-review .discount .actions-toolbar span{font-size:10px;} .paypal-express-review .checkout-agreement button{text-align:left;text-transform:unset;} #details-reload .table-caption{border-bottom: 1px solid #d1d1d1;width:100%;display:block;} .paypal-review-discount .block .fieldset {padding: 10px 0} @media only screen and (max-width: 600px){ .firecheckout #checkout .opc-wrapper .opc > li, .firecheckout #checkout .opc-sidebar{padding:25px 10px!important} .firecheckout #checkout .opc-wrapper .step-title, .firecheckout #checkout .opc-block-summary > .title, .firecheckout #checkout .opc-sidebar .step-title{padding-left:12px!important} .control input[type="text"]{font-size:12px} .control input#discount-code{font-size:11px} #checkout .payment-method-title .label{left:100px} .firecheckout #checkout .payment-method .radio{background-size:90px auto;background-position-y: 17px;} .firecheckout #checkout .payment-method #banktransfer{background-position-y: 10px} .firecheckout #checkout .klarna-payments-method #klarna_pay_now{background-size: 75px auto !important} .firecheckout #checkout .payment-method #paypal_express{background-size:85px auto;background-position-y: 24px;} } @media only screen and (max-width: 768px){ .firecheckout #checkout .payment-group .payment-method{margin-left:0;padding-left:8px;} .opc-block-summary .minicart-items .product-item-details{flex: 0 1 70%;padding:35px 0px 5px 5px} } @media only screen and (min-width: 400px){ .firecheckout #checkout .payment-method._active p{padding-left:125px;padding-right:45px;padding-bottom:15px} } /* BEGIN TABLET 768 to 1440 px */ @media all and (min-width: 768px){ /* CART */ .cart-summary { margin-bottom: 40px;} .checkout-cart-index .column.main{flex-wrap:nowrap;padding-left:15px;padding-right:15px;} .checkout-cart-index .cart-container{max-width:1000px;order:1;padding:15px 40px;margin-top:30px; margin-bottom: 40px} .cart-empty{max-width:1400px;margin:auto;margin-bottom:50px;padding:40px;margin-top:30px} .checkout-cart-index .crosssell{max-width:600px;margin:5px 15px;flex-basis:30%;order:2;} .checkout-cart-index .crosssell .product-item{max-width:400px;box-sizing:border-box;} .crosssell .product-items img{max-width:100%;} #block-discount .fieldset .field, #block-giftcard .fieldset .field{flex: 300px 0 1; } #block-discount .fieldset, #block-giftcard .giftcard{justify-content:start;padding-top:10px} .cart.main.actions{text-align:left} .cart.main.actions, .cart-container .checkout-methods-items {flex-basis:unset;margin:0;flex-wrap:nowrap;} .cart-container .checkout-methods-items li button { width: 220px;} .cart-container .checkout-methods-items > li, .cart.main.actions{padding:4px 6px;} .cart .product-item-name{font-size:20px;} .cart .item-info{padding:0} .cart .field.qty, .cart .col.subtotal{bottom:40px;} .verfuegbarkeit{padding-top:10px;} .verfuegbarkeit p{font-size:16px;} .cart-container .hint{padding:8px 15px} .item-info .info{padding:40px 20px 20px 40px} .item-info .summary{padding:40px 0 20px 0;margin-right:10px;} .item-info .pic{max-width:250px;min-width:175px;} .firecheckout #discount-form .actions-toolbar .action, .firecheckout #mageworx-giftcards-form .actions-toolbar .action{padding:7px 15px;font-size:13px;} #giftcard-applied p, #giftcard-applied .main-line{font-size:16px;} #block-discount #coupon_code, .block.discount #giftcard_code{height:42px; max-width: 100%; width:300px;padding:8px 20px;font-size:14px;} #block-summary{padding:10px 0} .cart-summary .block.discount, .cart-summary .cart-totals {padding-bottom: 20px;} .cart-summary #block-shipping .radio{box-shadow: 0 0 0 0 #ffffff inset;border: 2px solid #e7e9ef;border-radius: 50%; width: 18px; height:18px; margin: 0 5px 0 0;transition: all 0.2s ease-in-out;vertical-align:sub;-webkit-appearance:none;background-color:#ffffff;cursor:pointer;} .cart-summary #block-shipping .radio:checked{box-shadow: 0 0 0 6px #bfbfbf inset;border:none} .cart-summary #block-shipping .label{font-size:15px;} /* END CART */ /* PP EXPRESS */ #details-reload .product-item-name{top:25px;} #details-reload ol.minicart-item .product-item-details{flex:0 1 65%;box-sizing:border-box;padding:40px 20px 20px 20px;} #details-reload .product-item-inner{padding-right:0;} .checkout-success .thank-you-note h2{text-align:left;} .checkout-success .table-order-items tr.tax td.mark{text-align:right!important} .firecheckout .page-main #checkout .opc-wrapper .opc > li, .firecheckout .page-main #checkout .opc-sidebar{margin:0 0 10px;} #checkout .payment-method{padding-left:10px;padding-right:10px;} #ppplus{max-height:260px;} .checkout-index-index .columns{padding:10px} .firecheckout .block-authentication .actions-toolbar{flex-wrap:nowrap;} .firecheckout .actions-toolbar .action.remind{width:100%;} /*.opc-wrapper{min-width:800px} .opc-sidebar{min-widtH:400px}*/ .opc-sidebar .minicart-items{padding-left: 5px} .firecheckout #checkout .minicart-items .product-item{padding-bottom:10px;} .firecheckout.firecheckout-col3-set #checkout .opc-sidebar, .firecheckout.firecheckout-col3-set #checkout .opc-wrapper .opc > li{padding:25px} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper, .firecheckout .checkout-container .messages{width:95%;max-width:660px;} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper .opc > li{;width:100%} .estimated-delivery p{padding-bottom:24px} .estimated-delivery span, .estimated-delivery p{font-size:16px} .estimated-delivery h2{font-size:24px;} .checkout-onepage-success .main .checkout-success{padding: 20px 35px 20px 35px;max-width:1100px;} /* Virtual product */ .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout div.opc-wrapper{padding:0 0 20px 0;width:100%;} @media only screen and (max-width: 940px){ #checkout{justify-content:center} .opc-summary-wrapper{flex:1 0 55%;max-width:68.5%;} #checkoutSteps{display:flex;flex-wrap:wrap;} #checkoutSteps > li{flex:1 0 55%} } @media only screen and (min-width: 940px){ .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout div.opc-wrapper{width:50%;max-width:700px;padding:0 10px 0 0} .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout aside.opc-sidebar{width:50%;max-width:700px;margin:0} } @media only screen and (min-width: 1080px){ .opc-block-summary .product-item .product-item-inner{flex-wrap:nowrap;} #checkout{padding:0 8px} } } @media all and (min-width:1024px){ .firecheckout .page-main #checkout .opc-wrapper .opc > li{margin:0 0 10px;} .firecheckout.firecheckout-col3-set .page-main .page-main #checkout .opc-wrapper .opc > li{width:100%;} .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout div.opc-wrapper{padding:0 25px 0 0} } /* STAGE */ @media all and (min-width: 1170px){ .paypal-review{flex-wrap:nowrap;} .paypal-review > div{flex:0 1 30%;width:calc(30% - 40px);padding:20px} .paypal-review .paypal-review-items{flex:0 1 40%;width:calc(40% - 40px);padding:20px} #ppplus{max-height:285px;} /*.firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper{width:67%;max-width:unset;} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-sidebar{width:33%;max-width:unset;} .firecheckout .page-main #checkout .opc-wrapper .opc > li{margin:0 15px 15px 0} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper .opc > li{width: calc(50% - 20px);}*/ #checkout{/*flex-wrap:nowrap;*/} .firecheckout .checkout-container .messages{width:100%;max-width:unset;} .opc-block-summary .product-item .product-item-link, .opc-block-summary .product-item .product-item-name{top:24px;} } @media all and (min-width: 1485px){ .paypal-review > div{margin:12px;} .firecheckout .page-main #checkout .opc-wrapper .opc > li{margin:0 0 25px 0} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper .opc > li{width: calc(50% - 30px);} } @media all and (min-width: 1615px){ /*#ppplus{max-height:335px}*/ } @media all and (min-width: 1895px){ .paypal-review > div, .paypal-review .paypal-review-items{width:calc(33% - 50px);padding:25px;flex:0 1 33%;} #ppplus{max-height:270px;} .firecheckout .page-main #checkout .opc-wrapper .opc > li{margin:0 0 35px 0} .firecheckout.firecheckout-col3-set .page-main #checkout .opc-wrapper .opc > li{width: calc(50% - 40px);} }/** * 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! */