sup { font-size: 8px; text-decoration: none; font-style: normal}p,.shopBxT .col-l { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}@font-face { font-family: "open_sans"; src: url('https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/OpenSans-Regular-webfont.eot'); src: url('https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/OpenSans-Regular-webfont.svg#openSans-Regularregular') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: "OfficinaSerifITCW01-Bol 734534"; src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/377ad900-10be-4f48-a384-6d415b7a190a.eot?iefix") format("eot");}@font-face { font-family: "OfficinaSerifITCW01-Bol 734534"; src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/377ad900-10be-4f48-a384-6d415b7a190a.eot?iefix"); src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/c8ffa661-8ad8-4a47-a2f8-bdf1becae09b.woff") format("woff"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/dbdab976-8993-4b93-94cc-a8a15b6a855e.ttf") format("truetype"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/3bfbaef3-6eb6-4c59-b59e-d7d5fd624f8c.svg#3bfbaef3-6eb6-4c59-b59e-d7d5fd624f8c") format("svg");}@font-face { font-family: "OfficinaSerifITCW01-Boo 734540"; src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/d29a1003-aa62-4492-a4ab-3b649c7efccd.eot?iefix") format("eot");}@font-face { font-family: "OfficinaSerifITCW01-Boo 734540"; src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/d29a1003-aa62-4492-a4ab-3b649c7efccd.eot?iefix"); src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/d8999082-96b7-4355-bab1-d135f4e4bee7.woff") format("woff"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/e0a4e45b-0b2e-4b30-82d9-808d85415dc9.ttf") format("truetype"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/9e9b325c-b638-44e5-9889-91dd0d826f86.svg#9e9b325c-b638-44e5-9889-91dd0d826f86") format("svg");}/* hide desktop specific elements */#colL,#colR,.topBar,.currency,.lang,.nav-top,.viewCart-dt,.ftLinks,.bCrumbs,.compare,.macProg,.reviews .btnLi1,.sales-order-history .showPP,.review-customer-index .showPP,.downloadable-customer-products .showPP { display: none;}/******************************************************************************************************************************************* ICON FONTS__________________________________________________________________________________________________________________________________________*/@font-face { font-family: "icons"; font-weight: normal; font-style: normal; src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/icons.eot"); src: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/icons.eot?#iefix") format("embedded-opentype"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/icons.svg#icons") format("svg"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/icons.woff") format("woff"), url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/fonts/icons.ttf") format("truetype");}.flex-next:before,.flex-prev:before,.btn1 .ico:before,.btn2 .ico:before,.prev .ico:before,.next .ico:before,.btn-toggle-g1:before,.nav-rt-mobile .more:before,.parent .topLvl span:after,.search .pillR1 span:before,.lyrdNav .hd4:after,.lyrdNav .hd6:after,.ftT .cmsLinks h3:after,.pLinks a:before,.lnk-rss:before,.lnk-rss2:before,.getFeed .ico:before,.msg .ico:before,.ratingBx:before,.ratingBx .rating:before,.datePickerJs .ico:before,.resp-accordion:after,.reviewForm thead th:after,.dropdown-toggle>span:after,.captchaReload:before,.pList .lnk-more:before,.viewCart .ico:before,.discount-mobile .hd2:before,.dropdown-cart .btn2-edit span:before,.lnk-wishlist a:before,.pGrid .pLinks a:before { display: inline-block; line-height: 1; font-family: "icons"; font-style: normal; font-weight: normal; font-variant: normal; vertical-align: top; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none;}/******************************************************************************************************************************************* RESET__________________________________________________________________________________________________________________________________________*/body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,select,button,td,th { margin: 0; padding: 0; font-size: 100%; letter-spacing: 0.5px;}* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}/*(1)*/h1,h2,h3,h4,h5,h6,th,b { font-weight: 100;}h1 { font-size: 30px; margin-bottom: 20px;}strong { font-family: "open_sans", Arial, serif, helvetica; font-weight: bold;}img,fieldset,iframe { border: 0;}ul,ol { list-style: none;}/*.linkish is a class to make elements look like <a> */.linkish {cursor: pointer;}a, .linkish { color: #8cb110; text-decoration: none;}a:hover,a:active,a:focus,.linkish:hover,.linkish:active,.linkish:focus{ outline: none; text-decoration: underline;}input,textarea,button,select { color: inherit; font: 99.99% "open_sans", Arial, serif, helvetica;}button::-moz-focus-inner { padding: 0; border: 0;}input[type=search] { -webkit-appearance: none; appearance: none;}/*(2)*/textarea { resize: vertical;}th { text-align: inherit;}/*(3)*/i,em { font-style: italic;}address { font-style: normal;}small { font-size: 12px;}::-moz-selection { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #d9d9d9; text-shadow: none;}/*(4)*/::selection { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #d9d9d9; text-shadow: none;}/*(4)*//* (1) force vertical scrollbar *//* (2) reset webkits default css *//* (3) fix non-inherited th text-align bug in IE8 *//* (4) declarations have to be separate *//******************************************************************************************************************************************* BASE LAYOUT__________________________________________________________________________________________________________________________________________*/body { font-family: "open_sans", Arial, serif, helvetica; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; color: #4a4a4a; overflow-x: hidden; /*(1)*/}.row { padding-bottom: 35px;}.bx1.custom-block-1 { padding: 15px;}.homepage-teaser { width: 100%; margin-bottom: 20px; float: left; text-transform: none; font-size: 16px;}.homepage-teaser .small { font-size: 12px; padding: 26px 0 10px;}.homepage-teaser .teaser { float: left; width: 30%; margin-right: 5%; cursor: pointer;}.homepage-teaser .first {}.homepage-teaser .last { margin-right: 0}.homepage-teaser .headline { display: none; width: 100%; font-size: 1.2em; background-color: #FFF; padding: 4px; text-align: center;}.homepage-main-text-block { width: 65%;}.homepage-main-text-block span.seo-text-dots { display: inline;}.homepage-main-text-block .seo-text-hidden { display: none;}.homepage-main-text-block #cms-content-see-more { display: none; color: #316644; font-size: 12px; margin-bottom: 25px; cursor: pointer;}.homepage-main-text-block p { font-size: 12px; line-height: 200%; margin-bottom: 7px;}.homepage-main-text-block .hd2 h1 { font-size: 25px; margin-bottom: 20px; float: none; line-height:33px; font-weight: bold; color: #4A4A4A;}.homepage-main-text-block .hd2 { border:none;}.homepage-main-text-block .hd2 h2 { margin-bottom: 5px; font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.2px; color: #8CB110; text-decoration: none;}.homepage-main-text-block .hd3 { border:none;}.homepage-main-text-block .hd3 h3 { font-size: 19px; font-style: normal; font-stretch: normal; line-height: 1.54; color: #8CB110; text-decoration: none;}.homepage-main-text-block div#cms-content-see-more { display: none;}body .cc-window { color: #ffffff !important; background-color: #8cb110 !important; border-radius: 0 !important; max-width: 432px !important; padding: 27px !important; font-size: 15px; font-family: "open_sans", Arial, serif, helvetica;}body .cc-window .cc-btn { color: #8cb110; background-color: #ffffff; border-radius: 3px; border: 1px solid #fff; font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-style: normal; font-stretch: normal; letter-spacing: 0.5px; text-align: center;}body .cc-window .cc-btn:hover { color: #fff; background-color: #8cb110; border: 1px solid #fff; text-decoration: none;}body .cc-window .cc-link,body .cc-window .cc-link:active,body .cc-window .cc-link:visited { color: #fff; opacity: 1;}body .cc-window .cc-link:hover { text-decoration: underline;}.newsletter-teaser-container { width: 100%; background: #DC5228; display: none; border: 1px solid transparent;}.newsletter-teaser-container .newsletter-teaser { max-width: 960px; margin: 0 auto; height: 40px; width: 100%;}.newsletter-teaser-container .newsletter-teaser .headline { color: #FFF; font-size: 1.7em; text-align: center; margin: 5px 0;}.newsletter-teaser-container .newsletter-teaser .headline span { color: white; font-size: 1em;}.newsletter-teaser-container .newsletter-teaser .button { font-size: 1.3em; color: #FFF; background-color: #BB0022; margin: 22px 0 0 0; width: 150px; padding: 4px; float: right; border-radius: 6px; text-align: center; cursor: pointer;}.newsletter-teaser-container .newsletter-teaser .teaser { font-size: 1.3em; color: #000; background-color: #F3D300; margin: 6px 232px 0 0; width: 150px; padding: 4px; float: right; border-radius: 6px; text-align: center; line-height: 21px; -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}.newsletter-teaser-container .newsletter-teaser .teaser span { font-weight: bold;}.newsletter-teaser-container .newsletter-teaser .subline { color: #FFF; font-size: 1.2em; text-shadow: 1px 1px #000000; line-height: 16px;}.newsletter-teaser-container .newsletter-teaser .subline span { font-weight: bold}.newsletter-teaser-container .newsletter-teaser .close { position: relative; float: right; cursor: pointer; color: #fff; font-weight: normal; margin-top: 13px; font-size: 3em; margin-right: .2em;}.newsletter-teaser-container .newsletter-teaser .close span { position: absolute; left: -17px; top: -3px;}.newsletter-teaser-container .newsletter-teaser { max-width: 960px; margin: 0 auto; height: 95px; width: 100%;}.newsletter-teaser-container .newsletter-teaser .headline { color: #FFF; font-size: 1.7em; text-align: center;}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_part { float: left; text-align: left; padding-top: 0.5em;}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_part span { display: inline;}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_left { width: 47%; font-size: 1em; text-transform: uppercase; padding: 0.5em 0.2em;}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_center { width: 32%;}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_right { width: 15%; height: 80px; /* padding-top: 10px; */}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_code { font-weight: bold; color: #4a4a4a; background-color: #ffffff; font-size: 0.7em; display: inline-block; padding: 0.3em 0.3em; text-align: center; /* padding: 4px 8px; */ /* min-width: 160px; */}.newsletter-teaser-container .newsletter-teaser .headline .topbanner_discount_amount { height: 3em; width: 3em; font-weight: bold; border-radius: 50%; border: 3px solid white; text-align: center; line-height: 2.8em; margin: 0 auto;}.topbanner_code_text { float: left; margin-right: 10px; text-transform: uppercase;}ul.subcategory-container { width: 100%; margin: 0 0 20px 0; float: left;}ul.subcategory-container li { float: left; width: 25%; border: 1px solid #CCC; background: #EFEFEF; text-align: center; padding: 8px; cursor: pointer;}ul.subcategory-container li:hover,ul.subcategory-container li.active { background: #CCC; color: #FFF; color: #527e38; font-weight: bold;}ol.sweepstake { list-style: decimal;}ol.sweepstake li { margin: 0 0 15px 0}.category-description { margin: 0 auto; min-height: 20px; text-align: center; font-size: 12px; font-family: "open_sans", Arial, serif, helvetica; line-height: 1.67; color: #4a4a4a;}.category-description:empty { display:none; }#hd { position: relative; z-index: 40;}#hd * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}#ft { /* background: $footer-bg; */ /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #f1f1f1;}.hdI { position: relative; z-index: 40; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);}.ftI { padding: 0 0 25px;}.main { position: relative; z-index: 1;}.popUp { overflow-x: visible; background: #fff;}.popUp #page { border-bottom: 0; background: none;}/* white box */.multi-bx .bx1,.emptyCart { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; /*-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.03);*/ /*-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.03);*/ /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.03); }*/}.multi-bx #colM,.emptyCart .bx1 { background: none;}/*(2)*/#colM .bx1 { margin-bottom: 15px;}h4 { font-size: 20px;}/* (1) to prevent horizontal scrollbar (caused by negative margins) *//* (2) remove white box, for pages with multiple white boxes *//* clearing */.clear:after,#page:after,.topBarI:after,.hdI:after,#bd:after,#colL:after,#colM:after,.main:after,#colR:after,#ft:after,.bx:after,.ftT:after,.ftB:after,.nav-cat:after,.navBarI:after,.bCrumbs:after,.bx1:after,.bx2:after,.hd1:after,.hd2:after,.hd2i:after,.hd3:after,.hd9:after,.resp-tabs-list:after,.tabs:after,.bd1:after,.bd2:after,.ft1:after,.ft2:after,.wsHd3a:after,.wsHd3b:after,.wsHd3c:after,.wsHd3d:after,.rowG1:after,.rowG2:after,.filterAct li:after,.pager:after,.pages:after,.pGrid2:after,.pGrid .item:after,.pList .item:after,.pList2 .item:after,.pView:after,.moreViews:after,.pEssential:after,.pCollateral:after,.shopBxT:after,.shopBxB:after,.pView .shortDescr:after,.pLinks:after,.pOptions:after,.resp-tab-content:after,.reviewForm:after,.linkLi1 .cArea:after,.formLi1 dd:after,.formLi1 label:after,.btnLi1:after,.tagLi1:after,.tagLi2 li:after,.commentLi li:after,.a-item:after,.viewToggle:after,.giftItem li:after,.priceBxBundle:after,.macProg:after,.macAddress:after,.adviceBx1:before,.adviceBx2:before,.slides:after,.copright:after,.cft:after,.order-info:after,.dropdown-cart ul:after,.cartTable-mobile .td-pImg:after,.s-cats-blocks:after,.suggest li:after { content: ""; display: block; height: 0; line-height: 0; font-size: 0; clear: both; visibility: hidden; overflow: hidden;}.clear { clear: both;}/******************************************************************************************************************************************* WHITE-SPACE + HELPER CLASSES__________________________________________________________________________________________________________________________________________*//* white-space */.wsBx1a { padding: 40px 15px 0;}.wsBx1b { padding: 40px 15px 0;}.wsBx1c { padding: 15px 15px 0;}.wsBx1d { padding: 0 20px 0 15px;}#colR .wsBx1d { padding: 0 15px 0 20px;}.wsBx1e { padding: 40px 15px 15px;}.paypalReview .wsBx1e { padding-top: 20px;}.wsBx2a { padding: 16px 0 0;}.wsBx2b { padding: 16px 0 0;}.wsBx2c { padding: 16px 0 0;}.wsHd3a { padding: 18px 1px 0;}.wsHd3b { padding: 23px 1px 0;}.wsHd3c { padding: 18px 1px 25px;}.wsHd3d { padding: 23px 1px 0;}.wsHd3e { padding: 18px 0 0;}.wsDDa { padding: 20px 23px 10px;}.wsDDb { padding: 20px 23px 5px;}/* default main padding */.main { padding: 40px 15px 35px;}.multi-bx .main,.center-bx .main,.rss-index-index .main,.customer-account .main,.customer-account-create .main,.checkout-onepage-index .main,.checkout-onepage-success .main,.newsletter-index-index .main,.newsletter-index-unsubscribe .main { padding: 0;}/* .wsBx1a: for bx1, first content element = text *//* .wsBx1b: for bx1, first content element = block/box *//* .wsBx1c: for bx1, used for related products + up sells + cross sells etc. *//* .wsBx1d: for bx1, used for sidebar boxes (empty compare products + empty wishlist + empty my cart + mini login + orders and returns box) *//* .wsBx1e: for bx1, first content element = text, last content element = input-box used on contact us + forgot password + reset a password + send confirmation link + advanced search form + paypal express review page *//* .wsBx2a: for bx2, first content element = text *//* .wsBx2b: for bx2, first content element = block/box *//* .wsBx2c: for bx2, first content element = text, last content element = input-box used for create an account, discount codes, estimate shipping and tax, email to a friend *//* .wsHd3a: for content below hd3 heading, content elements = text only *//* .wsHd3b: for content below hd3 heading, first content element = block/box *//* .wsHd3c: for content below hd3 heading, content elements = text only + extra white-space bottom *//* .wsHd3d: for content below hd3 heading, first content element = block/box + extra white-space bottom *//* .wsHd3e: for content below hd3 heading, label + input-fields, first content element = label text *//* .wsDDa: white-space inside dd-element (for payment methods), last content element = input-field *//* .wsDDb: white-space inside dd-element (for payment methods), last content element = text (p, address) *//* helper classes */.flL { float: left;}.flR { float: right;}.alL { text-align: left !important;}.alC { text-align: center !important;}.alR { text-align: right !important;}.no1 { float: left; width: 20px; margin: 0 11px 0 -13px; text-align: right;}/*(1)*/.sep1 { padding: 0 7px; color: #8cb110; font-weight: normal;}.noBr { white-space: nowrap;}.br { white-space: normal !important;}/*(2)*/.brSku { display: inline-block; width: 120px; word-wrap: break-word;}/*(2)*/.noDisplay { display: none !important;}.dBlock { display: block;}/*(3)*/.sOut1 { padding: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.417; text-transform: uppercase; clear: both;}/*(4)*/.lh1 { line-height: 1;}/*(5)*/.fs1 { font-size: 12px;}/*(6)*/.fs2 { font-size: 15px;}/*(6)*//* (1) .no1: number, used on dashboard page for "my recent reviews" + "my recent tags" list *//* (2) .br: break, used on my orders > refunds pages + recurring profiles page to break text in thead (overwrite white-space:nowrap; of thead) .brSku: break long sku's *//* (3) .dBlock: used for widget-links (category, product, cms page) *//* (4) .sOut1: stand-out, used on my orders > view order page for order date *//* (5) .lh1: line-height *//* (6) .fs1: used for my wishlist table .fs2: used for tagLi1 on popular search terms page (otherwise the links are too small because of the inline styles) *//* bottom spacing */.bx2,.callout,.gallery,.limiter,.main .pager,.main .ts1,.main .dl1,.main .formLi1,.main .linkLi1,.main .tagLi2,.main .sOut1,.main iframe,.pView>.colL,.macProg,.moreEntries,.commentLi,.checkout-multishipping-address-selectbilling .ft2 { margin-bottom: 15px;}.bx1,.multi-bx #colM .bx1 {}.multi-bx #colM .bx1.relatedBx { /* border-top: 1px solid #ccc; */ padding-top: 20px;}.multi-bx #colM .bx1.relatedBx .hd4 { /*margin-bottom: 30px;*/}#colL .bx1 { margin-bottom: 50px;}.main .tagLi1 { margin-bottom: 35px;}.bulletLi1 { margin-bottom: 12px;}p,address,.ts2,.pView .tagLi1 { margin-bottom: 10px;}/******************************************************************************************************************************************* BOXES__________________________________________________________________________________________________________________________________________*/.bx1 { position: relative;}.ft1,.ft2 { text-align: center;}/*(1)*/.ft3 { text-align: right;}/*(1)*/.ft1 { padding: 0 15px 15px;}.ft1v1 { padding: 30px 15px 10px;}.ft3 { padding: 21px 20px 9px 15px;}#colR .ft3 { padding: 21px 15px 9px 20px;}.ft1 .btn1,.ft1 .btn2,.ft2 .btn1,.ft2 .btn2 { width: 100%; margin: 0 0 20px 0;}.ft3 .btn2 { margin: -6px 0 0; vertical-align: top;}.ft3 .btn2 span { padding: 0 5px; line-height: 22px; font-size: 12px;}.ft3 a { font-size: 12px;}/* flexbox | reverse order of children *//* space between property and value if value begins with "-" ! (required for sass) */.ft1,.ft1 .w33,#review-buttons-container { width: 100%; /* ie */ display: -ms-flexbox; -ms-flex-direction: column-reverse; /* safari */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-direction: reverse; /* firefox 19- */ display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: reverse; /* chrome */ display: -webkit-flex; -webkit-flex-direction: column-reverse; /* firefox 20+, opera 12.1 */ display: flex; flex-direction: column-reverse;}/* empty box */.emptyBx .hd1 { margin-bottom: 25px;}.emptyBx h1 { float: none !important;}.emptyBx .bd1 { padding-top: 0; padding-bottom: 10px; text-align: center; font-size: 15px; text-transform: uppercase;}.sales-recurring-profile-index .emptyBx { padding-top: 25px; padding-bottom: 10px; text-align: left; font-size: 15px; text-transform: uppercase;}.emptyBx,.emptyBx .ft1 { text-align: center;}.emptyBx .ft1 .btn2 { float: none; margin-right: 0; margin-left: 0;}.catalog-category-view .emptyBx .bd1,.catalogsearch-result-index .emptyBx .bd1 { text-align: left;}.suggest li b { font-weight: bold}.search-preloader { position: absolute; top: 7px; right: 34px; z-index: 99; display: none}.actionBx { position: relative; float: right; padding: 5px 5px 4px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: rgba(0, 0, 0, 0.05); line-height: 0; /*(2)*/}/*(3)*/.scrollBx { padding-right: 25px; overflow: auto;}/*(4)*//* (1) .ft1: footer inside bx1 .ft2: footer inside bx2 .ft3: footer for sidebar boxes *//* (2) fix positioning problems *//* (3) .actionBx: small box for buttons/links, used for minicart + wishlistBx + email to a friend page + compare page + order pages (giftMsgRow) + tTip2 + map-popup + remember me overlay *//* (4) .scrollBx: used for checkout agreements + gift options *//******************************************************************************************************************************************* HEADINGS__________________________________________________________________________________________________________________________________________*/.hd1,.hd2,.hd3,.hd9 { position: relative;}.hd1 h1,.hd2 h2,.hd3 h3 { font-family: "open_sans", Arial, serif, helvetica;}.hd4,.hd5,.hd6,.hd7 { line-height: 1;}/* heading 1 */.hd1 { padding: 40px 15px 0; line-height: 1.4; color: #222;}.hd1 h1,.cms-page-view .std h1 { line-height: 1; font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: 700; text-transform: none; color: #8cb110;}.hd1 .subHd1 { display: block; padding-top: 5px; color: #316644; font-weight: 300;}.hd1 .subHd2 { display: block; padding-top: 13px; color: #888; font-size: 15px; text-transform: none; clear: both;}.hd1 .btn1 { margin-right: 3px;}.hd1v1 h1 { padding-bottom: 15px;}.pView .hd1 h1 { color: #4a4a4a; font-weight: bold; padding-top: 18px; line-height: 1.3em;}.popUp .hd1,.cms-page-view .hd1,.cms-no-route .hd1,.agreement .hd1 { margin-bottom: 35px; padding: 0;}/* heading 2 */.hd2 { margin-bottom: 4px; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.hd2i { float: left;}.hd2-li { margin-bottom: 15px;}.hd2-tbl { margin-bottom: 20px;}.hd2 h2,.hd2 .heading,.cms-page-view .std h2 { float: left; line-height: 1.1; font-size: 20px; font-weight: normal; font-style: unset; text-transform: none; color: #8cb110;}.hd2 h2,.hd2 .heading { /*width: 586px;*/ /* font-size: 25px; */ font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #000000;}.cms-page-view .std h1,.cms-page-view .std h2 { display: block; clear: both; margin-top: 16px; margin-bottom: 6px; float: none;}/* heading 2 above single input field / select box */.pOptions .wsBx2a,#co-billing-form .wsBx2a,#co-shipping-form .wsBx2a,.sales-billing-agreement-index .wsBx2b { padding-top: 11px;}/* heading 2 with border-bottom */.etaf .hd2,.customer-account-create .hd2,.customer-address-form .hd2,#billing-new-address-form .hd2,#shipping-new-address-form .hd2,.checkout-multishipping-address-newshipping .hd2,.checkout-multishipping-address-editshipping .hd2,.checkout-multishipping-address-newbilling .hd2,.paypalReview .hd2 { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 0.5px solid #e1e1e1;}.etaf h2,.customer-account-create h2,.customer-address-form h2,#billing-new-address-form h2,#shipping-new-address-form h2,.checkout-multishipping-address-newshipping h2,.checkout-multishipping-address-editshipping h2,.checkout-multishipping-address-newbilling h2,.paypalReview .hd2 h2 { color: #000; font-family: "open_sans", Arial, serif, helvetica; font-weight: 400; text-transform: none;}.hd2iV1 { float: none;}.hd2iV1 h2 { border-right: 0;}.hd2iV1 a,.hd2iV1 .qtyBx,.hd2iV1 .price-notice { float: right; line-height: 1;}.hd2iV1 a { margin-top: 8px; color: #316644;}.hd2iV1 a:hover { text-decoration: underline;}.hd2iV1 .price-notice { margin-top: 4px;}.hd2iV1 .qtyBx { margin: -5px 0 -10px;}.hd2iV1 .qtyBx label { float: none; display: inline; padding: 0 6px 0 0; text-transform: uppercase;}.hd2iV1 .qty { width: 31px; height: 30px;}/* heading 3 */.hd3 { position: relative; padding-bottom: 3px; text-align: right; line-height: 21px; border-bottom: 1px solid #eee; color: #8cb110; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}.wsG1 .hd3 h3 { padding: 0;}.hd3 h3,.hd3 .heading{ float: left; padding-right: 8px; text-align: left; font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: 400; text-transform: none;}.hd3 .ico { display: none;}/* heading 3 without border-bottom */.hd3-tbl,.hd3-li,.reviews .hd3,.shipping .hd3,.sales-guest-form .hd3 { padding-bottom: 0; border-bottom: 0;}/* heading 3 for cms pages + agreements */.std h3,.agreement h3 { margin-bottom: 10px; color: #222; line-height: 22px; font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: 400; text-transform: none;}/* heading 4 - 9 */.hd4 { padding: 20px 0 20px; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent; font-family: "open_sans", Arial, serif, helvetica; font-size: 25px; font-weight: normal; text-transform: uppercase;}.bx1 .hd4 { height: 65px; font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.5px; color: #000000; text-transform: none;}.bx .hd4 { font-family: "open_sans", Arial, serif, helvetica; font-size: 25px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.4px; text-align: center; color: #000000; text-transform: none;}.relatedBx .hd4 { font-size: 14px;}#colL .hd4.cat-name { font-family: "open_sans", Arial, serif, helvetica;}.bx1 .hd4 { padding-top: 32px; padding-bottom: 64px;}#colL .hd4,#colR .hd4 { border-bottom: 0;}#colR .hd4 { padding: 20px 15px 20px 20px;}.hd5 { margin: -10px 0 0; padding: 0 20px 20px 15px; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent; line-height: 1.1; font-weight: normal; text-transform: none;}#colR .hd5 { padding: 0 15px 20px 20px;}.hd6 { padding: 15px 0; color: #4a4a4a; line-height: 1; font-size: 15px; font-weight: normal; text-transform: uppercase;}#colR .hd6 { padding: 7px 15px 7px 20px;}#colR #checkout-progress-wrapper .hd4 { font-size: 13px;}#colR #checkout-progress-wrapper .hd6 { font-size: 12px;}.hd7 { padding: 13px 20px 12px 15px; color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent; font-weight: bold; text-transform: none;}#colR .hd7 { padding: 13px 15px 12px 20px;}.hd8 { display: none;}.hd8 h2 { color: #222; line-height: 1.1; font-family: "Open Sans Condensed", Arial, sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase;}.hd9 { padding: 35px 15px 0; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.hd9 h2 { line-height: 1.1; font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: 700; text-transform: none;}.hd9 .btn2 { margin: -3px 0 0 15px;}/* hide headings */.orderBxT .hd2,.orderBxB .hd3-tbl,.nav-account .hd4,.defaultAddresses .hd2,.customer-account-login .hd1,.checkout-multishipping-login .hd1,.checkout-multishipping-addresses .hd1,.checkout-multishipping-shipping .hd1,.checkout-multishipping-billing .hd1,.checkout-multishipping-overview .hd1 { display: none;}/* .hd1v1: for buttons/links beside/under headline *//* .hd1 .subHd1: used on review details page *//* .hd1 .subHd2: used on forgot your password page *//* .hd2iV1: heading 2 with additional link, qty-field or price-notice *//* .hd3v1: used for mac (shipping information), switch/solo *//* .hd4: box heading *//* .hd5: box sub-heading *//* .hd6: layered nav + opc *//* .hd7: green bg, used for layered nav selected + minicart *//* .hd8: mpc *//* .hd9: dashboard + paypal express review *//******************************************************************************************************************************************* IMAGES (product image, category image, banner, callout)__________________________________________________________________________________________________________________________________________*/img { width: auto; /* IE8 */ max-width: 100%; height: auto; vertical-align: top; /* height: 187px; */ /* width: 715px; */}.pImg,.catImg,.banner,.callout { position: relative; display: block;}.ib1 { display: none;}.catImgWrap { /* position: relative; */ margin: -30px -15px 25px;}.catImg { display: inline-block; max-width: 100%; /* margin: 0 30px; */}.catImg .ib1 { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}/******************************************************************************************************************************************* SLIDER / CAROUSEL__________________________________________________________________________________________________________________________________________*/.flex-viewport { display: inline-block; /*(1)*/ max-height: 2000px; vertical-align: top; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;}.loading .flex-viewport { max-height: 300px;}.slides li { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /*(2)->*/ display: none; /*-webkit-backface-visibility:hidden;<-(2)*/}.slides li li { display: block;}.slides img { display: block; /* margin: 0 auto 20px; */ height: auto; /* center */}.slider-home .slides img { /* min-height: 402px; */ height: 100%;}.no-js .slides>li:first-child { display: block;}/* no javascript fallback *//* pager nav */.flex-control-nav { text-align: center; vertical-align: top;}.flex-control-nav li { display: inline-block; margin: 0 7px; vertical-align: top;}.flex-control-nav li a { display: block; width: 6px; height: 6px; text-indent: -9999px; cursor: pointer; background: #fff; /* -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25); */ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}.flex-control-nav li a:hover { color: #dddddd; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: rgba(0, 0, 0, 0.3); -webkit-box-shadow: #dddddd; -moz-box-shadow: #dddddd; box-shadow: #dddddd;}.flex-control-nav li a.flex-active { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ width: 9px; height: 9px; margin: -1px; border: 1px solid #fff; background: transparent;}/* direction nav */.flex-direction-nav a { position: absolute; font-size: 0; cursor: pointer; color: #9b9b9b; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -ms-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out;}.flex-direction-nav a:hover { color: #222;}.flex-prev:before { content: "\e010"; font-size: 23px;}.flex-next:before { content: "\e001"; font-size: 23px;}.flex-disabled { opacity: 0 !important; cursor: default !important;}/* slider */.slider .flex-control-nav { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 0; /* background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); */}.slider .flex-direction-nav a { width: 23px; height: 23px; /* margin-top: -46px; */ text-align: center; opacity: 0; color: #ccc;}.slider .flex-prev { /* top: 50%; */ top: 189px; bottom: 190px; left: 16px;}.slider .flex-next { /* top: 50%; */ top: 189px; bottom: 190px; right: 16px;}.slider .flex-direction-nav a:before { font-size: 23px; color: #fff;}.slider .flex-prev:before { margin-left: -2px;}.slider .flex-next:before { margin-right: -2px;}.slider:hover .flex-prev,.slider:hover .flex-next { opacity: 1;}/* slider homepage: custom caption */.slider-home .caption1 { position: absolute; top: 54.7%; right: 5.7%; bottom: auto; left: auto; padding: 0; color: #ac001f; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-align: left; line-height: 1; font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: 100; text-transform: none;}.slider-home .caption h1 span { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}.slider-home .caption2 { position: absolute; top: 10%; right: auto; bottom: auto; left: 4%; padding: 0; width: 30%; color: #ac001f; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-align: left; line-height: 1; font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: 100; text-transform: none;}.slider-home .caption3 { position: absolute; top: 10%; left: auto; bottom: auto; right: 5.7%; padding: 0; width: 40%; color: #ac001f; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-align: left; line-height: 1; font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: 100; text-transform: none;}.slider-home .caption { z-index: 100;}/* slider homepage */.slider-home { position: relative; margin: -15px -15px 30px;}.slider-home .slides li:after,.slider-home .slides li>a:after { content: "";}.slides li>a { position: relative; display: block; z-index: 1;}.slider-home { height: auto;}/* carousel more views */.moreViews { position: relative; margin: 0 -4px;}.moreViews:before { content: ""; display: block; height: 0; margin: 0 4px; font-size: 0;}.moreViews .flex-viewport:before,.moreViews .flex-viewport:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 4px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; z-index: 1;}.moreViews .flex-viewport:after { left: auto; right: 0;}.moreViews .slides li { padding: 8px 4px 0;}.moreViews .slides img { cursor: pointer;}.moreViews .flex-control-nav { position: absolute; width: 100%; padding-top: 10px;}.moreViews .flex-direction-nav a { top: 50%; width: 21px; /* Safari 5 ! */ margin-top: -6px; opacity: 0;}.moreViews .flex-prev { left: -24px;}.moreViews .flex-next { right: -24px;}/* carousel widgets (new etc.) */.carousel { margin: 0 -10px 27px;}.carousel .pGrid { width: 75%;}.add-to-cart-popup .carousel .pGrid { width: 100%;}.carousel .slides { position: relative; display: inline-block; /*(3)*/ overflow: hidden; vertical-align: top;}.carousel .flex-viewport:before,.carousel .slides:before { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; width: 0px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; z-index: 1;}/*(4)*/.carousel .flex-control-nav { position: absolute; left: 0; bottom: 0; width: 100%;}.carousel .flex-control-nav li { padding: 8px 0 7px;}.carousel .flex-direction-nav a { width: 47px; /* Safari 5 ! */}.carousel .flex-prev { top: 0; left: 0; padding: 12px 14px 11px 12px;}.carousel .flex-next { top: 0; right: 0; padding: 12px 12px 11px 14px;}.newsletter-block { width: 30%;}div.custom-block-1 .newsletter-block.one-line { width: auto; position: relative; float:none;}.newsletter-block.one-line .nl-canvas { display:none;}.newsletter-block.one-line .hd3 { color:#000000; font-size: 25px; font-weight: bold; border: none; text-align: left;}/* nl form w/o seo text */@media screen and (min-width: 769px){ .newsletter-block.one-line .nLetter { float: none; padding: 0; display: flex; } .newsletter-block.one-line .input-box { width: auto; flex: auto; display: flex; } .newsletter-block.one-line .nLetter label { float: none; line-height: 40px; padding: 0 1em 0 0; white-space: nowrap; } .newsletter-block.one-line input[type="text"]{ /*display: inline-block;flex: auto;*/ padding: 0; margin: 0; height: 40px; } .newsletter-block.one-line [type="submit"]{ flex: initial; } .newsletter-block.one-line .hd3 { color: white; font-size: 22px; font-weight: bold; position: absolute; left: 110px; top: 30px; } .newsletter-block.one-line .nl-usp{ position: absolute; top: 130px; left: 110px; width:600px; } .newsletter-block.one-line .nl-usp .hd { font-size: 16px; color: white; font-weight: bold; } .newsletter-block.one-line .nl-usp ul { display:flex; color: white; margin-top: 5px; } .newsletter-block.one-line .nl-usp li { /*flex: 1;*/ flex: 1 1 0%; /* spelled out for ie 11*/ font-size: 16px; padding-left: 35px; line-height: 1.25; position: relative; } .newsletter-block.one-line .nl-usp li.single { line-height: 2.5; } .newsletter-block.one-line .nl-usp li::before { content: "\e017"; font-family: "icons"; color: #fff; display: block; font-size: 20px; background-color: #58ab27; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; position:absolute; left: 0; top: 5px; }}@media screen and (min-width: 990px) { .newsletter-block.one-line .nLetter label { display:none; } .newsletter-block.one-line .nl-canvas { display:block; } .newsletter-block.one-line .nLetter { position: absolute; left: 110px; top: 69px; width: 564px; }} /* categorie link list */.category-list { height: auto; margin-bottom: 30px;}.category-list .nav-cat-dt .topLvl { color: #316644; background-color: #b3d133; display: block;}.category-list .nav-cat-dt .topLvl:hover {}.category-list .nav-cat-dt .last {}.category-list .nav-cat-dt .topLvl span { padding: 0 15px; line-height: 42px;}.catlist-h4 { display: none;}/* Categorie Blocks with images */.s-cats-blocks { width: auto; margin-bottom: 40px;}.s-cats-blocks li { width: 49%; height: auto; float: left; /* padding-top: 15px; */ padding-bottom: 20px; margin-right: 2%; margin-bottom: 30px;}@media screen and (max-width: 768px) { .s-cats-blocks li:nth-child(2n) { margin-right: 0; }}.s-cats-blocks .image-wrapper { display: block; width: 100%; height: 218px; overflow: hidden; position: relative;}.s-cats-blocks li img { width: 100%; height: auto; vertical-align: middle; max-height: 205px; max-width: 307px; display:block;}.s-cats-blocks .image-wrapper img { max-width: none; width: 100%; height: auto;}.category-markenshops .s-cats-blocks .image-wrapper img { max-width: 300px; margin: 34px auto 0; display:block;}.s-cats-blocks .h5 { font-size: 18px; display: block; text-align: center; text-transform: uppercase; color: #316644; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.s-cats-blocks li .bestseller-products li { padding-top: 0; text-align: center; position: relative;}.s-cats-blocks li .bestseller-products li img { width: 70px;}.s-cats-blocks li .bestseller-products .savings-label { display: none;}.s-cats-blocks li .bestseller-products li .pName { height: 18px; clear: both; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.s-cats-blocks li .bestseller-products .price { font-size: 17px; font-family: "open_sans", Arial, serif, helvetica;}.s-cats-blocks li .bestseller-products { height: 180px; overflow: hidden; padding: 3px 10px; display: none;}.s-cats-blocks li .bestseller-products .price-info-holder { line-height: 10px; color: #c5c5c5;}.s-cats-blocks li .bestseller-products .price-info-holder a { text-decoration: underline; color: #c5c5c5;}.s-cats-blocks li .bestseller-products .price-box.priceBx1 { line-height: 18px;}.s-cats-blocks li .bestseller-products .s-info { display: inline-block; font-size: 10px; line-height: 10px; color: #c5c5c5; width: auto; height: auto;}.main .hd4.s-cats-bh { font-size: 25px; padding-left: 0; color: #8cb110;}/* (1) center items *//* (2) hide the slides before the JS is loaded. avoids image jumping if -webkit-backface-visibility:hidden; is set (flexslider default), safari 5 renders some fonts / radio buttons strange (even outside the slideshow!) *//* (3) center if there is just one item *//* (4) hide border of first element *//******************************************************************************************************************************************* TABS + ACCORDIONS + DROPDOWN-MENU__________________________________________________________________________________________________________________________________________*/.resp-tabs { clear: both;}.resp-tabs-list,.resp-tab-content { display: none;}.resp-accordion,.resp-tabs-list li { position: relative; padding: 0 15px; cursor: pointer; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}.resp-accordion { border-top: 1px solid #cbc8be; border-bottom: 1px solid #cbc8be; color: #fff; background-color: #8cb110; cursor: pointer;}.resp-tabs-list li { /* line-height: 38px; */ font-family: "open_sans", Arial, serif, helvetica; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.2px; color: #666666;}.resp-tabs-list li:hover { color: #222;}.resp-accordion:after { content: "\e006"; position: absolute; top: 10px; right: 10px; font-size: 20px;}h2.resp-tab-active:after { content: "\e007";}.resp-accordion-closed { display: none;}.tabs { padding-left: 15px; border-bottom: 1px solid #eee;}.tabs li { float: left; margin: 0 -1px -1px 0;}.tabs a,.tabs span { display: block; padding: 0 11px; line-height: 38px; font-size: 14px; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #e8e2cc url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/tab-normal-bg.gif);}.tabs a:hover,.tabs span:hover { color: #222;}.tabs span { padding-bottom: 1px; border-bottom: 0; color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #8f8777 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/tab-active-bg.gif);}.sitemapTabs { margin: 0 0 30px -15px;}.rpTabs { padding-top: 60px; margin: 0 15px 0 0;}.resp-tabs-list li .rating-short-holder { display: block; position: absolute; width: 100px; top: 0px; right: 5px; /* line-height: 21px; */}#resp-tab-reviews { padding-right: 115px; position: relative;}.pView .resp-tabs-list li .ratings { margin-bottom: 0;}#resp-tab-reviews .ratingLinks { line-height: 19px;}.resp-tab-active .ratingLinks,.resp-tabs-list li:hover .ratingLinks,.resp-tab-active .rating-short-holder .ratingBx .rating::before,.resp-tabs-list li:hover .rating-short-holder .ratingBx .rating::before{ color: #8cb110;}.resp-tab-active .rating-short-holder .ratingBx:before,.resp-tabs-list li:hover .rating-short-holder .ratingBx:before { color: #aea392;}/* order tabs / order dropdown */.dropdown.orderTabs { position: relative; margin: 0 15px;}.orderTabs .dropdown-toggle,.orderTabs .dropdown-menu a,.orderTabs .dropdown-menu span { display: block; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}.orderTabs .dropdown-toggle>span { position: relative; display: block; padding: 0 15px; border-top: 0; border-top: 1px solid #cbc8be; border-bottom: 1px solid #cbc8be; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */}.orderTabs .dropdown-toggle>span:hover { color: #222;}.orderTabs .dropdown-toggle>span:after { content: "\e002"; position: absolute; top: 15px; right: 15px; font-size: 15px;}.orderTabs .dropdown-toggle .current { padding-right: 19px;}.orderTabs .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 50;}.orderTabs .dropdown-menu a,.orderTabs .dropdown-menu span { margin-bottom: -1px; padding: 0 15px; border-top: 1px solid #c4c1b8; border-bottom: 1px solid #c4c1b8; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #cdcac0;}.orderTabs .dropdown-menu a:hover,.orderTabs .dropdown-menu span:hover { color: #222;}.orderTabs.open .dropdown-toggle,.orderTabs.open .dropdown-menu { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}.orderTabs.open .dropdown-toggle>span { z-index: 51;}.orderTabs.open>.dropdown-menu { display: block;}/******************************************************************************************************************************************* LISTS__________________________________________________________________________________________________________________________________________*//* bullet-list 1 */.bulletLi1 { margin-left: 14px; list-style: disc outside;}.bulletLi1 li { padding-bottom: 6px;}.indented { margin-left: 26px;}/* ordered-list 1 */.ol1 { margin-left: 17px; list-style: decimal outside;}/* link-list 1 */.linkLi1 .cArea,.linkLi1 .note { position: relative; display: block; padding: 7px 0 8px; line-height: 15px;}.linkLi1 .note { padding: 15px 14px;}.main .linkLi1 li { border-bottom: 1px dotted #ddd; /* color for form-lists */ color: #888;}.main .linkLi1 li>a.cArea { color: #888;}.main .linkLi1 li:hover { border-top: 1px solid #e7e7e7 !important; border-bottom: 1px solid #e7e7e7 !important; margin-top: -1px; /* color for form-lists */ color: #222; -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1);}.main .linkLi1 li:hover.laB1 { margin-bottom: -1px;}.main .linkLi1 li:hover.laB2 { margin-bottom: -1px;}.main .linkLi1 li:hover>a.cArea { color: #222; text-shadow: #dddddd; text-decoration: #dddddd;}/* sidebar modifications */#colL .linkLi1,#colR .linkLi1 { border-top: 1px dotted #e2e0c1; border-bottom: 1px dotted #e2e0c1;}#colL .linkLi1 li,#colR .linkLi1 li { border-bottom: 1px dotted #e2e0c1; /* color for form-lists */ color: #888;}#colL .linkLi1 li>a.cArea,#colR .linkLi1 li>a.cArea { color: #888;}#colL .linkLi1 li:hover,#colR .linkLi1 li:hover { /* color for form-lists */ color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}#colL .linkLi1 li:hover>a.cArea,#colR .linkLi1 li:hover>a.cArea { color: #222; text-shadow: #dddddd; text-decoration: #dddddd;}#colL .linkLi1 .cArea { padding: 7px 20px 8px 15px;}#colR .linkLi1 .cArea { padding: 7px 15px 8px 20px;}/* (1) used on sitemap: "There are no products/categories available." *//* form-list 1 */.formLi1 { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}.main ul.formLi1 li,.main .formLi1 dt,.main .formLi1 .note,.main .formLi1 .hidden { line-height: 15px; border-bottom: 1px dotted #ddd; /* color for form-lists */ color: #666666;}.main ul.formLi1 li>a.cArea,.main .formLi1 dt>a.cArea,.main .formLi1 .note>a.cArea,.main .formLi1 .hidden>a.cArea { color: #888;}.main ul.formLi1 li:hover,.main .formLi1 dt:hover,.main .formLi1 .note:hover,.main .formLi1 .hidden:hover { border-top: 1px solid #e7e7e7 !important; border-bottom: 1px solid #e7e7e7 !important; margin-top: -1px; /* color for form-lists */ color: #222; -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1), 0 -3px 3px -3px rgba(0, 0, 0, 0.1);}.main ul.formLi1 li:hover.laB1,.main .formLi1 dt:hover.laB1,.main .formLi1 .note:hover.laB1,.main .formLi1 .hidden:hover.laB1 { margin-bottom: -1px;}.main ul.formLi1 li:hover.laB2,.main .formLi1 dt:hover.laB2,.main .formLi1 .note:hover.laB2,.main .formLi1 .hidden:hover.laB2 { margin-bottom: -1px;}.main ul.formLi1 li:hover>a.cArea,.main .formLi1 dt:hover>a.cArea,.main .formLi1 .note:hover>a.cArea,.main .formLi1 .hidden:hover>a.cArea { color: #222; text-shadow: #dddddd; text-decoration: #dddddd;}ul.formLi1 li label,.formLi1 dt label { position: relative; float: none; padding: 8px 0 8px 23px; line-height: 15px; color: #666666;}.formLi1 .label { float: left;}/*(1)*/.formLi1 .price-notice { float: right;}/*(1)*/.formLi1 .radio,.formLi1 .checkbox { float: left; margin: 9px 0 0 0;}.formLi1 dd>div { position: relative; /*(2)*/ border-bottom: 1px dotted #ddd;}.formLi1 dt.la+dd>div { border-bottom: 0;}/*(3)*/.formLi1 .note { padding: 8px 0;}/*(4)*/.formLi1 .hidden label { padding: 8px 0; cursor: default;}/*(5)*/div.formLi1>div { clear: both;}div.formLi1 label { padding: 7px 8px 12px;}.customer-account-create .formLi1.agreements { margin-top: 22px;}.formLi1 li>a.agreement-link { position: relative; float: none; display: block; padding: 8px 0 8px 23px; line-height: 15px;}/* form-list 1 variant 1 (important) (6) */.main ul.formLi1v1 li { color: #222;}.main ul.formLi1v1 li label { padding-right: 60px; font-weight: normal;}/* sidebar modifications */#colL .formLi1,#colR .formLi1 { border-top: 1px dotted #e2e0c1; border-bottom: 1px dotted #e2e0c1;}#colL ul.formLi1 li,#colR ul.formLi1 li { border-bottom: 1px dotted #e2e0c1; /* color for form-lists */ color: #888;}#colL ul.formLi1 li>a.cArea,#colR ul.formLi1 li>a.cArea { color: #888;}#colL ul.formLi1 li:hover,#colR ul.formLi1 li:hover { /* color for form-lists */ color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}#colL ul.formLi1 li:hover>a.cArea,#colR ul.formLi1 li:hover>a.cArea { color: #222; text-shadow: #dddddd; text-decoration: #dddddd;}#colL ul.formLi1 li label { padding: 7px 20px 7px 38px;}#colR ul.formLi1 li label { padding: 7px 15px 7px 43px;}#colL .formLi1 .radio { margin-left: 15px;}#colR .formLi1 .radio { margin-left: 20px;}/* (1) used for shipping methods + downloadable product options + bundle options *//* (2) to position loading animation, for partial authorization (paygate\form\cc.phtml) *//* (3) no border for last dd (IE8 compatible selector) *//* (4) used for shipping method note (checkout) *//* (5) if there is just one radio-button or checkbox > adjust padding-left from label *//* (6) used for terms and conditions checkbox (opc + mac) *//* definition-list 1 (1) */.dl1 dt { padding-bottom: 6px; color: #222; line-height: 15px; font-family: "open_sans", Arial, serif, helvetica; text-transform: uppercase;}.dl1 .formLi1 { margin-bottom: 30px;}/* (1) used for shipping methods *//* button-list 1 (1) */.btnLi1 li { float: left; line-height: 37px;}.btnLi1 a,.btnLi1 .act { position: relative; display: block; padding: 0 9px; text-transform: uppercase; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.btnLi1 a:hover,.btnLi1 .act:hover { color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.btnLi1 .act { color: #222;}/* (1) used for limiter *//* tag-list 1 (1) */.tagLi1 { margin-right: -3px; /*(2)*/}.tagLi1 li { display: inline-block; margin: 0 3px 12px 0;}/* tag-list 2 (3) */.tagLi2>li { padding: 15px 0 11px; border-bottom: 1px dotted #ddd; line-height: 15px;}.tagLi2 .ml { margin-left: 17px;}/*(4)*/.tagLi2 .pName { margin-bottom: 8px;}.tagLi2 .tagLi1 { margin-bottom: 0;}.pView .tagLi1 li,.tagLi2 .tagLi1 li { line-height: 25px;}/*(5)*//* (1) used for shop by tag, popular search terms, product tags (product detail page), my recent tags (dashboard) *//* (2) to compensate margin-right:3px; + 4px default space of display:inline-block; elements from .tagLi1 li *//* (3) used for my recent tags (dashboard), contains tag-list 1 *//* (4) .ml = margin-left *//* (5) px-value for same button height *//* comment-list 1 (1) */.commentLi li { padding: 16px 0 0;}.commentLi strong { color: #222;}/* (1) used for order comments *//******************************************************************************************************************************************* TABLES__________________________________________________________________________________________________________________________________________*/.ts1 { width: 100%; border-collapse: separate; border-spacing: 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; text-align: left;}.ts1 td,.ts1 th { padding: 14px 10px; border-left: 1px dotted #ddd; border-bottom: 1px dotted #ddd; vertical-align: top;}.ts1 td.no-lborder { border-left: none;}th { color: #222;}.thd1 { line-height: 1; white-space: nowrap;}.thd1 th { vertical-align: middle;}.tbd1 { line-height: 17px;}.tft1 td,.tft1 th { padding: 4px 10px; border-bottom: 0; text-align: right; line-height: 17px; /*vertical-align:middle;*/}.valM td,.valM th { vertical-align: middle;}/*(1)*/.ts1 .pImg img { max-width: none;}/*(2)*//* special formatting */.compareTable { position: relative;}.compareTable th { padding-right: 30px;}.ts1.ts1Compact.alC { margin-bottom: 45px;}.ts1Compact td,.ts1Compact th { padding: 5px 10px;}/*(3)*/.ts1Compact .thd1 th { padding: 10px;}.ts1Compact2 td,.ts1Compact2 th { padding: 8px 8px;}/*(3)*/.ts1Compact2 .tft1 td { padding: 3px 8px;}.ts1Compact2 .totalRow td { padding: 8px 8px 7px;}.pGroupedTable td { padding: 8px 10px;}.tbd1 .radio,.tbd1 .checkbox { margin-top: 3px; vertical-align: top;}.ts1 .pOptions { font-size: 12px;}.ts1 .pOptions dt,.ts1 .pOptions dd { padding-top: 10px; display: inline-block;}.bundleLabel td { padding: 5px 10px 2px;}/*(4)*/.bundleValue td { padding: 0 10px 10px;}/*(4)*/.updRow td { padding: 9px 10px;}/*.updRow .btn2 { width: 100%; margin: 0 0 20px;}*/.ts1 .btn2-toggle { margin: -1px 4px 0 0; vertical-align: top;}.totalRow td,.totalRow th { padding: 10px; border-top: 1px dotted #ddd; color: #222; line-height: 17px; font-size: 16px; font-family: "open_sans", Arial, serif, helvetica; text-transform: uppercase;}.summary-details td { border-top: 1px dotted #ddd;}.nomRow td,.nomRow th { color: #222;}.nomHdRow th { line-height: 35px; font-size: 16px;}.nomRow.spacerRow td { border-top: 1px dotted #ddd;}.baseTotalRow td { color: #222;}.ts1 .ratingBx { margin-right: 0;}/* first / last modifications */.ts1 td.first,.ts1 th.first { padding-left: 0; border-left: 0;}.ts1 td.last,.ts1 th.last { padding-right: 0;}.thd1 th.first { border-left: 0;}.thd1 th.last { border-right: 0;}/*(5)*/.tbd1 .RB-B td,.tbd1 .RB-B th,.tbd1 .B-B td,.tbd1 .B-B th { border-bottom: 0;}/*(6)*//* second row in thead (7) */.taxRow th { padding: 4px 5px 5px; border-top: 1px dotted #ddd; font-size: 12px; font-weight: normal;}/* sidebar modifications */#colL .ts1,#colR .ts1 { border-color: #e2e0c1;}#colL .ts1 td,#colL .ts1 th,#colR .ts1 td,#colR .ts1 th { padding: 7px 10px; border-color: #e2e0c1;}#colL .ts1 td.first,#colL .ts1 th.first { padding-left: 15px;}#colL .ts1 td.last,#colL .ts1 th.last { padding-right: 20px;}#colR .ts1 td.first,#colR .ts1 th.first { padding-left: 20px;}#colR .ts1 td.last,#colR .ts1 th.last { padding-right: 15px;}/* no border for these tables */.pGroupedTable,.sales-order-history #my-orders-table,#product-attribute-specs-table,#my-downloadable-products-table,#my-reviews-table,#my-tags-table,#downloadable-links-list { border: 0;}/* table-style 2 (8) */.ts2 { border-collapse: collapse; text-align: left;}.ts2 td,.ts2 th { padding-bottom: 2px; vertical-align: top;}.ts2 th { padding-right: 10px;}/* table-style 3 (9) */.ts3 { border-collapse: collapse; text-align: left;}.ts3 td,.ts3 th { padding: 2px 0; vertical-align: top;}.ts3 td { border-top: 1px dotted #64e2ab;}.ts3 tr .first { padding-right: 10px;}/* mobile specific */.ts1-mobile tbody th,.ts1-mobile tbody td { padding: 3px 10px; border: 0; color: #888; text-align: left !important;}.ts1-mobile tbody td { padding-right: 0;}.ts1-mobile tbody th { padding-left: 0; font-weight: normal; white-space: nowrap;}.ts1-mobile .begin th,.ts1-mobile .begin td { padding-top: 22px; color: #222; font-family: "open_sans", Arial, serif, helvetica;}.ts1-mobile tbody .first th,.ts1-mobile tbody .first td { padding-top: 22px;}.ts1-mobile .end th,.ts1-mobile .end td { padding-bottom: 20px; border-bottom: 1px dotted #ddd;}.ts1-mobile tbody .last th,.ts1-mobile tbody .last td { padding-bottom: 20px; border: 0;}.ts1-mobile tbody td h4 { font-size: 13px;}.ts1-mobile tfoot .first td { border-top: 1px dotted #ddd;}.ts1-mobile.cartTable-mobile tfoot .first td { border: none;}.ts1-mobile tfoot td { min-width: 140px; padding: 3px 10px; border-left: 0; text-align: left;}.ts1-mobile .updRow td { padding-top: 20px; padding-bottom: 0;}.ts1-mobile .summary-collapse { float: left;}.ts1-mobile .btn2-toggle { float: right; margin-left: 7px;}.ts1-mobile .pOptions { color: #888;}.ts1-mobile .pOptions dd { font-weight: normal;}.ts1-mobile .totalRow td { padding-top: 10px; padding-bottom: 10px; text-transform: none;}.ts1-mobile.no-thead th { color: #222; font-family: "open_sans", Arial, serif, helvetica;}.ts1-mobile .giftMsgRow { padding-left: 0;}/* buttons / links inside mobile tables */.ts1-mobile .lnk-ba,.ts1-mobile .lnk-review,.ts1-mobile .lnk-download,#my-tags-table.ts1-mobile .lnk-wishlist,#my-orders-table.ts1-mobile .lnk-order,#related-orders-table.ts1-mobile .lnk-order,.cartTable-mobile .lnk-mtw,.cartTable-mobile .lnk-edit { display: inline-block; margin: 4px 0; padding: 0 10px; line-height: 27px; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; text-shadow: 0 1px 0 #fff; /* Gradient + inset-shadow */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}.ts1-mobile .lnk-ba:hover,.ts1-mobile .lnk-review:hover,.ts1-mobile .lnk-download:hover,#my-tags-table.ts1-mobile .lnk-wishlist:hover,#my-orders-table.ts1-mobile .lnk-order:hover,#related-orders-table.ts1-mobile .lnk-order:hover,.cartTable-mobile .lnk-mtw:hover,.cartTable-mobile .lnk-edit:hover { color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ -webkit-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5); box-shadow: 0 0 5px rgba(0, 91, 51, 0.5); /* Gradient + inset-shadow + box-shadow */}.ts1-mobile .btn2-remove span { height: 27px; width: 27px;}.ts1-mobile .btn2-remove .ico:before { top: 2px; font-size: 22px;}#my-tags-table.ts1-mobile .pLinks a:before { margin: 7px 6px 0 0;}.lyrdNav .btn-remove { background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/close.png) no-repeat; width: 12px; height: 12px; overflow: hidden; text-indent: -99999px; display: block; position: absolute; right: 10px;}.currently { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}.currently li { padding: 0 15px; position: relative;}.currently .block-subtitle { padding: 0 15px; color: #222; margin-bottom: 5px;}/* mobile tables with no border top + bottom */.ts1-mobile.no-border,.sales-order-history #my-orders-table { border: 0;}.ts1-mobile.no-border .first th,.ts1-mobile.no-border .first td,.sales-order-history .ts1-mobile .first th,.sales-order-history .ts1-mobile .first td { padding-top: 0;}#my-orders-table thead { white-space: normal;}#my-reviews-table.ts1-mobile td,#wishlist-table.ts1-mobile td { padding-left: 0;}.sales-recurring-profile-view .ts1-mobile th { white-space: normal;}/* shopping cart table mobile */.cartTable-mobile colgroup,.cartTable-mobile thead,.cartTable-mobile .td-remove,.cartTable-mobile .td-pName,.cartTable-mobile .td-edit,.cartTable-mobile .td-wishlist,.cartTable-mobile .td-qty { display: none;}.cartTable-mobile { border-top: 0;}.cartTable-mobile tr,.cartTable-mobile td { display: block;}.cartTable-mobile tbody tr { margin-bottom: 15px;}.cartTable-mobile tbody td { padding: 2px 0 !important; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}.cartTable-mobile tbody td.last { padding-bottom: 20px !important; border-bottom: 1px dotted #ddd;}.cartTable-mobile tbody tr.last td.last { padding-bottom: 10px !important; border-bottom: 0;}.cartTable-mobile .td-label { display: inline-block; /*min-width:90px;*/ padding-right: 10px; font-family: "open_sans", Arial, serif, helvetica;}.cartTable-mobile .td-qty-label { display: none; width: auto; padding-right: 5px;}.cartTable-mobile .cart-price { display: inline-block;}.cartTable-mobile .td-pImg { padding: 10px 0 !important; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}.cartTable-mobile .pImg { float: left; margin-right: -115px;}.cartTable-mobile .pInfo { float: left; margin-left: 115px;}.cartTable-mobile .qty { margin-top: 15px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}.cartTable-mobile .td-actions { padding: 10px 0 0 !important;}.cartTable-mobile .btn2-remove,.cartTable-mobile .lnk-mtw { margin: 0 10px 10px 0; vertical-align: top;}.cartTable-mobile .lnk-edit { margin: 0 0 10px 0;}.cartTable-mobile tfoot tr { overflow: hidden;}.cartTable-mobile tfoot td.first { float: left; width: 70%; min-width: 0;}.cartTable-mobile tfoot td.last { float: left; width: 30%; min-width: 0; text-align: right;}.cartTable-mobile .updRow td { width: 100% !important; border-bottom: 1px dotted #ddd;}.cartTable-mobile tr { border-bottom: 1px dotted #ddd;}/* my tags table */#my-tags-table .ratings { margin-top: 5px;}#my-tags-table .price-box { margin: 15px 0;}#my-tags-table .btn1-atc { margin-bottom: 7px;}/* my tags table mobile */#my-tags-table.ts1-mobile .pImg { text-align: center;}/* wishlist table */#wishlist-table .pImg { margin-bottom: 8px;}#wishlist-table .pName { padding-bottom: 8px; margin-top: 5px;}#wishlist-table .shortDescr { margin-bottom: 10px;}#wishlist-table .addToCart,#wishlist-table .tTipTrigger { margin-bottom: 12px;}#wishlist-table .pLinks { padding-top: 12px;}.wishlistTable .s-info li { font-size: 12px; display: inline-block;}.wishlistTable .s-info { padding-bottom: 6px;}.wishlistTable .product-icons { margin: 5px 0;}.wishlistTable .help-icon .icon.action-to-date { text-indent: -9999px;}.wishlistTable .addToCart { padding-top: 5px;}.wishlistTable .btn1-atc .ico { font-size: 33px;}.wishlistTable .addToCart label { position: relative; top: -5px;}.wishlistTable .addToCart .btn1>span { line-height: 30px;}.wishlistTable .addToCart .btn1-atc .ico:before { margin-right: 0;}#wishlist-table .thd1 { text-transform: none;}/* wishlist table mobile */#wishlist-table.ts1-mobile .end td,#wishlist-table.ts1-mobile .addToCart br { display: none;}#wishlist-table.ts1-mobile .pImg { margin-top: 15px; text-align: center;}#wishlist-table.ts1-mobile .btn2-edit { margin-left: 10px;}#wishlist-table.ts1-mobile .btn2-edit span { padding: 0 10px 1px; line-height: 26px;}#wishlist-table.ts1-mobile .end .alC { text-align: left;}#wishlist-table.ts1-mobile .addToCart { margin-bottom: 20px;}#wishlist-table.ts1-mobile .pImg img { width: 85%; height: auto;}#wishlist-table.ts1-mobile tr { padding-top: 10px; padding-bottom: 10px; width: 40%; display: block; float: left;}#wishlist-table.ts1-mobile tr.begin { clear: both; width: 20%;}#wishlist-table.ts1-mobile td.last .btn2-remove { display: none;}/* (1) default table-cell alignment is vertical-align:top;, with .valM this can be changed, used for tbody of shopping cart table *//* (2) reset max-width: chrome shrinks images with max-width:100%; inside tables *//* (3) .ts1Compact : used for downloadable product options table + product review table .ts1Compact2: used for refund table *//* (4) for bundle products at my orders pages *//* (5) .RB-T: used for tables without thead *//* (6) .RB-B: used for tables without tfoot .B-B : used for tables without tfoot and without rounded border bottom (reorder-box table) *//* (7) for shopping cart table, order review table: shows only if Tax > Display > Display Cart/Order Prices "Including and excluding tax" is enabled *//* (8) .ts2: used for customer reviews table (on product detail page) *//* (9) .ts3: used for stockQtyTable *//******************************************************************************************************************************************* FORM ELEMENTS__________________________________________________________________________________________________________________________________________*/.input-box { padding-bottom: 19px;}label { float: left; display: block; padding: 1px 12px 3px 0; line-height: 17px;}input,select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}input,button,label { cursor: pointer;}textarea { padding-left: 8px;}.txtIn,textarea,select { width: 100%; font-weight: normal; cursor: text; border-color: #ccc; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ margin-bottom: 10px; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent; border-radius: 3px; border: solid 1px #e0e0e0; height: 31px; background: #ffffff;}.txtIn,select { font-family: "open_sans", Arial, serif, helvetica; font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #4a4a4a;}input { text-indent: 8px;}.txtIn:focus,textarea:focus,select:focus { color: #000;}textarea,textarea.txtIn { height: auto; line-height: 1.5; /* 18px */}textarea { padding: 5px 10px;}select { line-height: 31px; /* safari */ text-indent: 2px;}optgroup { font-style: normal;}option { padding: 0 10px 0 4px;}.multiselect { height: auto;}.multiselect option { padding: 1px 10px 1px 4px;}.radio { vertical-align: middle;}/*(1)*/.qty { width: 34px; text-align: center; border-radius: 3px; height: 34px; text-indent: 0;}.req em { padding-left: 3px; color: #8cb110; font-family: "open_sans", Arial, serif, helvetica; font-weight: normal; font-style: normal; font-size: 0.80em;}.input-box .hint1 { margin: 6px 2px 0; line-height: 1.2; font-size: 12px;}/*(2)*/.input-box .hint2 { float: left; line-height: 17px; cursor: help;}/*(2)*/.txtIn.readonly,.txtIn.readonly:focus { background: #dcdcdc; color: inherit;}/* focus states webkit */button:focus,input:focus,textarea:focus,select:focus { outline: none;}/*(3)*//* disabled fields */.qty-disabled,.qty-disabled:hover { width: 15px !important; padding-left: 0; padding-right: 0; text-align: right; border-color: transparent; color: #ccc; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}/*(4)*//* color modifications */.shopBxT .qty,.shopBxB .qty,.pConfigurable .shopBx select { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}/* validation */.validation-advice { position: relative; padding: 0; color: #e30613; line-height: 14px; font-size: 12px; font-family: "open_sans", Arial, serif, helvetica;}.validation-advice .ico { display: none;}.adviceBx1 { position: relative; top: -45px; /*(6)->*/ display: table; width: 100%; /*<-(6)*/}/*(5)*/.adviceBx2 { position: relative; top: -19px; clear: both;}/*(5)*/ul.validation-failed li label { padding: 7px 10px 7px 33px;}ul.validation-failed .radio,ul.validation-failed .checkbox { margin-left: 10px;}table.validation-failed td.first { padding-left: 10px;}table.validation-failed td.last { padding-right: 10px;}.txtIn.validation-failed,textarea.validation-failed,select.validation-failed { -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1), 0 3px 4px -4px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1), 0 3px 4px -4px rgba(0, 0, 0, 0.1); box-shadow: inset 2px 2px 3px -1px rgba(0, 0, 0, 0.1), 0 3px 4px -4px rgba(0, 0, 0, 0.1);}ul.validation-failed,table.validation-failed { -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.1);}/* dob */.customer-dob .rowG2 { margin: 0 -7px;}.customer-dob .w33 { float: left; width: 33.3333%;}.customer-dob .wsG2 { margin: 0 7px;}.customer-dob .input-box { position: relative;}.customer-dob .txtIn { padding-right: 43px;}.customer-dob label,.customer-dob .input-box label{ position: absolute; top: 1px; right: 1px; padding: 0 6px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ line-height: 28px; font-size: 12px; background: #ececec; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}/*(7)*//* input range (8) */.inputRange { clear: both; overflow: hidden;}.inputRange .input-box { float: left; width: 30%;}.inputRange .sep1,.inputRange .label { float: left; line-height: 37px;}.inputRange .sep1 { color: #888;}.inputRange .label { padding-left: 8px;}/* date picker (8) */.datePickerJs { position: relative;}.datePickerJs .txtIn { padding-right: 40px;}.datePickerJs .ico { position: absolute; top: 0; right: 0; padding: 0 6px 0 9px; line-height: 34px; cursor: pointer; border: 1px solid #ccc; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ -webkit-box-shadow: -3px 0 2px -2px rgba(0, 0, 0, 0.25); -moz-box-shadow: -3px 0 2px -2px rgba(0, 0, 0, 0.25); box-shadow: -3px 0 2px -2px rgba(0, 0, 0, 0.25); -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}.datePickerJs .ico:before { content: "\e014"; padding-top: 9px; font-size: 16px;}.datePickerJs .ico img { display: none;}.datePickerWs { margin-right: 20px;}.calendar { z-index: 10;}/* (1) to vertical-align radio-buttons inside table-cells *//* (2) hint1: hint below input-field, used for "Use spaces to separate tags ..." hint hint2: hint next to label, used for "What is this?" link (payment information) *//* (3) outline-style "auto": webkit only *//* (4) used for bundled products *//* (5) wrapper-element for validation-advice .adviceBx1: advice below other elements than input-boxes, used for #product-review-table (product review page), bundled product options and downloadable products options table .adviceBx2: one advice for multiple input-boxes. used for dob, switch/maestro + solo, custom options: date/time, reorderBx *//* (6) clearing with display:table; + width:100%;, for Safari + Chrome (clearing with .adviceBx1:before is not working in webkit) *//* (7) used for dob-widget *//* (8) .inputRange: used on advanced search page .datePicker: used on advanced search page *//******************************************************************************************************************************************* LINKS__________________________________________________________________________________________________________________________________________*/.lnk1,.lnk1-m a { color: #8cb110;}.lnk1:hover,.lnk1-m a:hover { text-decoration: underline;}.lnk2 { color: #8cb110; text-shadow: #ddd; text-decoration: #ddd;}.lnk2:hover { text-shadow: #ddd; text-decoration: #ddd;}.lnk3 { color: #8cb110; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #ddd; text-shadow: #ddd; text-decoration: #ddd; font-family: "open_sans", Arial, serif, helvetica;}.lnk3:hover { color: #ddd; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #ddd; text-shadow: #ddd; text-decoration: #ddd;}.lnk4 { color: #8cb110; text-shadow: #ddd; text-decoration: #ddd; font-family: "open_sans", Arial, serif, helvetica;}.lnk4:hover { color: #316644; text-shadow: #ddd; text-decoration: #ddd;}.lnk5 { color: #888; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #ddd; text-shadow: #ddd; text-decoration: #ddd;}.lnk5:hover { color: #ddd; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #ddd; text-shadow: #ddd; text-decoration: #ddd;}.lnk6 { color: #666666; text-shadow: #ddd; text-decoration: #ddd;}.lnk6:hover { text-shadow: #ddd; text-decoration: underline;}.lnk-removeAll { border: 0; line-height: 1;}.lnk-forgotpw { float: left; line-height: 29px;}.lnk-review { font-family: "open_sans", Arial, serif, helvetica;}.lnk-giftMsg { display: inline-block; margin-top: 15px; line-height: 1; font-size: 12px;}/* click for price */.lnk-stockQty:hover { border: 0;}/* billing agreement *//* recurring profile *//* move to wishlist *//* widgets */.lnk-cat a,.lnk-product a,.lnk-cms a { color: #316644;}.lnk-cat a:hover,.lnk-product a:hover,.lnk-cms a:hover { text-decoration: underline;}/* cms lists */ul.disc { list-style: disc; margin: 10px 0 16px 30px;}.cms-page-view .main ol,ol.listing { list-style: decimal; margin: 10px 0 16px 30px;}.cms-page-view .main ul li,.cms-page-view .main ol li,ol.listing li,ul.listing li { margin-bottom: 8px;}.cms-page-view .main ul,ul.listing { list-style: disc; margin: 10px 0 16px 30px;}/* add to wishlist, add to compare + email to a friend link */.pLinks { font-size: 12px;}.pLinks a { color: #316644;}.pLinks a:before { margin: 6px 6px 0 0; font-size: 14px;}.lnk-wishlist a:before { /* content: "\e900"; */ /* margin: 6px 16px 0 1px; */ line-height: 15px; padding-right: 5px;}a.lnk-wishlist:before { content: "\e017"; margin: 2px 4px 0 0;}.lnk-etaf a:before { content: "\e00f";}.lnk-compare { display: none;}.lnk-compare a:before { content: "\e00e";}/* .lnk1: accent color + underlined on hover *//* .lnk1-m: like .lnk1, but for parent element (to style multiple links) *//* .lnk2: accent color *//* .lnk3: accent color + bold *//* .lnk4: accent color + bold + underlined on hover *//* .lnk5: default color + underlined *//* .lnk6: default color + accent color on hover *//******************************************************************************************************************************************* BUTTONS__________________________________________________________________________________________________________________________________________*/.btn1,.btn2 { position: relative; display: inline-block; border: 0; background: none; white-space: nowrap; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}.btn1>span,.btn2>span { display: block; padding: 0 20px; line-height: 29px; font-size: 13px; font-weight: 100; text-transform: none; /*max-width: 265px;*/}.btn1 b,.btn2 b { display: inline-block; font-weight: 100;}button.btn1 { color: #ffffff; background-color: #8cb110;}button.btn1:hover { color: #ffffff; background: #b3d133;}.btn2 { border: none; color: #ffffff; background-color: #8cb110; /* margin: 3px; */}.btn2:hover { background-color: #b3d133;}a.btn2:hover { text-decoration: none;}/* special buttons with additional class */.btn1-checkout span { line-height: 50px; font-size: 19px;}.hd1 .btn1-checkout { width: 100%;}.btn1-atc b { font-weight: 100;}.btn1-atc .ico:before { content: ""; margin: 0; font-size: 27px;}.btn1-cont .ico:before,.btn2-cont .ico:before { content: "\e004"; margin: 4px -10px 0 5px; font-size: 23px;}.btn2-back .ico:before { content: "\e003"; margin: 4px 5px 0 -9px; font-size: 23px;}.btn1-add .ico:before,.btn2-add .ico:before { content: "\e006"; margin: 5px 10px 0 -3px; font-size: 20px;}.btn1-remove .ico:before { content: "\e00f"; margin: 7px 8px 0 -4px; font-size: 22px;}.btn2-mac { text-align: center;}.btn2-removeAll .ico:before { content: "\e00f"; margin: 8px 8px 0 -5px; font-size: 22px;}.btn2-removeAll:hover { color: #ff0042;}/* hide icons on small screens */.btn1-cont .ico,.btn2-back .ico,.btn1-add .ico,.btn2-add .ico,.btn1-remove .ico { display: none;}/* small buttons | "update cart" + "clear cart" button */.btn2-update span,.updRow .btn2-removeAll span { padding: 0 9px; line-height: 26px; font-size: 10px;}.btn2-update .ico:before { content: "\e009"; margin: 5px 7px 0 0; font-size: 16px;}.updRow .btn2-removeAll .ico:before { margin: 4px 3px 0 -3px; font-size: 19px;}/* mini buttons | "edit" button (minicart + my wishlist page) + "add to cart" button (wishlist sidebar) */.btn2-edit span,.btn2-atc span { padding: 0 5px 1px; line-height: 16px; font-size: 10px;}/* fixed size buttons */.btn2-remove span,.btn2-back2 span,.btn2-toggle span { width: 17px; height: 17px; padding: 0; text-indent: -50000px;}.btn2-remove .ico:before,.btn2-back2 .ico:before,.btn2-toggle .ico:before { position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 17px; text-indent: 0;}.btn2-remove .ico:before { content: "\e00f";}.btn2-back2 .ico:before { content: "\e005";}.btn2-toggle .ico:before { content: "\e006";}.dropdown-cart .btn2-edit span,.dropdown-cart .btn2-remove span { width: 27px; height: 27px; padding: 0; text-indent: -50000px;}.dropdown-cart .btn2-edit span:before { content: "\e017"; position: absolute; top: 5px; left: 0; right: 0; text-align: center; font-size: 17px; text-indent: 0;}.dropdown-cart .btn2-remove .ico:before { top: 2px; font-size: 22px;}/* close button */.cart-tax-total-expanded .ico:before,.summary-collapse .show-details .ico:before { content: "\e007";}/* color modifications */#colL .btn2,#colR .btn2 { border-color: #ddd;}.filterAct .btn2 { color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; text-shadow: 0 1px 0 #fff; /* Gradient + inset-shadow */}.filterAct .btn2:hover { color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ -webkit-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 91, 51, 0.5); box-shadow: 0 0 5px rgba(0, 91, 51, 0.5); /* Gradient + inset-shadow + box-shadow */}#colL .actionBx .btn2,#colR .actionBx .btn2 { border-color: #c4beab;}.no-checkout { border-color: #ccc; cursor: default;}/*(1)*/.no-checkout span,.no-checkout:hover span { color: #999; background: #e5e5e5; text-shadow: none;}/* (1) .no-checkout: for "place order" button (paypal express review page), if no shipping method is selected (class added in checkout\review.js) *//* tag-list buttons */.tagLi1 a { float: left; padding: 0 9px; line-height: 1.7; border: 1px solid #ccc; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ /* Gradient + inset-shadow + box-shadow */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}.tagLi1 a:hover { /* fallback color only for non transparent gradients */ background-color: #eee; /* Gradient + inset-shadow */ /* Gradient + inset-shadow + box-shadow */}.tagLi1 b { padding-left: 2px; font-weight: normal;}.popTags .tagLi1 a { color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; text-shadow: 0 1px 0 #fff; /* Gradient + inset-shadow */}.popTags .tagLi1 a:hover { color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd;}/* make links / icons / divs look like buttons */.pView .pLinks a { line-height: 16px; color: #9b9b9b;}.pView .shopBxT .pLinks a { line-height: 10px; font-family: "open_sans", Arial, serif, helvetica; text-decoration: underline;}.pView .pLinks a:hover { color: #8cb110;}.lnk-rss,.lnk-rss2:before,.getFeed .ico { border: 0 !important; color: #316644; background-color: #a7ba84;}.lnk-rss { position: relative; float: left; width: 18px; height: 18px; margin: 1px 0 0 10px; text-indent: -50000px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}.lnk-rss:before { content: ""; position: absolute; top: 2px; left: 2px; font-size: 14px; text-indent: 0;}.lnk-rss2 { position: relative; margin-left: 25px;}.lnk-rss2:before { content: ""; position: absolute; top: -2px; left: -24px; width: 16px; height: 16px; padding: 2px 0 0 2px; font-size: 14px;}.getFeed .ico { position: relative; display: inline-block; width: 18px; height: 18px; margin-left: 10px; vertical-align: bottom;}.getFeed .ico:before { content: ""; position: absolute; top: 2px; left: 2px; font-size: 14px;}.captchaReload { position: absolute; top: 3px; right: 3px; width: 23px; height: 23px; cursor: pointer; border: 1px solid #8aa05f; color: #316644; /* fallback color only for non transparent gradients */ background-color: #a7ba84; background-image: -webkit-linear-gradient(top, #ccdcab 0%, #a7ba84 101%); background-image: -moz-linear-gradient(top, #ccdcab 0%, #a7ba84 101%); background-image: -o-linear-gradient(top, #ccdcab 0%, #a7ba84 101%); background-image: linear-gradient(to bottom, #ccdcab 0%, #a7ba84 101%); /* Gradient + inset-shadow */ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}.captchaReload:before { content: "\e009"; position: absolute; top: 3px; left: 3px; font-size: 16px;}.opcProg .lnk-edit { display: inline-block; margin-top: 3px; padding: 6px 7px; line-height: 15px; color: #000; background-color: #ececec;}.opcProg .lnk-edit:hover { background-color: #eee;}.hd3 .lnk-edit { padding: 3px 6px; border: 1px solid #ddd; color: #000; background-color: #ddd;}.hd3 .lnk-edit:hover { background-color: #eee;}/******************************************************************************************************************************************* PRICES AND TAXES__________________________________________________________________________________________________________________________________________*//*.priceBold .price,*/.tierPrices .price,.pList .price,.pList2 .price,.price-notice .price,.compareTable .price,#my-tags-table .price,.mac .grandTotal .price { font-family: "open_sans", Arial, serif, helvetica;}.nur,.price { font-size: 19px; font-family: "open_sans", Arial, serif, helvetica; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: center; color: #8cb110;}.price_has_savings .nur, .price_has_savings .price { color: #e30613;}.shopBx .nur,.shopBx .price { font-size: 19px; font-family: "open_sans", Arial, serif, helvetica; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: center;}.price,.priceBx1 .weee { white-space: nowrap;}.old-price .price { text-decoration: line-through;}.special-price .price { padding: 1px 3px; color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #ff0042;}.price-box .label2,.weee { color: #888;}/*(1)*/.priceFrom,.priceTo { overflow: hidden;}.mac .grandTotal { margin-bottom: 20px; color: #222; line-height: 38px; font-size: 16px; text-transform: uppercase;}/* priceBx1 | for price excl. or incl. tax */.priceBx1 .old-price { padding-right: 10px;}.priceBx1 .weee { display: inline-block; padding-left: 4px;}.priceBx2 .regular-price { display: block; overflow: hidden;}/*(2)*/.weeeBx { display: block; margin: 2px 0; border-bottom: 1px solid #ccc;}/*(2)*/.pas { display: inline-block;}/* priceBx2 | for both prices */.priceBx2 { display: inline-block; line-height: 1; vertical-align: top;}.priceBx2 .old-price,.priceBx2 .special-price { display: block;}.priceBx2 .old-price { margin-bottom: 4px;}.priceBx2 .weee,.weeeTotal,.priceBlock,.price-excluding-tax,.price-including-tax { display: block; padding: 1px 0 2px; overflow: hidden;}/*(3)*/.price-excluding-tax { border-bottom: 1px solid #ccc;}.priceBlock { padding: 0;}.priceBx2 .weee { border-top: 1px solid #ccc;}.priceBx2 .label { float: left; padding-top: 1px; font-size: 10px; white-space: nowrap;}.priceBx2 .label2 { display: block; padding-bottom: 4px;}.priceBx2 .price { float: right; padding-left: 8px;}.priceBx2 .old-price .price { float: none; padding: 0 !important;}.priceBx2 .priceFrom { margin-bottom: 10px;}.noB-noWs { padding: 0 !important; border: 0;}/*(4)*//* (1) .label2: "as low as", " from - to", "price as configured", "starting at" *//* (2) .priceBx2 + .weeeBx: for price incl. or excl. tax and "Excluding FPT, FPT description, final price" *//* (3) .weeeTotal: used at minicart for "Excluding FPT, FPT description, final price" *//* (4) .noB-noWs: for products with special-price + weee, overwrite .price-excluding-tax / .price-including-tax *//* product view page */.pView .priceBx2 .weee,.pView .price-excluding-tax,.pView .price-including-tax { padding: 2px 0;}.pView .shopBx .price-excluding-tax,.pView .shopBx .weee { border-color: #92c0e0;}.pView .priceBx2 { padding-bottom: 18px;}.pView .priceBx1 .price,.pView .priceBx2 .price { line-height: 35px; font-size: 24px; font-family: "open_sans", Arial, serif, helvetica;}.pView .priceBx1 .old-price { display: inline-block; padding: 0 15px 20px 0;}.pView .priceBx1 .special-price .price { padding: 3px 5px; margin-bottom: 15px;}.pView .priceBx2 .old-price { margin-bottom: 10px;}.pView .priceBx2 .label { padding-top: 4px;}.priceBxBundle { padding-bottom: 18px;}.priceBxBundle .price-box { float: left;}.pView .priceFrom,.pView .priceTo { float: left; margin: 0 40px 0 0;}.priceFrom .weeeBx,.priceTo .weeeBx,.pas .weee { clear: both;}.pas .priceBlock { padding-bottom: 2px;}.pView .priceMin { margin-right: 40px;}.pView .label2 { display: block; margin-bottom: 3px; padding: 4px 0 2px; border-bottom: 1px dotted #8cc6ad; color: #000; line-height: 1; font-size: 12px;}.pView .weee { color: #777;}.pView .weee .label { padding-top: 1px; font-size: 10px;}.pView .weee .price { font-size: 12px;}.tierPrices { margin-bottom: 20px; white-space: nowrap;}.pOptions .tierPrices { margin-top: -40px; margin-bottom: 60px;}.pGroupedTable .tierPrices { padding-top: 5px;}.pGroupedTable .price-box .price { font-size: 12px;}.pGroupedTable .old-price { padding: 0 !important;}.pGroupedTable .special-price { display: inline-block;}.shopBxT .price-box { margin-top: -2px; padding-bottom: 2px; /* color: red; */}.no-touch .info-mobile { display: none;}.pView .colL { position: relative;}.pView .price-percentage { top: 20px; right: 13px; height: 70px; width: 70px; font-size: 23px; line-height: 70px;}.popup-content .relatedBx .price-percentage,.pView .relatedBx .price-percentage { position: absolute; top: 0; z-index: 100; font-size: 16px; width: 60px; height: 60px; line-height: 60px;}.popup-content .relatedBx .price-percentage { position: absolute; top: 0; z-index: 100; font-size: 16px;}.price-percentage { position: absolute; top: 0; right: 10px; background: #e30613; height: 66px; width: 66px; text-align: center; color: #fff; line-height: 66px; z-index: 100; font-size: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg);}.packeges .price-percentage { position: absolute; top: -15px; left: 35px; width: 50px; height: 50px; line-height: 46px;}.packeges .price-percentage span { font-size: 13px;}.packeges .has-save-percentage { position: relative;}/*.pListing .price-percentage {*//*height: 50px;*//*width: 50px;*//*line-height: 41px;*//*font-size: 12px;*//*}*/.bestseller-products .price-percentage { background-position: -198px -69px; height: 37px; width: 37px; line-height: 38px; right: 0;}.s-cats-blocks li .bestseller-products .price-percentage .price { font-size: 12px;}.price-percentage .price { font-family: "open_sans", Arial, serif, helvetica; font-weight: 100; line-height: 1.33;}.carousel .price-percentage .price { font-size: inherit; font-family: "open_sans", Arial, serif, helvetica; text-decoration: none;}.price-percentage span { font-weight: bold; font-size: 17px;}.savingprice .small { font-family: "open_sans", Arial, serif, helvetica;}.price-percentage .price { color: #fff; text-decoration: none;}.price-percentage .price:hover { cursor: pointer;}.action-to-date { display: block; font-size: 12px; margin-bottom: 4px;}.action-to-date .ico:before { content: "%"; padding: 1px 4px; margin-right: 5px; font-size: 14px; background: #f6f6f6; border: 1px solid #ccc; border-radius: 5px; display: inline-block; font-family: "open_sans", Arial, serif, helvetica; color: #316644;}.help-icon .icon.action-to-date:before { content: "%"; padding: 0; font-size: 15px; margin-top: -3px; display: inline-block; font-family: "open_sans", Arial, serif, helvetica; color: #888;}.help-icon .icon.action-to-date { background: none; width: 16px; height: 17px; text-indent: 0;}.shopBxT .help-icon .icon.action-to-date { display: none;}.shopBxT .col-r { width: 42%; float: right;}.shopBxT .col-l { width: 53%; float: left;}.pView .pEssential ul.s-info { border-bottom: 0.5px solid #e1e1e1; padding-bottom: 15px;}ul.s-info { color: #4a4a4a; display: block; margin-bottom: 15px; margin-right: 15px;}ul.s-info { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.6px; color: #4a4a4a;}.shopBxT .s-info .pack,.more-packing { font-family: "open_sans", Arial, serif, helvetica; padding-bottom: 5px; font-size: 12px;}.shopBxT .s-info .manu { margin-bottom: 10px;}.shopBxT .s-info li { color: #4a4a4a; font-size: 12px; line-height: 14px; padding-bottom: 6px;}.cartTable .s-info li { font-size: 9px; line-height: 14px;}.more-packing { margin-bottom: 0; padding-bottom: 15px; margin-top: 30px; font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #4a4a4a;}.packeges { font-family: "open_sans", Arial, serif, helvetica; font-size: 14px;}.shopBxT .btn1-atc>span { padding: 0 42px; line-height: 33px;}.pView.single .shopBxT .btn1-atc>span { padding: 5px 20px 0;}.pView.single .addToCart .qty { margin-right: 10px;}.pView.single .bd1 { clear: both;}.pView.single .lmivlink { margin-bottom: 9px;}.pView.single .lmivlink a { cursor: pointer; font-size: 12px; line-height: 16px;}.shopBxT .delv { margin: 10px 0;}.pGrid,.pList{ font-size: 12px;}.pGrid .s-info { font-size: 10px; line-height: 11px;}.pGrid .s-info li { display: inline;}.price-info-holder { font-family: "open_sans", Arial, serif, helvetica; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: 0.6px; color: #666; margin-bottom: 15px; margin-top: 10px;}.price-info-holder .info-item {display: inline; }.price-info-holder .info-item ~ .info-item::before { content: '|'; display:inline; }.pGrid .price-info-holder .info-item.tax-details-holder::before {display:none;}.pGrid .help-icon { clear: both;}.pGrid .product-icons { width: auto; margin: 0 auto; display: inline-block;}.pGrid .delivery-time { display: none;}.manulogo { display: inline-block; float: right; margin-top: -17px; margin-bottom: -10px;}/* minicart + wishlist box */.pList3 .priceBx2 .weee,.weeeTotal,.pList3 .priceBlock,.pList3 .price-excluding-tax,.pList3 .price-including-tax { padding: 1px 0;}.pList3 .priceBx1 { display: inline-block;}.pList3 .priceBx2 { display: block;}.pList3 .price-box .label { padding-top: 2px; font-size: 9px;}.pList3 .priceBx2 .price { padding-left: 4px;}.weeeTotal { border-top: 1px solid #ccc;}/* wishlist box */.wishlistBx .priceBx1,.wishlistBx .priceBx2 { margin-bottom: 10px;}.wishlistBx .pas .price { font-family: "open_sans", Arial, serif, helvetica;}.wishlistBx .priceBx1 .weee { padding-left: 0;}/* my wishlist */#wishlist-table .price-box { margin-bottom: 10px;}#wishlist-table .pas .price { font-family: "open_sans", Arial, serif, helvetica;}/* prices in sales tables */.exclTax2 .label,.inclTax2 .label { display: block; line-height: 16px; /*(1)*/ font-size: 12px; white-space: nowrap;}.cart-tax-total { cursor: pointer;}.cart-tax-info,.cart-tax-total .label { padding-top: 6px;}.cart-tax-total .label { padding-bottom: 2px;}.cart-tax-total .btn2-toggle { margin-top: -1px;}/* (1) align label-text with toggle button *//* Savings */.savings-label { /* background: $savings-color; */ background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/red-bg.gif); color: #fff; border-radius: 5px; font-family: "open_sans", Arial, serif, helvetica; padding: 2px 10px; font-size: 16px; text-decoration: underline; display: none;}.savings-label:hover .sa-price { cursor: pointer;}.shopBxT .savings-label { padding: 5px 20px; margin-bottom: 10px; font-size: 20px; line-height: 30px;}/* savings popup */body.popup-open { overflow: hidden;}.popup-open .popupv2 { display:block; overflow-x: hidden; overflow-y: auto;}.popupv2 { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; background-color: rgba(0, 0, 0, 0.5); color: #000; line-height: 17px;}.popupv2 .popup-content{ margin: 1.75rem auto; background: #fff;}.popup { position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_black_halftrans.png); color: #000; line-height: 17px;}#overlay-shipping.popup{ z-index: 300;}.popup .popup-content { position: absolute; top: 10%; left: 50%; width: 640px; height: auto; margin: 0 0 0 -320px; background: #fff; padding: 20px;}#sovendus-popup.popup-content { width: 60%; max-height: 800px; left: 20%; overflow-x: hidden; overflow-y: scroll; margin: 0;}#popup-order-priority .popup-content { max-width: 355px; padding: 0; background-color: transparent;}@media screen and (max-width: 1004px) { #sovendus-popup.popup-content { width: 90%; left: 5%; }}.popup-content .pName a { font-size: 13px;}.popup .close { float: right; cursor: pointer;}.popup h3,.popup .popup-hd3{ font-size: 16px; margin: 10px 0;}.popup h4,.popup .popup-hd4 { font-size: 14px;}/*.popup .pName { font-size: 22px; margin-bottom: 20px; padding: 10px 0 10px;}*/.popup .w75 .s-info li { padding-left: 20px;}.popup .ft2 { padding: 20px 0;}.poup.add-to-cart-popup img { max-width: 75px; height: auto;}.popup .info-texts { clear: both; padding: 10px 0;}.add-to-cart-popup .popup-content { top: 5%; padding-bottom: 0;}.add-to-cart-popup .hd4.pName { font-size: 14px; background: #8cb110; color: #fff; letter-spacing: 0.5px; padding: 15px; line-height: 1.3em; margin-bottom: 20px;}.add-to-cart-popup .popup-content hr { border: none; height: 1px; color: #ddd; background-color: #ddd;}.add-to-cart-popup .popup-content .relatedBx .carousel { margin-bottom: 0;}.add-to-cart-popup .price-box.priceBx1 .nur { font-size: 14px;}.add-to-cart-popup .relatedBx .hd4 { padding: 10px 0;}.add-to-cart-popup .ft2 { padding: 0 0 10px;}.add-to-cart-popup .hd5 { font-size: 16px; font-family: "open_sans", Arial, serif, helvetica; padding-top: 15px;}/******************************************************************************************************************************************* RATING__________________________________________________________________________________________________________________________________________*//* the rating stars implementaton is too clever by half */.ratings { line-height: 17px; overflow: hidden;}.ratingBx { position: relative; float: left; height: 15px; margin: 1px 9px 0 0; text-align: left; white-space: nowrap;}.ratingBx.productpage { height: 22px; margin-bottom: 5px; float: none; display: inline-block;}.ratingBx.productpage span { position: absolute; left: 110%; top: -1px;}/*.ratingBx.productpage:after { content: "."; clear: both; display: block; visibility: hidden; height: 0;}.shopBxT .ratingBx span { position: absolute;}*/.ratingBx .rating { position: absolute; top: 0; left: 0; height: 15px; overflow: hidden;}.ratingBx:before,.ratingBx .rating:before { content: "\e011\e011\e011\e011\e011"; margin-top: 0; color: #ccc; font-size: 16px; letter-spacing: -2px;}.ratingBx .rating:before { color: #316644;}.ratingLinks { float: left;}.ratingsShort { margin-top: 3px; font-size: 12px; vertical-align: top;}.ratingsShort .ratingBx { margin-right: 5px;}.ratingsShort>div { position: relative; display: inline-block; color: #316644; vertical-align: top; overflow: hidden;}/******************************************************************************************************************************************* MESSAGES / NOTICES__________________________________________________________________________________________________________________________________________*/.gNotice { position: relative; border-top: 1px dotted rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1); z-index: 42;}.demoNotice { font-family: "open_sans", Arial, serif, helvetica;}.cookieNotice { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}.noticeI { padding: 11px 15px 14px; color: #222;}.noticeI p { margin: 0;}.noticeI a { border-bottom: 1px dotted #222; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; text-decoration: transparent;}.messages { padding: 0 9px;}.msg { position: relative; padding: 15px 15px 4px; font-size: 14px; /* text-transform:uppercase; */}.msg li { position: relative; padding: 1px 0 11px 45px;}.msg .ico { position: absolute; top: -6px; left: -1px; line-height: 1; font-size: 34px;}.error-msg, .error-msg.std p{ color: #cc0033; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #f6dce2; border: none;}.error-msg .ico:before { content: "\e00c";}.error-msg a { border-bottom: 1px dotted #cc0033; color: #cc0033; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; text-decoration: none;}.success-msg { color: #8cb110; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #eff5ea; border: none;}.success-msg .ico:before { content: "\e00b";}.success-msg a { border-bottom: 1px dotted #8cb110; color: #8cb110; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; text-decoration: none;}.notice-msg { color: #8cb110; background-color: #fcf8e3; border-color: #faebcc; border: 1px solid;}.notice-msg .ico:before { content: "\e00a";}.notice-msg a { border-bottom: 1px dotted #222; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: transparent; text-decoration: transparent;}.item-msg.error { color: #cc0033;}.msg {}/******************************************************************************************************************************************* TOOLTIPS__________________________________________________________________________________________________________________________________________*/.tTipTrigger { position: relative;}.pOptions .tTipTrigger { display: inline;}/*(1)*/.tTip1,.tTip2 { position: absolute; z-index: 20; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.tTip1 { left: -99999px; width: 250px; padding: 5px 15px 15px; color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #222; text-align: left;}.tTipShow { top: -16px; left: 100%;}.tTip1 .ico { position: absolute; top: 15px; left: -9px; width: 0; height: 0; border-right: 9px solid #222; border-top: 8px inset transparent; border-bottom: 8px inset transparent;}.tTip1 dt { padding-top: 10px; font-family: "open_sans", Arial, serif, helvetica;}.tTip2 { max-width: 100%; padding: 15px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}.tTip2 .actionBx { padding: 0 0 20px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}.tTip2 .bd { clear: both;}/* (1) for custom options tooltip, to place tooltip at the end of the text and not at the end of the table-cell *//* .tTip1: tooltip on mouseover (product options) *//* .tTip2: tooltip on click (cvv) *//******************************************************************************************************************************************* VIEW TOGGLE + PAGER + LIMITER (used at my orders page)__________________________________________________________________________________________________________________________________________*/.viewToggle { position: relative; margin: 0 0 35px; clear: both;}.viewToggle .dropdown { position: relative;}.viewToggle .dropdown-toggle { display: block; border: 1px solid #eee; color: #316644; line-height: 37px;}.viewToggle .dropdown-toggle>span { position: relative; display: block; padding: 0 15px;}.viewToggle .dropdown-toggle>span:after { content: "\e002"; position: absolute; top: 13px; right: 15px; color: #b3b3b3; font-size: 12px;}.viewToggle .dropdown-toggle .label { display: none; padding-right: 5px;}.viewToggle .dropdown-toggle .current { padding-right: 22px; color: #222; font-family: "open_sans", Arial, serif, helvetica;}.viewToggle .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 7px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index: 110; width: 180px;}.viewToggle .dropdown-menu a { display: block; padding: 0 8px; text-align: left; line-height: 37px; text-transform: none; white-space: nowrap; color: #316644; text-shadow: transparent; text-decoration: none;}.viewToggle .dropdown-menu a:hover { color: #222; background: #b3d133; text-shadow: transparent; text-decoration: transparent;}.viewToggle .dropdown-menu .selected { color: #222; font-family: "open_sans", Arial, serif, helvetica; font-weight: bold; float: none;}.viewToggle .open .dropdown-toggle { border: 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}.viewToggle .open .dropdown-toggle>span { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; z-index: 51;}.viewToggle .open>.dropdown-menu { display: block;}.viewToggle .viewAs { display: none;}.viewToggle .sortBy { float: left; width: 65%; margin-left: 5px;}.viewToggle .showPP { float: right; width: 30%;}.pager,.limiter { line-height: 34px;}.pager { position: relative;}.shownQtyL { display: block; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; color: #316644; text-transform: uppercase;}.cur-cat-info { line-height: 37px; font-size: 14px; color: #222;}.shownQtyR { display: none;}.pager .shownQtyL { text-align: center;}.pages { margin-bottom: 20px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff;}.pages li { display: none; font-size: 14px;}.pages .next a,.pages .prev a { display: block; /* padding: 3px 2px 0; */ color: #888; cursor: pointer;}.pages a { color: #665b49; display: block; /* padding: 1px 8px 0; */}.pager-bottom { border-top: 1px solid #979797; padding-top: 13px;}div.pager-top { line-height: 37px; padding-top: 3px;}.pages strong { color: #316644; font-size: 15px; position: relative; top: 1px; text-decoration: underline;}.pages b { display: inline-block;}.pages .prev,.pages .next { display: block; float: left; width: 48%; text-align: center; cursor: pointer; margin-top: 4px;}.pages .next { float: right;}.prevOnly .prev,.nextOnly .next { width: 100%;}.prev a { line-height: 10px;}.prev .ico:before { content: "\e003"; margin-top: 0; font-size: 24px;}.prev .icoOnly { margin-right: 0;}.next a { line-height: 10px;}.next .ico:before { content: "\e004"; font-size: 24px;}.next .icoOnly { margin-left: 0;}.limiter .showPP { margin-right: -9px;}/******************************************************************************************************************************************* HEADER__________________________________________________________________________________________________________________________________________*/.logo { float: left; min-width: 168px; height: 48px; background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/pharmeo_logo.png) 8px 10px no-repeat; min-height: fit-content; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; image-rendering: optimizeQuality;}.logo strong { display: block; width: 0; height: 0; line-height: 0; font-size: 0; text-indent: -50000px;}.nav-mobile { float: right; /* @include border($navbar-mb-border...); */}.btn-toggle-g1,.nav-mobile .viewCart { position: relative; float: left; width: 50px; height: 48px; text-align: center; text-indent: -50000px; cursor: pointer; color: #a5a5a5; border-left: 1px solid rgba(0, 55, 31, 0.2);}.btn-toggle-g1:before,.nav-mobile .viewCart .ico:before { position: absolute; right: 0; left: 0; text-indent: 0;}.btn-cat:before { content: "\e015"; top: 13px; font-size: 21px;}.btn-wish:before { content: "\e900"; top: 15px; font-size: 21px;}.btn-search:before { content: "\e012"; top: 14px; font-size: 20px;}.btn-account:before { content: "\e016"; top: 12px; font-size: 22px;}.nav-mobile .viewCart .ico:before { content: "\e901"; top: 13px; font-size: 21px;}.nav-mobile .viewCart .qty,.nav-mobile .btn-wish .qty { background: #50a31f; border: 2px solid #fff; position: absolute; top: 2px; left: 29px; min-width: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; color: #fff; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); width: auto; line-height: 17px; font-size: 12px; height: 20px; text-indent: 0; line-height: 17px;}.headerpromo p { margin-bottom: 0; padding: 0 10px;}.hdI .nav-mobile .btn-wish .qty { background: rgba(255, 255, 255, 0.52); color: #50a31f;}.nav-mobile p.empty-top { display: none;}.nav-cat-mobile .popTags { display: none;}.nav-cat-mobile .sub { position: absolute; left: -50000px;}/*(1)*/.nav-cat-mobile .hover>.sub { position: static;}/*(2)*//* all levels */.nav-cat-mobile a { display: block; margin-bottom: -1px; color: #316644;}.nav-cat-mobile span { display: block; padding: 0 15px; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}.nav-cat-mobile .more { position: relative; float: right; width: 50px; height: 43px; text-align: center; cursor: pointer; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: rgba(0, 0, 0, 0.04); text-shadow: #ddd; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.nav-cat-mobile .more:hover { color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.nav-cat-mobile .more:before { content: "\e006"; position: absolute; top: 10px; left: 0; right: 0; font-size: 20px;}.nav-cat-mobile .more-active:before { content: "\e007";}.nav-cat-mobile .parent>a { padding-right: 50px;}/* 1st level */.nav-cat-mobile .topLvl { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #8cb110;}.nav-cat-mobile .topLvl:hover { color: #222;}/* 2nd level */.nav-cat-mobile .level1 a { border-top: 1px solid #c4c1b8; border-bottom: 1px solid #c4c1b8; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #cdcac0;}.nav-cat-mobile .level1 a:hover { color: #222;}/* 3rd level */.nav-cat-mobile .level2 a { border-top: 1px solid #bcbab3; border-bottom: 1px solid #bcbab3; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #c4c1b8;}.nav-cat-mobile .level2 a:hover { color: #222;}.nav-mobile .subLinks { display: none;}/* (1) hide all submenus *//* (2) show submenu *//* search */.search { display: inline-block; width: 100%; padding: 0; clear: both; vertical-align: top; border-bottom: 1px solid #ececec;}.search form { position: relative;}.search .txtIn { position: relative; /*(1)*/ z-index: 30; /*(1)*/ float: left; width: 98%; height: 40px; padding-left: 30px; border: none; border-color: transparent;}.search .txtIn:focus { color: #000;}.search .pillR1 { position: absolute; top: 0; left: 0; width: 40px; border: 0; z-index: 31; /*(2)*/ color: transparent; /* fallback color only for non transparent gradients */ background-color: transparent;}.search .pillR1 span { line-height: 40px; text-indent: -50000px;}.search .pillR1 span:before { content: "\e012"; position: absolute; top: 11px; left: 11px; font-size: 12px; text-indent: 0; color: #4a4a4a;}.suggest { -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; background: #FFF; border: 1px solid #ccc; border-top: none; position: absolute; right: 0; top: 30px; width: 394px; z-index: 102;}.suggest li { padding: 5px; /* color:$search-suggest-list-item-color; */ cursor: pointer; display: block; text-align: left;}.suggest li:hover,.suggest li.selected { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #eee;}.suggest .qty { width: auto; color: #888;}.suggest .title,.suggest .title:hover { cursor: default; color: #316644; font-family: "open_sans", Arial, serif, helvetica; border-bottom: 1px dotted #ddd; background: none;}.suggest .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; width: 80px;}.suggest .price-box { font-weight: bold; font-size: 13px; color: #C76200; float: right;}.suggest.info-col { padding-left: 95px;}.suggest .price { font-size: 20px;}.mobile-search { background: #fff;}.suggest .all-results { text-align: right;}/* exorbyte suggest */.exsg_box { background: #fff !important; border: 0 !important; border-radius: 3px; color: #4a4a4a; border-width: 0 !important; font-family: "open_sans", Arial, serif, helvetica; margin-top: 12px;}.exsg_box .exsg_header { cursor: default; color: #8cb110; font-family: "open_sans", Arial, serif, helvetica; border-bottom: 1px solid #ddd; background: none; margin-bottom: 10px;}.exsg_box .exsg_header a { color: #8cb110;}.exsg_box .exsg_cat { background-color: #ddd;}.exsg_results .exsg_item { cursor: pointer; padding: 0 !important;}/* two levels of nested lists */.exsg_box .exsg_results li li { padding: 5px; /* color:$search-suggest-list-item-color; */ cursor: pointer; display: block; text-align: left; overflow: hidden;}.exsg_box .exsg_results .link { display: block; white-space: normal; text-overflow: ellipsis; color: #4a4a4a; max-height: 42px; /* 2x line-height; */}.exsg_box .exsg_results .image { float: left; display: block; margin: 0px 10px 0; width: 80px;}.exsg_box .exsg_results .image img { display: block; max-width: 100%;}.exsg_box .exsg_results .amount { font-size: 16px; font-weight: bold;}.exsg_box .exsg_results .price { font-size: 20px; float: right; margin-right: 20px;}.exsg_box .exsg_logo { display: none;}/* (1) to position search-box over suggest-box *//* (2) to position button over input-field *//* my account navigation */.nav-account-mobile { margin: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}.nav-account-mobile a { display: block; margin-bottom: -1px; padding: 0 15px; border-top: 1px solid #cbc8be; border-bottom: 1px solid #cbc8be; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}.nav-account-mobile a:hover { color: #222;}/* dropdown-cart */.viewCart-mb { float: left;}.dropdown-cart { display: none; position: absolute; top: 100%; right: 0; width: 100%; z-index: 50; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);}.dropdown.open>.dropdown-cart { display: block;}.dropdown-cart .hd { padding: 11px 15px 10px; line-height: 17px; font-size: 14px; text-transform: uppercase; color: #fff; /* fallback color only for non transparent gradients */ background-color: #8cb110;}.dropdown-cart .actions { padding: 15px 15px 20px; border-bottom: 1px solid #eee; color: #222;}.dropdown-cart .actions ul { padding-top: 10px;}.dropdown-cart .actions .btn1>span,.dropdown-cart .actions .btn2>span { line-height: 30px;}.dropdown-cart .actions .btn1 { width: 48%;}.dropdown-cart .actions .btn2 { float: right; width: 48%; text-align: center; border-color: transparent;}.dropdown-cart .actionBx .btn2.qty>span { line-height: 20px; font-size: 20px; padding: 5px 0 0;}.dropdown-cart .actionBx .btn2.qty.qty-inc { margin-bottom: 0;}.dropdown-cart .actionBx .txtIn { padding: 2px 10px 0px; height: 26px; margin: 3px 0;}.dropdown-cart .actionBx .btn2.qty:hover { text-decoration: none;}.dropdown-cart .pList4 li { padding: 12px 15px !important; border-bottom: 1px solid #eee;}.dropdown-cart .pList4 .pImg { width: 50px; margin-right: 5px;}.dropdown-cart .pList4 .pInfo { margin: 0 45px 0 52px; font-size: 12px;}.dropdown-cart .pList4 .pName { margin-bottom: 3px; font-family: "open_sans", Arial, serif, helvetica;}.dropdown-cart .pInfo .price-box { display: inline-block;}/* .dropdown-cart .pList4 .pName a {@include border($minicart-product-list-item-name-border...); font-family: "OfficinaSansITCW01-Bold", Arial; } */.dropdown-cart .actionBx { padding: 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent;}.dropdown-cart .actionBx a { display: block; margin-bottom: 10px;}.dropdown-cart .tTip1 { display: none;}.dropdown-cart .empty { padding: 10px 10px 0;}/* language + currency switcher */.locale { position: relative; float: left; padding-top: 11px; font-size: 10px; text-transform: uppercase;}.locale .dropdown-toggle { display: inline-block; color: #fff;}.locale .dropdown-toggle>span { position: relative; display: block; padding: 0 15px; line-height: 25px;}.locale .dropdown-toggle>span:after { content: "\e002"; position: absolute; top: 7px; right: 15px; color: #fff; font-size: 12px;}.locale .dropdown-toggle .label { display: none;}.locale .dropdown-toggle .current { padding-right: 19px; -webkit-font-smoothing: antialiased; /* Safari 5 */}.locale .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 150px; padding: 10px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; z-index: 50;}.locale .dropdown-menu a { display: block; padding: 0 5px; line-height: 21px; color: #316644; text-shadow: transparent; text-decoration: none;}.locale .dropdown-menu a:hover { color: #666; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #d9d4c6; text-shadow: transparent; text-decoration: transparent;}.locale.open .dropdown-toggle,.locale.open .dropdown-toggle>span:after { color: #999;}.locale.open .dropdown-toggle,.locale.open .dropdown-menu { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}.locale.open .dropdown-toggle>span { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; z-index: 51;}.locale.open>.dropdown-menu { display: block;}/* prevent fouc of navBar children */.js .toggle-target-g1,.js #hd .nav-account { display: none;}/******************************************************************************************************************************************* FOOTER__________________________________________________________________________________________________________________________________________*/.ftT { margin: 0 0 0; font-size: 12px;}.ftB { line-height: 11px; font-size: 10px; text-transform: uppercase;}.cmsLinks-mobile h3 { position: relative; margin-bottom: -1px; padding: 0 15px; cursor: pointer; border-top: 1px solid #cbc8be; border-bottom: 1px solid #cbc8be; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}.cmsLinks-mobile h3:hover { color: #222;}.cmsLinks-mobile h3:after { content: "\e006"; position: absolute; top: 10px; right: 10px; font-size: 20px;}.cmsLinks-mobile.open h3:after { content: "\e007";}.cmsLinks-mobile a { display: block; margin-bottom: -1px; padding: 0 15px; border-top: 1px solid #c4c1b8; border-bottom: 1px solid #c4c1b8; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #cdcac0; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}.cmsLinks-mobile a:hover { color: #222;}.nLetter { padding: 25px 15px 40px;}.nLetter .input-box { padding-bottom: 10px;}.nLetter label { padding-bottom: 30px; line-height: normal; font-weight: bold;}.txtIn { height: 40px; color: #000; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #ffffff; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent; border-radius: 3px; border: solid 1px #e0e0e0;}.txtIn { height: 30px; line-height: 30px;}.newsletter { font-family: "open_sans", Arial, serif, helvetica;}.newsletter-block .nLetter label { padding-bottom: 28px;}.newsletter-block .nLetter .btn2 { padding: 0 9px; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: center; color: #ffffff;}.newsletter-block .nLetter .btn2 span { padding-top: 0;}.nLetter .txtIn:focus { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.nLetter .btn2 { border-color: #ccc5ae; padding: 2px 30px 6px;}.nLetter .btn2 span { line-height: 30px; padding-top: 3px; font-size: 12px;}.nLetter .validation-advice { margin-right: 0;}.copr { display: block; text-align: center;}.cft { font-size: 8px; line-height: 14px; overflow: hidden;}.cft p { display: inline-block; padding-bottom: 0; margin-bottom: 0; font-family: "open_sans", Arial, serif, helvetica; font-size: 10px; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: 0.5px; color: #4a4a4a;}#ft h4 { font-size: 22px; color: #316644; margin: 15px 0;}#footer-links { padding-top: 15px;}#ft .tick-list li { padding: 4px 0 40px 70px; position: relative;}.tpl-usp-footer ul.tick-list li { background-position: 10px 10px; background-repeat: no-repeat; background-size: 30px;}.tpl-usp-footer ul.tick-list li.clock { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/clock_footer.svg);}.tpl-usp-footer ul.tick-list li.delivery { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/delivery_footer.svg); background-position-x: 0; background-size: 50px;}.tpl-usp-footer ul.tick-list li.percent { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/percent_footer.svg);}.ftBlock { margin-bottom: 20px; width: 30%; float: left;}.ftBlock.snd { margin-left: 5%;}.ftBlock.w25 { width: 19%;}.ftBlock.w35 { width: 35%; margin-right: 3%}.ftBlock.w40 { width: 40%; margin-right: 3%;}/* ts siegel */.ftBlock .ts-siegel { height: 74px; width: 70px; margin: 23px auto 30px;}.footer-social { margin-top: 23px; text-align: center;}.icon-ts { display: block; width: 70px; height: 70px; background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/vaa_sprite.png) -120px -153px no-repeat; float: left; margin-right: 10px;}/* dimdi seal footer */a.footer-dimdi-seal { background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/vaa_sprite.png) -8px -237px no-repeat; width: 122px; height: 102px; text-indent: -9999px; display: block; margin: 0;}/* social footer */.tpl-social-footer { height: 75px; /* background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/social_text.png) 30px 7px no-repeat; */ padding: 0; width: auto; clear: right; float: right;}.tpl-social-footer a.footer-fb-link { display: block; width: 58px; height: 58px; text-indent: -9999px;}.tpl-social-footer a.footer-fb-link { background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/vaa_sprite.png) -73px -5px no-repeat; margin-top: 0; float: left;}.tpl-social-footer .bi { margin-top: -10px; margin-right: 20px; float: right;}.tpl-social-footer #bde_shopreview { background: none;}/******************************************************************************************************************************************* PRODUCT LISTINGS + LAYERED NAV__________________________________________________________________________________________________________________________________________*/.catalog-category-view .main,.tag-product-list .main,.catalogsearch-result-index .main,.catalogsearch-advanced-result .main { padding: 30px 15px 0;}/* category heading */.hd1.catHd,.tag-product-list .hd1,.catalogsearch-result-index .hd1,.catalogsearch-advanced-result .hd1 { margin-bottom: 24px; padding: 0;}.catalog-category-view .hd2.category-title h1,.catalog-category-view .hd2.category-title h2 { text-align: center; width: 100%; margin-bottom: 10px;}.catImgWrap .catHd { margin-top: 25px;}.catHd h1,.tag-product-list h1,.catalogsearch-result-index h1,.catalogsearch-advanced-result h1 { float: left; font-size: 20px;}/* misc */.catDescr { margin-bottom: 35px; text-align: center; line-height: 1.334; font-size: 15px; clear: both;}.catImgWrap+.catDescr { margin-top: -20px;}.item { position: relative; text-align: center; font-size: 12px; vertical-align: top;}/*(1)*/.pName a { font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: center; color: #4a4a4a;}.catalog-category-view .pName a { /* color: #316644; */}/* .item .pName a:hover {@include border($product-listing-item-name-border-hover...);} */.new-badge { position: absolute; top: 4px; right: 3px; min-width: 35px; line-height: 34px; padding: 0 6px; color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #316644; text-align: center; font-size: 12px; text-transform: uppercase; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}/* product listing (grid + list) */.pListing .btn1-atc { float: right; width: 164px;}.pListing .item .pInfo .pReview { width: 100%; float: left;}.pListing .btn1-atc span,#wishlist-table .btn1-atc span { font-size: 12px; text-transform: none; line-height: 30px;}.pListing .btn1-atc .ico { display: block;}#wishlist-table .btn1-atc .ico { font-size: 14px;}.pListing .btn1-atc .ico::before { margin-top: 0;}.btn1-atc .ico::before { margin-top: 4px;}.pListing .pLinks { float: left;}.pListing .pLinks li { float: left;}/* .pListing .btn1-atc, */.pListing .pLinks a,.pGrid .lnk-wishlist a { position: relative; display: block; height: 14px; padding: 11px 0; text-align: center; text-decoration: underline; cursor: pointer; font-family: "open_sans", Arial, serif, helvetica; font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #9b9b9b;}.pListing .pLinks a,.shopBx ul.pLinks a { font-family: "open_sans", Arial, serif, helvetica; font-size: 11px; padding: 0;}.shopBx .addToCart { margin-bottom: 0;}body .pGrid .lnk-wishlist a { height: 30px; color: #9a9b9a;}.pListing .btn1-atc .ico::before { position: relative; float: left;}.pListing .pLinks a:before,.pGrid .pLinks a:before,.pGrid .lnk-wishlist a:before { margin: 0; font-size: 17px;}.pListing .btn1-atc .ico:before { top: 4px; font-size: 24px;}.pListing .pLinks .lnk-compare a:before { top: 7px;}.item h4.pName,.item h2.pName { font-size: 17px; color: #000; font-weight: bold;}/* product grid */.pGrid { position: relative; margin: -6px -6px 0; /*(2)->font-size:0; letter-spacing:-1px;<-(2)*/}.pGrid .item { display: inline-block; padding: 6px; /*(3)->*/ font-size: 12px; letter-spacing: normal; /*<-(3)*/}.pGrid .item:before { opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -ms-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; content: ""; /*(4)*/ position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index: 2;}.pGrid .item:hover:before { opacity: 0; filter: alpha(opacity=0);}.pGrid .pImg { min-height: 0; height: 172px;}.col2L .pGrid .pImg { height: 164px;}.pGrid .pInfo { position: relative; min-height: 88px; padding: 16px 2px 0; z-index: 2;}.pGrid .pName { line-height: 15px;}.pGrid .price-box { margin-top: 6px; cursor: pointer;}.pGrid .price-box .price,.carousel .price { font-size: 20px;}.pr-ov-link { display: none; /* position: absolute; background: rgba(0, 0, 0, 0.41); width: 100%; height: 35px; */}.pGrid .lnk-more { display: none;}.pGrid .item:hover .holder { z-index: 2;}.pGrid .holder { position: relative; overflow: hidden; background: none;}.pGrid .actions { width: 100%;}.no-touch .pGrid .actions {}.no-touch .pGrid .item:hover .actions { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.pGrid .actions .w33 { width: 33.3333%;}.pGrid .actions .pLinks.w25 { width: 100%; float: none; margin-top: 10px; display: none;}.pGrid .actions .w50 { width: 50%;}.pGrid .actions .w75 { width: 75%;}.pGrid .actions .w85 { width: 85%;}.pGrid .actions .w66 { width: 66.6666%;}.pGrid .actions .w100 { width: 100%;}.pGrid .pLinks a { width: auto;}.pGrid .pLinks.w50 a,.pGrid .pLinks.w66 a,.pGrid .pLinks.w100 .w50:first-child a { margin-right: -1px;}.pGrid .btn1-atc { float: right; z-index: 10;}.pGrid .btn1-atc.w75.btn1 { float: none; width: auto}.pGrid .stock { margin: 0; padding: 3px 0; background: #222;}.pGrid .ooSt { white-space: normal;}.touch .pGrid .stock { position: absolute; bottom: 34px; left: 0; width: 100%;}.hideCart .pGrid .item:hover::before { opacity: 0;}.widget-featured .widget-title .hd4 { padding: 0 0 8px;}/* crosssell box checkout cart */.cartTable .pGrid .pInfo { display: block; margin-left: 0;}.cartTable .pGrid .pImg { height: 100px;}.cartTable .pGrid img { width: 100px;}.cartTable-mobile .pGrid .pImg { margin-right: 0; float: none;}.updRow td.crosssell { padding: 0;}.cartTable .pGrid .item { width: 33.333%;}.cartTable-mobile .crosssellBx { display: none;}.cartTable .pGrid .item .lnk-wishlist { display: none;}.crosssellBx .pGrid .img-n-wr { margin-bottom: 0;}.pGrid .savings-label { display: none;}.pGrid .img-n-wr { height: 69px; /* 3 lines of .pName*/ overflow: hidden; position: relative;}.pGrid .img-n-wr .pName { /* position: absolute; bottom: 0; */ width: 100%; font-size: 16px; line-height: 23px;}.pGrid .actions { padding: 0 1px;}.pGrid .btn1>span { font-size: 12px; padding: 0 9px; line-height: 29px;}/* .pGrid .rating-short-holder */.pGrid .ratingsShort { height: 20px; overflow: hidden; margin: 7px 0 -11px; display: none;}.featuredBx.feature-cat .rating-short-holder { height: 20px;}.featuredBx a.pImg { text-decoration: none;}.feat-block .pGrid .ratingsShort { margin-bottom: -4px;}.pGrid .tax-details.shipping-costs { display: block;}/* no transitions fallback */.no-csstransitions .pGrid .actions { display: none;}.no-csstransitions .pGrid .item:hover .actions { display: block;}/* hide grid-borders */.pGrid:before,.pGrid:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 6px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; z-index: 1;}.pGrid:after { left: auto; right: -1px; width: 7px;}.catalog-category-view .pager,.tag-product-list .pager,.catalogsearch-result-index .pager,.catalogsearch-advanced-result .pager { margin-top: -1px; padding-top: 35px; border-top: 1px solid transparent;}/* product list */.pList { margin-top: -15px;}.pList .item { padding: 15px 0 15px 0; border-bottom: 1px solid #979797; text-align: left; font-size: 12px; cursor: pointer;}.pList .pImg { float: left; max-width: 100%; width: 30%; text-align: center;}.pList .pInfo { width: 310px; float: left;}.pList .pName { margin-bottom: 5px; line-height: 1.1; font-size: 14px;}.pList .ratings { margin: 0 0 17px 0;}.pList .price-box { margin: 0 0 0 0;}.pList .shortDescr { display: none;}.pList .lnk-more { position: absolute; top: 0; right: 0; bottom: 0; width: 20px; text-indent: -50000px; border-bottom: 0 !important;}.pList .lnk-more:before { content: "\e001"; position: absolute; top: 50%; right: 0; margin-top: -9px; color: #ddd; font-size: 21px; text-indent: 0;}.pList .lnk-more:hover:before { color: #222;}.pList .pLinks li { margin-right: 10px;}.pList .pLinks a,.pList .btn1-atc { display: inline-block;}.pList .btn1-atc.add-to-cart-disabled { background: #777; position: relative; overflow: hidden;}.pList .btn1-atc.add-to-cart-disabled:after { display: block; position: absolute; content: ""; left: -100%; width: 100%; height: 4px; background-color: #999; animation: pending-button 2s linear infinite; -webkit-animation: pending-button 2s linear infinite; bottom: 0;}@keyframes pending-button { from { left: -100%; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; }}@-webkit-keyframes pending-button { from { left: -100%; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; }}.pList .pAddInfo { width: 200px; float: right;}.pList .price-box .price { font-size: 25px;}.delv { font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #8cb110; margin-top: 16px;}.pList .item .s-info .pack { color: #4a4a4a;}.msrp,.baseprice { display: inline-block; font-size: 11px; margin-bottom: 0;}.pList .pAddInfo p { margin-bottom: 0;}.pGrid .tax-details-holder { display: block;}.pGrid .baseprice .seperator,.pGrid .seperator.no-baseprice { display: none;}.tax-details-holder { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: 0.6px; color: #818181;}.tax-details-holder a { color: #b3d133;}.tax-details-holder .tax-details,.tax-details-holder .shipping-costs { display: inline-flex;}.tax-details-holder .shipping-costs { color: #b3d133;}.pList .pAddInfo .delivery-time { display: none;}.add-to-cart-list { padding-top: 10px;}.pList .pAddInfo .priceBx1 { margin-bottom: -5px; margin-top: -10px;}.msrp .savingprice { cursor: pointer; /*border-bottom: 1px solid #E68099;*/}.msrp .savingprice:hover { text-decoration: underline;}/* related products, up-sell, cross-sell, recently viewed + recently compared + new products widgets (grid) */.pGrid2 .item { float: left; width: 164px; padding: 0 10px 15px;}.pGrid2 .item:before { content: ""; position: absolute; left: 0; top: 0; bottom: -100px;}.pGrid2 .pName { padding: 8px 0 0; line-height: 15px;}.pGrid2 .price-box { margin-top: 6px;}/* recently viewed + recently compared + new products widgets (list) */.pList2 { margin: 0 27px;}.pList2 .item { padding: 24px 0 25px; border-top: 1px solid #fff; border-bottom: 1px solid #d6d6d6; text-align: left; font-size: 12px;}.pList2 .pImg { float: left;}.pList2 .pInfo { margin-left: 137px;}.pList2 .price-box { margin-top: 17px;}.tax-details { font-size: 11px;}/* ICON LIST *//* Help Icon ------------------- */.help-icon { overflow: hidden;}.help-icon ul { overflow: hidden; margin: 0; padding-left: 0px;}.help-icon li,.packeges li { margin-right: 8px; float: left; list-style: none; padding: 5px;}.packeges li { text-align: center; width: 85px;}.packeges li.active { border: 1px solid #ddd; padding: 4px /* compensate for border */}.help-icon .icon-label { display: none;}.item .help-icon .icon-label,.cart-item .help-icon .icon-label { display: none;}.icon-extra { display: none;}.shopBxT .icon-extra { display: inline;}.help-icon .icon { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/help-icon.png); background-repeat: no-repeat; height: 17px; display: block; text-indent: -10000px;}/* display label for reimport icon*/.help-icon .icon.reimportation,.help-icon .icon.reimportation + .icon-label { display: inline-block;}.help-icon .icon.reimportation + .icon-label { margin-left: 0.5em;}.help-icon a.icon { cursor: default;}.help-icon a.icon-tooltip { cursor: hand;}.mobile-tooltip { display: none;}.reimportation { background-position: 0 0; width: 14px;}.food-purchases { background-position: -13px 0; width: 16px;}.pharmacies,.arznei { background-position: -72px 0; width: 13px;}/*.arznei { width: 10px; background-position: -84px 0;}*/.prescription-required { background-position: -28px 0; width: 15px;}.alcohol-content { background-position: -45px 0; width: 10px;}.bio { background-position: -58px 0; width: 13px;}.tooltip { display: none; background: #fff; font-size: 10px; height: auto; width: 185px; padding: 15px; color: #888; margin-left: 10px; line-height: 14px; z-index: 100; border: 1px solid #fafafa; box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1235); font-weight: bold;}.tooltip p { font-weight: normal; margin-bottom: 0;}.help-icon li { font-size: 12px; color: #636363;}.pView .help-icon { margin-top: 5px; margin-bottom: 10px;}.shopBxT .help-icon li { margin-bottom: 5px;}.shopBx .icon-label.action-to-date { display: none;}/* (1) info: no float:left; for .item *//* (2) to remove the 3px space between the (non-floated) li-elements. letter-spacing:-1px; is only needed for webkit > better solution: add an empty comment between li-tags to remove whitespace (list.phtml) *//* (3) reset font-size:0; and letter-spacing:-1px; from .pGrid *//* (4) don't insert the content just on hover, insert it always > otherwise Firefox fires transitions only on mouseout, but not on mouseover (even for child elements) *//* (5) resize images (smaller) if grid view is enabled *//* layered nav mobile */#colM .lyrdNav { margin-bottom: 35px;}#colM .lyrdNav .hd4,#colM .lyrdNav .hd6 { position: relative; padding: 0 15px; cursor: pointer; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}#colM .lyrdNav .hd4 { border-top: 1px solid #cbc8be; border-bottom: 1px solid #cbc8be; border-top: 0; background: #8cb110; color: #fff;}#colM .lyrdNav .hd6 { margin-bottom: -1px; border-top: 1px solid #c4c1b8; border-bottom: 1px solid #c4c1b8; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */}#colM .lyrdNav .hd6:hover { color: #222;}#colM .lyrdNav .hd4:after,#colM .lyrdNav .hd6:after { content: "\e006"; position: absolute; top: 10px; right: 10px; font-size: 20px;}#colM .lyrdNav .hd4.open:after,#colM .lyrdNav .hd6.open:after { content: "\e007";}#colM .lyrdNav .filterBy a { display: block; margin-bottom: -1px; padding: 0 15px; border-top: 1px solid #bcbab3; border-bottom: 1px solid #bcbab3; color: #666666; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}#colM .lyrdNav .filterBy a:hover { color: #222;}#colM .filterBy .empty { display: block; margin-bottom: -1px; padding: 0 15px; border-top: 1px solid #bcbab3; border-bottom: 1px solid #bcbab3; color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #c4c1b8; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}#colM .lyrdNav .filterBy .qty { float: right; width: auto;}#colM .filterAct li { padding: 7px 15px 7px 15px;}.filterBy .filter-Category,.aponeo-manufacturer-index-view .filter-Hersteller { display: none;}#colM .catName { margin-top: -5px; padding-top: 0;}#colM .filterBy .m-filter-css-checkboxes .max-visible a { color: #316644;}#colM .filterBy .m-filter-css-checkboxes .max-visible a,#colM .filterBy .m-filter-css-checkboxes .max-visible a:hover,#colL .filterBy .m-filter-css-checkboxes .max-visible a,#colL .filterBy .m-filter-css-checkboxes .max-visible a:hover { background: none;}/* layered nav dt + mobile */.filterAct { margin-bottom: 20px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.filterAct ul { padding: 5px 0 2px;}.filterAct li { padding: 7px 20px 7px 15px; border-top: 1px solid; border-bottom: 1px solid; border-color: #cafee7 transparent #b0e6ce transparent; color: #222;}.filterAct .label { margin: 0 26px 0 0; padding-top: 2px; line-height: 13px; font-size: 12px; font-weight: normal;}.filterAct .value { margin: 0 26px 0 0; font-family: "open_sans", Arial, serif, helvetica;}.filterAct .btn2-remove { float: right; margin-top: 3px;}.filterAct .btn2-back2 { float: right; margin: 3px 4px 0 0;}.filterAct .hd7 { color: #000;}.hidden-filter { display: none;}.filterBy .max-visible a.show-all-filters,.filterBy .max-visible a.show-less-filters { cursor: pointer !important; color: #9b9b9b; text-decoration: underline !important; font-size: 10px;}#colM .lnk-removeAll { font-weight: normal; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; padding-left: 10px;}/******************************************************************************************************************************************* PRODUCT DETAIL PAGE__________________________________________________________________________________________________________________________________________*/.pView .bd1>.colL { padding: 15px 15px 20px;}.pView .bd1>.colR { padding: 35px 15px 0;}.pView .pWarnings { margin:15px;}.catalog-product-view .hd1 { margin-bottom: 6px; padding: 0;}/* shop-box */.shopBxT,.shopBxB,.pConfigurable .shopBx { margin: 0 -15px; padding: 22px 15px 0; color: #000;}.shopBxB { margin-top: -5px;}.pConfigurable .shopBxT,.pConfigurable .shopBxB { margin: 0; padding: 0; background: none;}.shopBxB>.colL { padding-bottom: 20px;}/* images */.pImgWrap { max-width: 310px; margin: 0 auto; text-align: center;}.pImgWrap .pImgMain { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -o-zoom-in; cursor: zoom-in;}/* space between property and value, for phpsass */.pImgWrap img { max-width: 100%; height: auto;}.pImgWrap .info { font-size: 11px;}/* rating */.pView .ratings { margin-bottom: 30px;}.pView .ratings.empty { margin-bottom: 18px;}.pView .ratingTable { margin: 15px 0 30px;}/* short description */.pView .shortDescr { margin-bottom: 15px;}/* availability + alerts */.stock,.alerts { margin-bottom: 0px;}.inSt,.ooSt { font-family: "open_sans", Arial, serif, helvetica; white-space: nowrap;}.ooSt { display: inline-block; color: #ff0042;}.groupedStock .ooSt { margin-top: 4px;}.pGroupedTable .ooSt { margin-top: 0;}.stock .sep1 { padding: 0 4px; font-size: 0;}.stockQty,.lnk-stockQty { padding: 3px 5px 3px 4px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fffccc;}.stockQtyTable { margin-top: 20px;}/* add to cart */.addToCart { /* margin-bottom: 10px; */ vertical-align: middle;}.addToCart label { /*(1)->*/ float: none; display: none; padding: 1px 5px 0 0; /*<-(1)*/ font-family: "open_sans", Arial, serif, helvetica; vertical-align: middle;}.addToCart .qty { /* margin-right: 3px; */ border-radius: 3px; padding: 16px 0;}.shopBx .paypal { display: block; margin-top: 25px;}.shopBx .bml-checkout-type { margin-top: 15px;}.shopBx .paypal .or { padding-right: 12px; line-height: 30px;}.paypal a:hover { border-bottom: 0; text-decoration: none;}.paypal img { vertical-align: middle;}/* add to wishlist, add to compare + email to a friend link */.pView .pLinks { margin-bottom: 15px;}.pView .pLinks li { float: left; margin: 0 10px 10px 0;}.pView .pLinks .last { margin-right: 0;}/* product options */.pView .pOptions { padding-top: 40px;}.pView .pOptions h2,.pSamples h2 { line-height: normal; font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: 400; font-style: normal; text-transform: none;}.pView .pOptions .input-box { padding-bottom: 0;}.pView .pOptions .bx2,.pView .pOptions .formLi1 { margin-bottom: 60px;}.fileUpload .fileName { padding-right: 8px;}.fileUpload .fileRemove { float: right;}.fileUpload .checkbox { margin: 2px 3px 0 2px; vertical-align: top;}.gutschein-notice { padding: 50px; clear: both; background: #b3d133; color: #fff; text-align: center; margin: 0 30px 30px; font-size: 133%;}.gutschein-notice strong { font-weight: bold; font-family: "open_sans", Arial, serif, helvetica;}#checkout-step-review .gutschein-notice { padding: 25px; margin: 30px 0; font-size: 112%;}/* configurable product */.pConfigurable .shopBxB>.colL { display: none;}.pConfigurable .pOptions { margin: 2px 0 25px; padding-top: 19px; border-top: 1px dotted #64e2ab; border-bottom: 1px dotted #64e2ab;}.pConfigurable .pOptions .hd2 { float: left; margin: 0; padding: 0 12px; color: inherit; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: rgba(0, 91, 51, 0.15); clear: left;}.pConfigurable .pOptions h2 { height: 36px; line-height: 36px;}.pConfigurable .pOptions .bx2 { float: left; width: 182px; margin-bottom: 0; padding: 0 0 19px;}.pConfigurable .pOptions select { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}/* grouped product + product samples */.pGroupedTable,.pSamples .linkLi1 { margin-bottom: 30px !important;}.pGroupedTable .qty { width: 31px; height: 30px;}/* tabs */.tagsBx .hd2,#resp-tab-content-description .hd2,#resp-tab-content-additional .hd2 { display: none;}#resp-tab-content-description ul li { position: relative; padding-left: 20px; margin-bottom: 7px;}#resp-tab-content-lmiv h2,#resp-tab-content-description h2 { margin-bottom: 15px; margin-top: 8px;}#resp-tab-content-description h3 { font-family: "open_sans", Arial, serif, helvetica; font-weight: bold;}#resp-tab-content-description ul li::before { content: "\e902"; font-family: 'icons'; color: #b3d133; font-size: 5px; position: absolute; left: 0px; top: 8px;}#resp-tab-content-description table { border-collapse: collapse; margin: 1em 0;}#resp-tab-content-description th,#resp-tab-content-description td { border: 1px solid #ddd; padding: 0.3em;}#resp-tab-content-description th{ font-weight: bold; color: #4a4a4a;}.pView .resp-tabs { padding: 0 15px 0;}.pView .resp-accordion { margin: 0 -15px -1px; padding: 0 15px;}.resp-tab-content { padding: 25px 0 0 0;}.resp-tab-content .bx2 { margin-bottom: 10px;}#product-attribute-specs-table { margin-bottom: 25px;}.resp-tab-content .bd2 { padding-top: 0; font-family: "open_sans", Arial, serif, helvetica; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: 0.2px; color: #4a4a4a;}.resp-tab-content .bd2 h2 { font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.2px; color: #000000;}.resp-tab-content .bd2 b,.resp-tab-content .bd2 strong { font-family: "open_sans", Arial, serif, helvetica;}.tagsBx .btn2-add { width: 100%; margin-bottom: 20px;}.pView .tagLi1 { padding-top: 5px;}#addTagForm { padding-top: 10px;}/* reviews */.reviews .ft2 { padding: 5px 0 0; text-align: left; font-size: 12px;}.reviews .hd3 { padding-top: 30px; border-top: 1px dotted #ddd;}.reviews .wsBx2b { padding-top: 0;}.reviewForm .wsBx2a { padding-top: 16px;}.reviewForm .wsHd3d { padding-bottom: 10px;}.reviewForm .rowG1 { margin: 0 -10px;}.reviewForm .wsG1 { padding: 0 10px;}.reviewForm thead th:after { content: "\e011"; padding: 0 0 0 2px; color: #316644;}.reviewForm thead th.first:after { content: "";}.free-shipping-info { color: #666666; font-family: "open_sans", Arial, serif, helvetica; border-bottom: 1px solid #fff; margin-bottom: 40px; padding: 3px; font-size: 11px;}/* (1) overwrite default label style *//******************************************************************************************************************************************* CHECKOUT PROCESS__________________________________________________________________________________________________________________________________________*//* one page checkout (opc) */.main .hd4.opc-title { font-size: 25px; color: #000; padding-top: 20px;}.step-title { display: block; padding: 15px 15px; cursor: default; border-top: 0.5px solid #e1e1e1; color: #8cb110; line-height: 1; font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: 400; font-style: normal; text-transform: none;}.step-title:hover { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; -webkit-box-shadow: transparent; -moz-box-shadow: transparent; box-shadow: transparent;}.a-item { position: relative;}.allow .step-title:hover { cursor: pointer; text-decoration: none;}.allow .step-title:hover .edit { display: block; color: #8cb110;}.step-title .edit,.act .step-title:hover .edit { display: none; font-weight: normal;}.act .step-title,.act .step-title:hover { border-top: 0; color: #fff; background-color: #8cb110; cursor: default;}.act .step-title .sep1 { color: #fff;}.opc .disabled .btn1,.opc .disabled .btn2 { visibility: hidden;}/*(1)*/.opc .formLi1 #checkout-payment-method-load { margin: 0; border: 0;}/*(2)*/.opc .tTip2 { left: 15px; right: 15px;}/* opc progress-box */.opcProg .bd1 { padding: 0 0 0 20px;}.opcProg dt { padding: 7px 0 !important; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.69; letter-spacing: 0.3px; color: #666666;}.opcProg dt.complete { color: #222; font-family: "open_sans", Arial, serif, helvetica;}/*(3)*/.opcProg dd { padding: 9px 0 25px;}.opcProg dd.laB1 { padding-bottom: 0;}.opcProg p,.opcProg address,.opcProg .banktransfer { margin-bottom: 6px;}.opcProg .pmTitle { margin-bottom: 15px;}.opcProg table { font-size: 12px;}/*(4)*//* opc checkout method step */.opc-newUser .formLi1 { margin-bottom: 25px;}.opc-newUser .paypal{ position: relative; top: -6px; display: inline-block;}/* opc review step */#opc-review .ft1 { line-height: 38px;}.back-to-cart { display: inline-block;}.checkout-onepage-index label,.paypal-express-review label,.checkout-onepage-index label{ float: none; display: block; padding: 1px 0 3px 0;}.checkout-onepage-index.input-box label{ white-space: nowrap; overflow: hidden;}#opc-login label[for="login:register"]{ font-weight:bold;}#opc-login label[for="login:guest"]{ color: #aaa;}#dhlaccount_shipping_packstation .control label {line-height: 26px;}#dhlaccount_shipping_packstation .rate{float:right;}/* mac */.macBx { margin-bottom: 45px;}.macBx>.colL { padding: 35px 15px 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #cae29e;}.macBx .wsBx1b { padding: 35px 15px 0;}.macBx2 .wsBx1b { padding-left: 15px; padding-right: 15px;}.macBx2 .formLi1 { margin-bottom: 0;}.macBx>.colL .hd3 { border-color: #ddd;}.macBx>.colL .hd3 .lnk-edit { border-color: #ddd;}.macShipping { margin: 0 -15px;}.macShipping .hd3 { padding: 8px 15px; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fffccc;}.macShipping .wsHd3b { padding-left: 15px; padding-right: 15px;}.macShipping .formLi1,.macShipping .formLi1 li { border-color: #e2e0c1;}.macShipping ul.formLi1 li:hover { border-color: #ddd !important;}.mac .tTip2 { top: 30%; left: 15px; right: 15px;}/*(5)*/.checkout-multishipping-address-selectbilling .ft1 { padding-top: 45px;}/* mac progress-box */.macProg { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #cae29e;}.macProg span { display: block; color: #316644; text-align: center; line-height: 39px; font-family: "open_sans", Arial, serif, helvetica; text-shadow: 0 1px 0 #fff; white-space: nowrap;}.macProg .act { margin: -3px 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}.macProg .act span { color: #222; line-height: 45px;}.dhl-packstation-select { height: 80px;}#shipping-packstationbuttons button>span { line-height: 30px; font-size: 14px; padding: 0 10px;}#dhlaccount_shipping_packstation { margin-bottom: 30px;}#dhlaccount_shipping_packstation input.packstation_checkbox { margin: 16px 5px 0;}#payment_form_bankpayment td,#bankpayment_info td { vertical-align: top;}/* (1) during loading animation the buttons inside the footer are hidden (disabled class, see opcheckout.js setLoadWaiting function) *//* (2) the element <dl class="formLi1" id="checkout-payment-method-load"> (checkout\onepage\payment\methods.phtml) exists twice in generated sourcecode. bug? remove formatting from the second formLi1 *//* (3) .opcProg .nm: for last uncompleted dt *//* (4) used for ccTable (authorize.net partial authorization) *//* (5) for cvv-tooltip *//* loading animation */.loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #8cb110; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_breadcrumb.gif); text-align: center; z-index: 15; opacity: 0.5; filter: alpha(opacity=50);}.loading span { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px; font-family: "open_sans", Arial, serif, helvetica;}.loading img { display: none;}.loading .spinner { top: -40px !important; left: 50% !important;}/* gift options */.giftItem { height: 210px; margin-bottom: 26px;}.giftItem li { padding: 35px 0 20px; border-bottom: 1px solid #eee;}.giftItem .fiT1 { padding-top: 0;}.giftItem .laB1 { padding-bottom: 0;}.giftItem .colL { margin-bottom: 25px; text-align: center;}.giftItem .pImg { float: none; margin: 0 auto 8px;}/* centinel */.centinel iframe { width: 100%; height: 400px; background: #fff;}.centinelLogos { padding: 10px 0 25px;}.centinelLogos a { display: inline-block; margin-right: 5px; border: 1px solid #eee;}/* misc */#co-billing-form .wsBx2a { margin-bottom: 35px;}#co-shipping-form .wsBx2a { margin-bottom: 15px;}.mac .w50-auto { width: auto;}/*(1)*/.switchSolo { padding-top: 15px;}.pmTitle { font-family: "open_sans", Arial, serif, helvetica;}#checkout-agreements .hd2 { padding-top: 20px;}#checkout-agreements .bx2 { margin-bottom: 20px;}.lnk-agreement { position: absolute; top: 0; right: 0; padding: 7px 0 7px 10px; color: #316644;}.lnk-agreement:hover { text-decoration: underline;}.ccTableHd { display: block; padding: 18px 0 4px; border-top: 1px solid #d6d6d6;}/*(2)*/.ccTable th { font-weight: normal;}/*(2)*/.releaseAmounts .btn1 { margin: 3px 15px 0 0;}/*(2)*//* review table */#checkout-review-table-wrapper { padding: 0;}#checkout-review-table-wrapper tbody td { background: #fff; padding: 10px 5px;}#checkout-review-table-wrapper .pName { color: #000;}#checkout-review-table-wrapper .ts1 tfoot td,#checkout-review-table-wrapper tfoot .price { color: #636363;}.main .ts1#checkout-review-table-wrapper { margin-bottom: 0;}.agree { clear: both;}.agree label { color: #000; position: relative; float: none; line-height: 1.54; letter-spacing: 0.2px; font-family: "open_sans", Arial, serif, helvetica;}.agree a { /* text-decoration: underline; */}.agree .checkbox { float: left; margin: 5px 9px 0 0;}/* snd review */.order-info { padding-bottom: 20px;}.order-info .hd6 { padding-left: 0;}#checkout-review-submit-top { padding-bottom: 15px;}.paymentlogo-container { display: inline-block; margin-left: 20px; padding-top: 0; margin-top: -10px;}.paymentlogo-container img { max-height: 30px; width: auto;}.what-is-pp { float: right;}.pplogo-container { display: inline;}.pplogo-container img { margin-top: -5px;}#co-payment-form .wsDDb { background: #fff; margin-top: -1px; padding-top: 5px; border-bottom: 1px dotted #ddd;}#co-payment-form #payment_form_debit.wsDDb { border-bottom: none;}#discount-coupon-form-checkout .input-box { padding-bottom: 6px;}#discount-coupon-form-checkout .messages { padding: 15px 0 0 0;}/* (1) w50-auto: dual classname, value depends on parent selector, used for payment method form width *//* (2) for authorize.net partial authorization *//******************************************************************************************************************************************* MISC PAGES__________________________________________________________________________________________________________________________________________*//* review details page */.reviewDetails .colL { margin-bottom: 45px;}.reviewDetails .hd1 { padding: 0 0 20px 0;}.reviewDetails .pImg { margin-bottom: 13px;}/* contact page */.contacts-index-index .main .w50 { width: 100%;}/* rss feeds page */.rss-index-index .linkLi1 .cArea { line-height: 1.5;}/* compare products popup */.popUp .hd1 { text-align: right;}.popUp h1 { float: left; text-align: left;}.popUp.magesetup-frontend-agreements h1 { float: none;}.popUp .hd1 .btn2 { margin: -3px 0 0 10px;}.popUp .loading span { bottom: auto; top: 85px;}.compareTable .actionBx { float: none; top: -11px; display: inline-block; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent;}.compareTable .pImg { width: 117px; /*(1)*/ margin: 15px auto 10px;}.compareTable .price-box { margin: 0 0 15px;}.compareTable .addToCart { margin: 0 0 10px;}.compareTable .ratings { margin-top: 6px;}/* dashboard */.customer-account-index .hd1 { padding-bottom: 35px;}.customer-account-index .hd9 { border-top: 1px solid #eee;}.customer-account-index .wsBx1a { padding-top: 25px;}.customer-account-index .ft1 .btn2 { float: left; margin-left: 0;}.ratingLi .ratingBx { margin-top: 0;}/*(2)*/.ratingLi .pName { margin-left: 97px;}.customer-id { font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; color: #888; padding-top: 6px;}/* account information */.customer-account-edit .wsBx1e { padding-bottom: 26px;}.changePw { margin: 22px 0 0 !important; border-bottom: 0;}.changePw dt { margin-bottom: 5px;}.changePw .wsDDa { padding: 16px 0 0; border-bottom: 0;}/* address book */.defaultAddresses .wsBx2b { padding-top: 0;}.defaultAddresses .w50 { padding-bottom: 20px;}.defaultAddresses .bx2 { margin-bottom: 25px;}.moreEntries { padding: 20px 0 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}.moreEntries .bx2 { margin: 0;}.moreEntries address { margin-bottom: 6px;}/* sitemap (treeview) */.tree { margin: -20px 0 45px;}.tree a,.tree .note { position: relative; display: inline-block; padding: 7px 0; line-height: 15px; /* color for form-lists */ color: #888;}.tree a>a.cArea,.tree .note>a.cArea { color: #888;}.tree a:hover,.tree .note:hover { /* color for form-lists */ color: #222;}.tree a:hover>a.cArea,.tree .note:hover>a.cArea { color: #222; text-shadow: #dddddd; text-decoration: #dddddd;}.tree .lvl-0 { padding-top: 20px;}.tree .lvl-0 a { color: #222; font-family: "open_sans", Arial, serif, helvetica;}.tree .lvl-1,.tree .lvl-2 { margin-left: 15px; border-left: 1px dotted #ddd;}.tree .lvl-1 a { padding-left: 10px;}.tree .lvl-2 a { margin-left: 20px; padding: 4px 0 4px 10px; border-left: 1px dotted #ddd;}.tree .lvl-2+.lvl-1 { padding-top: 12px;}.tree .lvl-1 a:before,.tree .lvl-2 a:before { content: "\2013"; position: absolute; left: -1px; color: #ddd;}/* email to a friend (etaf) */.etaf .w50,.etaf .btn2-add { width: 100%;}#recipients_options .wsBx2c { padding-bottom: 28px;}.etaf .recipient { position: relative; border-top: 1px solid #eee; padding-top: 40px;}.etaf .actionBx { position: absolute; top: 0; right: 0;}.etaf .ft2 { padding-bottom: 25px;}.etaf .maxRecip { padding: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.417;}/* order pages */.orderBxT .bx2 { margin-bottom: 25px;}.orderBxT .w50 { margin-bottom: 20px;}.orderBxB .wsHd3b { padding-top: 0;}.orderShipment .tracking { margin-bottom: 35px;}.orderShipment .tracking .btn1 { margin-right: 12px;}.shipping-tracking-popup .wsBx1b { padding: 0;}.giftMsgRow { padding-top: 25px !important;}.giftMsgRow .sender { padding-right: 25px;}.giftMsgRow .actionBx { margin-top: -26px;}/* my tags */.tag-customer-view h1 { float: left; padding-right: 15px;}.hd1 .btn2-remove { margin-top: 3px;}.hd1 .btn2-remove span { height: 27px; width: 27px;}.hd1 .btn2-remove .ico:before { top: 3px; font-size: 22px;}/* my wishlist */.wishlist-index-index h1 { float: left;}.wishlist-index-index .hd1 .lnk-rss { margin-top: 6px;}.wishlistTable .price,#wishlist-table.ts1-mobile .price { font-size: 25px; line-height: 30px; font-family: "open_sans", Arial, serif, helvetica;}/* shopping cart */.checkoutBtnsB .wsBx1b { padding-bottom: 40px;}/* .checkoutBtnsB li, */.rezept-button { padding-bottom: 16px;}.checkoutBtnsB .paypal { text-align: center;}.checkoutBtnsB .bml-checkout-type { padding-top: 15px;}.checkoutBtnsB button,.checkoutBtnsB a { width: 100%; text-align: center;}.checkoutBtnsB .btn1 .ico,.checkoutBtnsB .btn2 .ico,.shipping { display: none;}.shipping #co-shipping-method-form { padding-top: 25px;}.shipping .ft2 .btn2,.discount .ft2 .btn2 { width: auto; margin: 0; float: left;}.discount-mobile .bd1 { padding-bottom: 41px;}.discount-mobile .bx2 { margin-bottom: 0;}.discount-mobile .hd2 { cursor: pointer; border-top: 1px solid #cbc8be; border-bottom: 1px solid #cbc8be; color: #fff; background-color: #8cb110; border-top: 0;}.note_pharmacies { font-family: "open_sans", Arial, serif, helvetica; color: #527e38; padding-top: 10px;}.pView .note_pharmacies { color: #4a4a4a; padding-top: 4px; font-family: "open_sans", Arial, serif, helvetica;}.note_nem,.note_pharmacies, .note_pharmacistadvice, .note_triptan { font-size: 11px; line-height: 1.36; letter-spacing: 0.5px;}.note_pharmacistadvice, .note_triptan { color: #8cb110; font-weight: normal; font-size: 10px; margin-top: 3px;}a.pdf { cursor: pointer; background: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/pdf.gif") no-repeat left 0; padding-left: 24px; line-height: 16px; margin-top: 9px; margin-bottom: 9px; display: block; font-family: "open_sans", Arial, serif, helvetica; font-size: 11px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 0.5px; color: #4a4a4a;}.cartTable .item-msg { margin-top: 6px;}.discount-mobile .hd2:before { content: "\e006"; position: absolute; top: 10px; right: 10px; font-size: 20px;}.discount-mobile .open .hd2:before { content: "\e007";}.discount-mobile h2 { position: relative; padding: 0 15px; color: inherit; line-height: 42px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none;}#shopping-cart-table .pName { font-size: 20px; color: #000; padding-bottom: 10px;}#shopping-cart-table .pName a { border-bottom: none;}#shopping-cart-table .crosssellBx { position: relative;}.cart-item input.qty { /* overwrite default margin, fix alignment*/ margin:0;}.cart.hd1 { padding: 30px 50px 0;}.cart.hd1 h1 { float: left; font-size: 25px; margin-bottom: 20px; line-height: 33px; font-weight: bold; /*color: #4A4A4A;*/}.cart.hd1 .btn1-checkout span { font-size: 14px; line-height: 30px;}.crosssellBx { text-align: left;}.crosssellBx .pGrid2 .item { width: 200px;}.crosssellBx .wsBx1c { padding: 0;}#shopping-cart-table .crosssellBx .pName { font-size: 14px;}.crosssellBx .hd5 { padding-top: 20px; font-family: "open_sans", Arial, serif, helvetica;}/* login page */.customer-account-login .main .bx1 { margin-bottom: 0 !important;}.w50.newUser { position: relative; z-index: 1;}#newsletter-validate-detail-page .tick-list,.opc .opc-newUser ul.tick-list,.newUser .account-propositions .tick-list,.account-propositions .tick-list{ padding-left: 20px; margin-bottom: 10px; margin-left:0;}#newsletter-validate-detail-page .tick-list li,.opc-newUser .tick-list li,.newUser .tick-list li,.account-propositions .tick-list li { position: relative; list-style-type: none;}#newsletter-validate-detail-page .tick-list li::before,.opc-newUser .tick-list li:before,.newUser .tick-list li:before,.account-propositions .tick-list li::before { content: "\e017"; font-family: "icons"; color: #58ab27; display: block; position: absolute; left: -20px;}.hd2.account-propositions { margin-top: 20px;}/* logout page */.customer-account-logoutsuccess .main { text-align: center;}.customer-account-logoutsuccess .bd1 { padding-top: 25px; padding-bottom: 30px; font-size: 15px; text-transform: uppercase;}/* create account */.customer-account-create .formLi1 { margin-top: -22px;}/* billing agreements */.newBA .btn1 { width: 100%; margin-bottom: 20px;}/* advanced search result page */.catalogsearch-advanced-result .hd1 { margin-bottom: 40px;}/* Nutritionstable & Gefahrstoffe */table.db_nutrition { border: 1px solid black; border-collapse: collapse; width: 100%;}table.db_nutrition th,table.db_nutrition td { padding: 5px; text-align: left; border: 1px solid #d8d8d8;}table.db_nutrition th { background-color: #d1edc0;}table.db_nutrition .db_nfrang { width: 0px; display: none;}.db_gspicto { clear: both; display: block;}img.db_gspicto_img { width: 40px; height: 40px;}.db_GHS { display: inline-flex; width: 40px; height: 40px; background-repeat: no-repeat;}.db_GHS01 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS01-s.png");}.db_GHS02 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS02-s.png");}.db_GHS03 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS03-s.png");}.db_GHS04 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS04-s.png");}.db_GHS05 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS05-s.png");}.db_GHS06 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS06-s.png");}.db_GHS07 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS07-s.png");}.db_GHS08 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS08-s.png");}.db_GHS09 { background-image: url("https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/gefahrstoffe/GHS09-s.png");}.db_gssaetze { display: none;}/* Eof Nutritionstable & Gefahrstoffe *//* (1) width of image + 1px space for border-left and 1px for border-right *//* (2) ratingLi = additional class for "my recent reviews" linkLi1 *//******************************************************************************************************************************************* WIDGETS / SIDEBAR BOXES__________________________________________________________________________________________________________________________________________*//* horizontal alignment */.relatedBx,.upsellBx,.newBx,.viewedBx,.comparedBx,.relatedBxWide,.featuredBx { text-align: center;}.namesLi { text-align: left;}/* single widget */.featuredBx.single { margin-bottom: 30px;}.featuredBx.single.last { float: right;}.featuredBx.single .img-wrapper { width: 468px;}.img-wrapper .pImg img { width: 100%; border: 1px solid white;}.img-wrapper.wave { position: relative;}.wave-box-text:after { content: " "; background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/wave/wave.png) 0 0 no-repeat; position: absolute; bottom: 100%; display: block; z-index: 0; width: 466px; height: 51px; background-size: 100%; border: 0; left: 0; /* border: 1px solid white; */}.featuredBx.single .wave-box-text { position: relative}.wave-box-text { height: 127px; background-color: #d3d700; width: 468px; border: 1px solid white; border-top-width: 0;}.wave-box-text .title { font-family: "open_sans", Arial, serif, helvetica; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 100%; letter-spacing: 0.4px; text-align: center; color: #000000; margin: 0 auto; /* position: absolute; */ z-index: 1; width: 284px;}.wave-box-text .btn2 { width: 165px; padding: 5px 25px; margin-top: 20px; font-size: 12px;}.wave-box-text a { cursor: pointer;}.two-block .image-wrapper,.two-block .wave-box-text { cursor: pointer;}.single.featuredBx .item { text-align: left;}.single.featuredBx .holder { float: right; max-width: 50%;}.single.featuredBx .price { font-size: 30px; padding: 10px 0; font-family: "open_sans", Arial, serif, helvetica;}.single.featuredBx .price-percentage { height: 105px; width: 105px; font-size: 24px; line-height: 26px; padding-top: 26px;}@media screen and (max-width: 768px) { .single.featuredBx .price-percentage { transform: scale(0.55) rotate(10deg); transform-origin: top right; } .single.featuredBx .price-percentage sup { font-size: 14px; }}.single.featuredBx .price-percentage span { font-size: 19px;}.single.featuredBx .price-percentage .price { padding: 10px 0 0; text-decoration: none;}.single.featuredBx .discount-text { display: block; margin-top: 0; font-family: "open_sans", Arial, serif, helvetica;}.single .help-icon { float: left; width: auto;}/******************************************************************************************************************************************* MINIMUM ADVERTISED PRICE (MAP)__________________________________________________________________________________________________________________________________________*//* MAP info / link */.miniCart .priceHideMsg { display: block;}.pView .map-info { padding-bottom: 20px;}.pView .map-info .old-price { display: block;}.pView .map-info .price { line-height: 28px; font-size: 22px;}.pView .map-info .lnk-cfp { padding-right: 5px;}.tierPrices .priceHideMsg { font-size: 12px; white-space: normal;}.priceBxBundle .map-info { float: none; clear: both;}.pGroupedTable .map-info { width: 150px;}/* MAP popover */.mapPopup { position: absolute; width: 340px; margin-top: 12px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; z-index: 20;}.mapPopup .icoArrow { position: absolute; left: 50%; top: -10px; width: 0; height: 0; margin-left: -10px; border-bottom: 10px solid #444; border-left: 10px inset transparent; border-right: 10px inset transparent; z-index: 1;}.mapPopup .actionBx { position: absolute; top: 9px; right: 20px; padding: 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent;}.mapPopup .btn2-remove { color: #222;}.mapPopup .hd { position: relative; padding: 11px 60px 10px 20px; line-height: 17px; font-size: 14px; text-transform: uppercase; word-wrap: break-word; color: #fff; /* fallback color only for non transparent gradients */ background-color: #222; background-image: -webkit-linear-gradient(top, #444 0%, #222 101%); background-image: -moz-linear-gradient(top, #444 0%, #222 101%); background-image: -o-linear-gradient(top, #444 0%, #222 101%); background-image: linear-gradient(to bottom, #444 0%, #222 101%); text-shadow: none; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}.mapPopup h2 { font-weight: normal;}.mapPopup .bd { padding: 20px 20px 25px; overflow: hidden;}.mapPopup .content { padding-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #eee; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #e7e0c9;}.mapPopup .content strong { display: block;}.mapPopup .msrp { padding: 0 0 12px;}.mapPopup .priceBx2 { padding-top: 8px;}.mapPopup .checkout { float: right; text-align: center;}.mapPopup .paypal { display: inline-block; padding-top: 7px;}.mapPopup .paypal .or { display: block; padding-bottom: 3px;}.mapPopup .paypal img { display: block;}/******************************************************************************************************************************************* REMEMBER ME__________________________________________________________________________________________________________________________________________*/.rememberMe { padding: 5px 0; margin: 10px 0 30px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}.customer-account-create .rememberMe { margin: 25px 0 22px;}.rememberMe .input-box { padding-bottom: 0; line-height: 1;}.rememberMe label { float: none; display: inline; padding: 0 3px 0 0;}.rememberMe .checkbox { margin: 2px 3px 0 2px; vertical-align: top;}.windowOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 990;}.rememberMePopup { position: fixed; top: 50%; left: 50%; max-width: 400px; margin: -85px 0 0 -200px; text-align: left; z-index: 1000; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.rememberMePopup .actionBx { position: absolute; top: 9px; right: 20px; padding: 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent;}.rememberMePopup .btn2-remove { color: #222;}.rememberMePopup .hd { padding: 11px 60px 10px 20px; line-height: 17px; font-size: 14px; text-transform: uppercase; color: #fff; /* fallback color only for non transparent gradients */ background-color: #222; background-image: -webkit-linear-gradient(top, #444 0%, #222 101%); background-image: -moz-linear-gradient(top, #444 0%, #222 101%); background-image: -o-linear-gradient(top, #444 0%, #222 101%); background-image: linear-gradient(to bottom, #444 0%, #222 101%); text-shadow: none; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}.rememberMePopup h3 { font-weight: normal;}.rememberMePopup .bd { padding: 20px 20px 10px;}.rememberMePopup .ft { display: none;}/******************************************************************************************************************************************* CAPTCHA__________________________________________________________________________________________________________________________________________*/.captchaBx .input-box { width: 202px;}.captcha { position: relative; display: inline-block;}.captchaImg { border: 1px solid #eee;}.captchaNote { padding-top: 4px; font-size: 12px;}.regUser .captchaBx,.opc-regUser .captchaBx,.customer-account-forgotpassword .captchaBx { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ddd;}/******************************************************************************************************************************************* FIRST/LAST + ROUNDED CORNERS__________________________________________________________________________________________________________________________________________*//* .fiT1: first top, border-top:0; + border-radius (top-left, top-right) *//* .laB1: last bottom, border-bottom:0; + border-radius (bottom-left, bottom-right) *//* .fiT2: first top, border-top:0; *//* .laB2: last bottom, border-bottom:0; *//* .fiL1: first left, border-radius (top-left, bottom-left) *//* .laR1: last right, border-radius (top-right, bottom-right) *//* .fiL2: first left, border-radius (top-left) *//* .laR2: last right, border-radius (top-right) *//* .fiL3: first left, border-left:0; *//* .laR3: last right, border-right:0; *//* .noB-T: no border top *//* .noB-B: no border bottom *//* .noB-TB: no border top + bottom *//* .noRB: no rounded border *//* .noRB-T: no rounded border top *//* .noRB-TL: no rounded border top-left */.fiT1,.fiT1 .cArea { border-top: 0 !important; /*-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px;*/}/*(1)*/.laB1,.laB1 .cArea { border-bottom: 0 !important; /*-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;*/}/*(1)*/.fiT2,.fiT2 .cArea,.noB-T td,.noB-T th { border-top: 0 !important;}/*(2)*/.laB2,.laB2 .cArea,.noB-B,.noB-B td,.noB-B th { border-bottom: 0 !important;}/*(2)*/.noB-TB td { border-top: 0 !important; border-bottom: 0 !important;}/*(2)*/.fiL1 { -moz-border-radius: 4px 0 0 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-radius: 4px 0 0 4px;}.laR1,.laR1 strong { -moz-border-radius: 0 4px 4px 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 0 4px 4px 0;}/*(3)*/.fiL2,.fiL2 a,.fiL2 strong { /*-moz-border-radius:4px 0 0 0; -webkit-border-top-left-radius:4px; border-radius:4px 0 0 0;*/}/*(4)*/.laR2,.laR2 a,.laR2 strong { /*-moz-border-radius:0 4px 0 0; -webkit-border-top-right-radius:4px; border-radius:0 4px 0 0;*/}/*(4)*/.fiL3 { border-left: 0 !important;}.laR3 { border-right: 0 !important;}.noRB { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}.noRB-T { /*-moz-border-radius:0 0 4px 4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; border-radius:0 0 4px 4px;*/}/*(5)*/.noRB-TL,.noRB-TL>.bi1 { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;}/*(6)*//* (1) no shorthand properties (if there's just one li-element) *//* (2) .noB-T td, .noB-T th, .noB-B td, .noB-B th, .noB-TB td: used for compare products table + my order pages tables (bundle products) .noB-B: used for minicart (both prices + weee) *//* (3) .laR1 strong: used for active limiter *//* (4) .fiL2 a, .fiL2 strong, .laR2 a, .laR2 strong: used for viewToggle buttons, active limiter (.act or .act2) *//* (5) .noRB-T : used for recently viewed box + new names list widget + more *//* (6) .noRB-TL: used for bx1 under tabs *//******************************************************************************************************************************************* BOX-SHADOW__________________________________________________________________________________________________________________________________________*/.multi-bx #colM,.popUp #colM,.emptyCart .bx1,.pConfigurable .shopBxT,.pConfigurable .shopBxB,.qty-disabled,.qty-disabled:hover,.search .pillR1:hover span { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}/******************************************************************************************************************************************* BROWSER FIXES__________________________________________________________________________________________________________________________________________*//* fix webkit collapsing margins */#bd,.bx2,.bd2,.ts1,.dl1,.formLi1,.main,.shopBx,.shopBxT,.shopBxB,.pView .ratings,.resp-tab-content,.slider,.carousel { -webkit-margin-bottom-collapse: separate;}/** * safari 5 flexslider fix (1) * - disable flexslider CSS transitions for safari 5 via JavaScript * - to many rendering problems (outside of flexslider) *//*.navBar {-webkit-backface-visibility:hidden;} show hd#, otherwise #hd is not visible! *//* .hdI, .slides li > h4, .slides li > div,.nav-cat-dt ul.level0, .nav-cat-dt .tags {-webkit-font-smoothing:antialiased;} fix font rendering *//* (1) don't set .slides li to -webkit-backface-visibility:hidden; (flexslider default)! */.ftT h4 { color: #316644;}.nLetter label { color: #000000; font-family: "open_sans", Arial, serif, helvetica;}.footer-cms-links { clear: both;}/* Tharuka */.THwelc { font-size: 25px; padding-bottom: 10px; color: #316644; font-family: inherit; font-weight: normal;}#tharuka .button { border: 1px solid #ccc; color: #316644; /* fallback color only for non transparent gradients */ background-color: #ddd; /* Gradient + inset-shadow */ /* Gradient + inset-shadow + box-shadow */ position: relative; display: inline-block; border: 0; white-space: nowrap; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 6px 3px 6px; margin-top: 15px;}#tharuka .button:hover { color: #316644; /* fallback color only for non transparent gradients */ background-color: #eee; /* Gradient + inset-shadow */ /* Gradient + inset-shadow + box-shadow */}#tharuka button.button:hover span span { color: #316644;}#tharuka .button>span { padding: 0 20px;}#tharuka .THang { width: auto;}#tharuka .THtext { text-align: left;}/* free shipping */td.free-shipping-info,td.free-shipping-info .price { font-size: 12px;}.cooling h3 { color: red; font-family: "open_sans", Arial, serif, helvetica; padding-top: 5px;}.cooling p { line-height: normal;}/* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */.noUi-target,.noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;}.noUi-target { position: relative; direction: ltr;}.noUi-base { width: 100%; height: 100%; position: relative;}.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0;}.noUi-handle { position: relative; z-index: 1;}.noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10;}.noUi-stacking+.noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1;}.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s;}.noUi-state-drag * { cursor: inherit !important;}/* Painting and performance; * Browsers can paint handles in their own layer. */.noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}/* Slider size and handle placement; */.noUi-horizontal { height: 28px; margin-right: 9px;}.noUi-horizontal .noUi-handle { width: 18px; height: 28px; left: -9px; top: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #d3d700; border: none;}.noUi-vertical { width: 18px;}.noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px;}/* Styling; */.noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0;}.noUi-connect { background: #8cb110; /* box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); */ -webkit-transition: background 450ms; transition: background 450ms;}.noUi-origin { border-radius: 2px;}.noUi-target { border: 1px solid #D3D3D3;}.noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;}/* Handles and cursors; */.noUi-dragable { cursor: w-resize;}.noUi-vertical .noUi-dragable { cursor: n-resize;}.noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;}.noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;}/* Handle stripes; */.noUi-handle:after { content: "||"; display: block; position: absolute; height: 14px; width: 1px; background: #b3d133; left: 4px; top: 4px; font-size: 11px; color: #4a4a4a; letter-spacing: -2px;}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px;}.noUi-vertical .noUi-handle:after { top: 17px;}.price-slider-wrapper { text-align: center; margin-bottom: 40px;}.price-slider-wrapper .a-right { float: right;}.price-slider-wrapper .a-left { float: left;}.price-slider-wrapper .a-center { text-align: center; display: none;}.price-slider-wrapper span { line-height: 35px; color: #8cb110; font-size: 12px; font-family: "open_sans", Arial, serif, helvetica; letter-spacing: 0.4px;}#colM .price-slider-wrapper { margin-top: 20px;}#colM .filterBy .m-filter-css-checkboxes a { padding-left: 35px; background-position: 15px 13px; background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/checkbox.png); background-repeat: no-repeat;}#colM .filterBy .m-filter-css-checkboxes a:hover,#colM .filterBy .m-filter-css-checkboxes a.m-checkbox-checked { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/checkbox_checked.png); background-position: 15px 13px;}#colM .m-filter-css-checkboxes,#colM .price-slider-wrapper { display: none;}/* Disabled state; */[disabled].noUi-connect,[disabled] .noUi-connect { background: #B8B8B8;}[disabled] .noUi-handle { cursor: not-allowed;}/* Magnific popup ************************************************************************************************************************/.mfp-bg,.mfp-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%;}.mfp-bg { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #f7f5f2; overflow: hidden; z-index: 502; opacity: 0.6; filter: alpha(opacity=60);}.mfp-bg.mfp-dark { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #000; opacity: 0.6; filter: alpha(opacity=60);}.mfp-wrap { z-index: 503; outline: none !important; -webkit-backface-visibility: hidden;}.mfp-container { position: absolute; left: 0; width: 100%; height: 100%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}/* center vertically (default) | inline content */.mfp-dark .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}.mfp-align-top .mfp-container:before { display: none;}/* center vertically | images */.mfp-figure:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}.mfp-figure { height: 100%; text-align: center;}img.mfp-img { padding: 25px 0; vertical-align: middle; /* no display:block; */}.mfp-content { position: relative; display: inline-block; margin: 0 auto; text-align: left; vertical-align: middle; z-index: 505;}.mfp-image-holder .mfp-content { max-width: 100%; width: 100%; height: 100%;}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto;}/* background / shadow */.mfp-figure:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}/* cursor */.mfp-zoom-out-cur { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out;}.mfp-auto-cursor .mfp-content { cursor: auto;}.mfp-ajax-cur { cursor: progress;}/* misc */.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none;}.mfp-hide { display: none !important;}/* loading states */.mfp-loading button,.mfp-loading .mfp-img,.mfp-loading .mfp-bottom-bar,.mfp-s-error .mfp-arrow,.mfp-s-error .mfp-img,.mfp-s-error .mfp-bottom-bar,.mfp-s-ready .mfp-preloader { display: none !important;}.mfp-s-error .mfp-loading .mfp-close { display: block !important;}/* preloader */.mfp-preloader { position: absolute; top: 50%; right: 8px; left: 8px; width: auto; margin-top: -1em; text-align: center; font-size: 16px; text-transform: uppercase; z-index: 506; cursor: auto;}.mfp-preloader a { color: #316644;}/* close button */button.mfp-close,button.mfp-arrow { display: block; border: 0; background: transparent; cursor: pointer; z-index: 506; -webkit-appearance: none;}.mfp-close { position: absolute; top: 0; right: 0; padding: 0 36px; color: #fff; text-align: center; line-height: 1; font-family: "Open Sans Condensed", Arial, sans-serif; font-size: 70px; font-weight: 300;}.mfp-close-btn-in .mfp-close { color: #8cb110;}.popup-close-text.mfp-close { font-weight: inherit !important; font-size: inherit !important; position: inherit !important; padding: 0 !important; float: right;}.mfp-close:hover,.mfp-close:focus { color: #222;}/* navigation buttons */.mfp-arrow { position: absolute; top: 50%; width: 90px; height: 125px; margin-top: -67px; -webkit-tap-highlight-color: transparent;}.mfp-arrow-left { left: 0;}.mfp-arrow-right { right: 0;}.mfp-arrow:before,.mfp-arrow:after { content: ""; position: absolute; top: 0; width: 0; height: 0; margin-top: 35px; border: 28px inset transparent;}.mfp-arrow-left:before { left: 0; padding-left: 10px; border-right: 24px solid #316644;}.mfp-arrow-left:after { left: 1px; padding-left: 10px; border-right: 24px solid #fff;}.mfp-arrow-right:before { right: 0; padding-right: 10px; border-left: 24px solid #316644;}.mfp-arrow-right:after { right: 1px; padding-right: 10px; border-left: 24px solid #fff;}.mfp-arrow-left:hover:before { border-right-color: #222;}.mfp-arrow-right:hover:before { border-left-color: #222;}/* image */img.mfp-img { /*display:block;*/ width: auto; max-width: 100%; height: auto; margin: 0 auto; /*padding:40px 0;*/ line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}/* bottom bar (title + counter) */.mfp-bottom-bar { position: absolute; bottom: 4px; left: 0; width: 100%; text-align: center; cursor: auto;}.mfp-counter { line-height: 18px;}/* animate overlay */.mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;}.mfp-slide-bottom.mfp-bg.mfp-ready { opacity: 0.6; filter: alpha(opacity=60);}.mfp-slide-bottom.mfp-bg.mfp-removing { opacity: 0;}/* animate content */.mfp-slide-bottom .mfp-content { opacity: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg);}.mfp-slide-bottom.mfp-ready .mfp-content { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0);}.mfp-slide-bottom.mfp-removing .mfp-content { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg);}/* terms and conditions */.agreement { position: relative; width: auto; max-width: 600px; margin: 20px auto; padding: 40px 30px 25px; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);}.mfp-close-btn-in .agreement .mfp-close { padding: 0 8px 3px; line-height: 0.7; font-size: 40px; color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #222;}/* Custom CSS *//* CSS for small screens (smartphone) ************************************************************************************************************************//* image size fix (for retina images) */.cartTable img { width: 75px;}.miniCart .pImg { width: 50px;}.giftItem .pImg { width: 115px;}.reviewDetails .pImg { width: 164px;}.compareTable img,#my-tags-table .pImg img,#wishlist-table .pImg img { width: 115px;}.pList3 .pImg { width: 50px;}/* minicart + wishlist box *//* custom category headings */.category-women .catHd { position: absolute; bottom: 49%; left: 15px; margin: 0; z-index: 1;}.category-women .catHd h1 { color: #fff;}.category-men .catHd { position: absolute; top: 40px; left: 25px; margin: 0; z-index: 1;}.category-men .catHd h1 { color: #fff;}.category-accessoires .catHd { position: absolute; top: 40px; left: 25px; margin: 0; z-index: 1;}.category-accessoires .catHd h1 { color: #fff;}/* custom block home page */.border-block { /* border: 1px solid #e0e0e0; border-width: 1px 0; */}.custom-block-1 .rowG1 { margin: 0 -10px;}.custom-block-1 .rowG1>div { padding: 0 10px;}.custom-block-1 .wsBx1c { padding-top: 20px; padding-bottom: 12px;}.custom-block-1 img { margin-bottom: 18px;}.custom-block-1 .hd4 { text-align: left;}/* lmiv */.show-lmiv-contact { cursor: pointer;}.box.lmiv_contact { padding-top: 20px;}/* cc payment */iframe#ccgateway-iframe { height: 800px;}.legal-copyright-wrap { padding: 15px 5%;}p.statt { display: block; /* height: 17px; */ text-decoration: line-through; color: #9b9b9b; margin-top: 10px; margin-bottom: 10px; font-size: 11px;}.brands .carousel .pGrid .pImg { height: 50px;}.brands .carousel .pGrid img { width: 80%;}/* Migration consent*/.migration-index-consent #bd { width: 100%; max-width: 100%; background: #ececec;}.migration-index-set-new-password #bd .bdI,.migration-index-forgot-password #bd .bdI,.migration-index-consent #bd .bdI { max-width: 990px; padding: 15px; margin: 0 auto;}.migration-index-set-new-password #bd .bdI .main,.migration-index-forgot-password #bd .bdI .main,.migration-index-consent #bd .bdI .main { padding: 50px 0; max-width: 784px; line-height: 1.5em; color: #4a4a4a; font-size: 15px;}.migration-index-consent #bd .bdI .main ul { list-style-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/check.png); padding-left: 21px;}.migration-index-consent #bd .bdI .main ul li { margin-bottom: 5px;}.migration-index-set-new-password #bd .bdI .main .form-body,.migration-index-forgot-password #bd .bdI .main .form-body { padding: 50px 0; max-width: 300px;}.migration-index-consent #bd .bdI .main .hd4 { padding: 10px 0; font-size: 30px;}.migration-index-consent #bd .bdI .main .accept-wrap { padding: 20px 0; overflow: hidden;}.migration-index-consent #bd .bdI .main .accept-wrap input { float: left; margin-top: 6px; display: none;}.migration-index-consent #bd .bdI .main .accept-wrap input+label { background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/checkbox_grey.svg) no-repeat left 6px; background-size: 20px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */}.migration-index-consent #bd .bdI .main .accept-wrap input:checked+label { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/checkbox_active.svg);}.migration-index-consent #bd .bdI .main .accept-wrap label { max-width: 94%; padding-left: 4%; line-height: 1.5em; font-size: 12px;}.migration-index-consent #bd .bdI .main .accept-wrap label a { text-decoration: underline; color: #4a4a4a;}.migration-index-set-new-password #bd .bdI .main .form-actions>*,.migration-index-consent #bd .bdI .main .form-actions>* { float: left;}.migration-index-set-new-password #bd .bdI .main .form-actions .btn2,.migration-index-forgot-password #bd .bdI .main .form-actions .btn2,.migration-index-consent #bd .bdI .main .form-actions .btn2 { padding: 0 30px; min-width: 30%; text-align: center;}.migration-index-set-new-password #bd .bdI .main .form-actions .btn2:first-child,.migration-index-forgot-password #bd .bdI .main .form-actions .btn2:first-child { margin-right: 10px;}.migration-index-consent #bd .bdI .main .oder { float: left; margin: 0 30px; padding: 8px;}.btn2.white { background: white; color: #4a4a4a;}.btn2.gray { background: #ececec; color: #4a4a4a;}.btn2.gray:hover,.btn2.white:hover { background: #b3d133; color: #4a4a4a;}.primary-color { color: #316644;}.primary-bg { background-color: #316644;}.ftI.payment-methods { padding: 35px 12px 45px; border-bottom: 1px solid #c7c7c7; letter-spacing: 0.5px; overflow: hidden;}.payment-method { float: left; width: 16.5%;}.payment-logo { width: 100px; height: 100px; margin: 5px auto; background-size: contain; background-repeat: no-repeat; background-position: center;}.payment-name { text-align: center; font-size: 10px;}.payment-method.paypal .payment-logo { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/payment/PayPal.svg.png);}.payment-method.sofort .payment-logo { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/payment/icon_sofort_klarna.png);}.payment-method.lastschrift .payment-logo { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/payment/lastschrift.svg);}.payment-method.rechnung .payment-logo { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/payment/rechnung.svg);}.payment-method.kreditkarte .payment-logo { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/payment/kreditkarte.svg);}.payment-method.vorkasse .payment-logo { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/payment/vorkasse.svg);}@media screen and (min-width: 990px) { .mfp-image-holder .mfp-content { width: 30%; min-width: 500px; margin-left: -15px; height: auto; } .custom-block-1 .rowG1 { display: flex; justify-content: space-between; } .two-block-container { display: flex; justify-content: space-between; }}/* order status widget */.orderstatus-widget{ background-color: #fdb839; color: #fff; margin-top: 5px;}.orderstatus-widget .hd2 { color: #fff;}.multi-bx .orderstatus-widget .bx1 { background-color: transparent;}.orderstatus-widget .form-box .input-box { position: relative;}.orderstatus-widget .form-box .input-text{ padding-right: 136px;}.orderstatus-widget .form-box .btn1 { position: absolute; top: 0px; right: 0px; padding: 0; line-height: 30px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; height: 30px; max-width: 136px;}.orderstatus-widget .form-box label { display:none;}.orderstatus-widget .result-container{ padding-left:0; /*float:left;*/}.orderstatus-widget .messages { padding: 0 15px;}.orderstatus-widget .messages .msg { background-color: inherit; padding: 0;}.orderstatus-widget .messages .error-msg,.orderstatus-widget .messages .success-msg,.orderstatus-widget .messages .notice-msg{ color: #808080; border:none;}.orderstatus-widget .image-box { margin-bottom: 20px; text-align: left;}.orderstatus-widget .image-box img { width: 140px; float:left; /*padding-bottom: 20px;*/ display:none;}.orderstatus-widget .deco-s{display:block;}.orderstatus-widget .deco-l{ display:none;}.orderstatus-widget .info-box { margin-bottom: 20px; clear:both; padding: 0 15px;}.orderstatus-widget .info-box ul{ line-height: 1.2; text-align: left;}.orderstatus-widget .info-box ul li { margin-top: 1em; padding-left: 30px; position: relative;}.orderstatus-widget .info-box ul li:before { /*content: '\e00b';*/ content: '✓'; font-family: "icons"; background-color: #8cb110; color: #fff; display: inline-block; width: 16px; height: 16px; border-radius: 8px; text-align: center; position: absolute; left: 8px; font-weight: bold;}@media screen and (min-width: 480px) { .orderstatus-widget .result-container .bd2 { margin-left: 175px; } .orderstatus-widget .image-box img { width: 170px; }}@media screen and (min-width: 768px) { /*.orderstatus-widget .result-container { margin-left: 255px; }*/ .orderstatus-widget .messages{ margin-left: 175px; } .orderstatus-widget .image-box img { /*width: 250px;*/ display:block; } .orderstatus-widget .info-box{ clear: none; margin-left: 175px; }}@media screen and (min-width: 970px) { .orderstatus-widget {min-height: 210px} .orderstatus-widget .input-container, .orderstatus-widget .hd2 { margin: 0 300px 20px 220px; } .orderstatus-widget img.deco-s { display: none; } .orderstatus-widget img.deco-l { display: block; position: absolute; top: 0; left: 0; width: 250px; } .orderstatus-widget .image-box { padding: 0 15px 0 0; margin-left: 255px; margin-right: 300px; position: relative; top: -25px; } .orderstatus-widget .messages{ padding: 0 15px; margin: 0; } .orderstatus-widget .info-box { width: 300px; float: right; position: absolute; right: 0; top: 32px; margin: 0; padding-left: 0; }}@media screen and (max-width: 969px) { .orderstatus-widget .bx2 { margin-bottom: 0; }}/******************************************************************************************************************************************* MEDIA QUERIES__________________________________________________________________________________________________________________________________________*/@media screen and (min-width: 600px) { /* footer ************************************************************************************************************************/ .ftT { padding: 27px 0 0 15px; } .ftT .cmsLinks { width: 50%; } .nLetter { padding: 12px 15px 0 5px; } .nLetter p { line-height: 14px; font-size: 12px; padding-top: 15px; margin-bottom: 0; } .nLetter.unsubscribe { float: none; margin: 0 auto; width: 60%; } /* dropdown-cart */ .viewCart-mb { position: relative; } .dropdown-cart { right: -120px; width: 290px; } .dropdown-cart:before { content: ""; position: absolute; left: 50%; top: -10px; width: 0; height: 0; margin-left: -10px; border-bottom: 10px solid #8cb110; border-left: 10px inset transparent; border-right: 10px inset transparent; z-index: 1; }}/* CSS for medium screens (tablet) *//* @include media-query($mq-m) { @import "https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/css/components/mq_medium"; } */@media screen and (min-width: 768px) { /** * @copyright Copyright (c) 2013 Tobias Bergmann */ /* show desktop specific elements */ .currency, .lang { display: block; } /******************************************************************************************************************************************* BASE LAYOUT __________________________________________________________________________________________________________________________________________*/ .bdI { display: table; table-layout: fixed; /*(1)*/ width: 100%; /*(2)*/ } #colM { position: relative; display: table-cell; width: 100%; vertical-align: top; z-index: 1; } #colL, #colR { display: table-cell; width: 205px; vertical-align: top; } #colL { padding: 10px 0 20px; } #colR { padding: 10px 0 20px; } /* (1) for responsive images inside table */ /* (2) setting just max-width for the display:table; element doesn't work */ /******************************************************************************************************************************************* WHITE-SPACE + HELPER CLASSES __________________________________________________________________________________________________________________________________________*/ /* white-space */ .wsBx1a { padding: 40px 50px 0; } .wsBx1b { padding: 40px 50px 0; } .wsBx1c { padding: 10px 30px 0; } .add-to-cart-popup .wsBx1c { padding: 10px 20px 0; } .wsBx1e { padding: 40px 50px 15px; } .wsHd3d { padding-bottom: 25px; } .main { padding: 40px 50px 35px; } /******************************************************************************************************************************************* BOXES __________________________________________________________________________________________________________________________________________*/ .ft1 { padding: 0 50px 15px; } .ft1v1 { padding: 30px 35px 10px; } #footer-links { clear: both; } #ft .leftcol { width: 35%; float: left; } #ft .rightcol { float: left; width: 28%; } .inline-list li { display: inline-block; padding-right: 10px; } /******************************************************************************************************************************************* HEADINGS __________________________________________________________________________________________________________________________________________*/ .hd1 { padding: 40px 50px 0; } .hd9 { padding: 35px 50px 0; } /******************************************************************************************************************************************* IMAGES (product image, category image, banner, callout) __________________________________________________________________________________________________________________________________________*/ .catImgWrap { margin: 40px auto 0; float: none; text-align: center; } /******************************************************************************************************************************************* SLIDER / CAROUSEL __________________________________________________________________________________________________________________________________________*/ /* slider homepage */ .slider-home { margin: 0; } .slider-wrapper { float: right; width: 700px; } /* <p>{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="150"}}</p> */ /* Category List */ .category-list { float: left; height: 377px; background-color: #b3d133; } .category-list li { width: 100%; height: 46px; float: none; } .category-list .nav-cat-dt .topLvl span { padding: 0; } .category-list .nav-cat-dt .topLvl { background: none; color: #316644; text-shadow: none; font-size: 14px; border: none; } .catlist-h4 { font-size: 16px; display: block; font-family: "open_sans", Arial, serif, helvetica; color: #316644; text-transform: uppercase; } .nav-cat-dt span { margin: 0; } .slider-home { /* height: 698px; */ height: auto; overflow: hidden; } .slider-home .caption2, .slider-home .caption1, .slider-home .caption3 { font-size: 27px; width: 40%; } /******************************************************************************************************************************************* TABS + ACCORDIONS + DROPDOWN-MENU __________________________________________________________________________________________________________________________________________*/ .tabs { padding-left: 20px; } .sitemapTabs { margin: 0 0 30px -20px; } .dropdown.orderTabs { margin: 0 50px; } .rpTabs { margin: 0 50px 0 30px; } #colL .nav-account { display: block !important; } /******************************************************************************************************************************************* TABLES __________________________________________________________________________________________________________________________________________*/ .cartTable .td-label, .cartTable .td-actions, .cartTable .pInfo { display: none; } /******************************************************************************************************************************************* LINKS __________________________________________________________________________________________________________________________________________*/ .lnk-compare { display: block; } /******************************************************************************************************************************************* BUTTONS __________________________________________________________________________________________________________________________________________*/ /* compare button */ #colL .compare { display: block; padding: 0 20px 45px 15px; } #colL .btn-compare { width: 100%; } .checkout-cart-index .compare, .mac .compare, .checkout-onepage-index .compare { display: none; } /* hide on cart + checkout */ /******************************************************************************************************************************************* VIEW TOGGLE + PAGER + LIMITER (used at my orders page) __________________________________________________________________________________________________________________________________________*/ .viewToggle { border-top: none; border-bottom: 1px solid #979797; /* text-align:center; */ } .viewToggle .dropdown-toggle { display: inline-block; border: 0; } .viewToggle .viewAs { float: left; display: block; margin-left: -13px; } .viewToggle .sortBy { float: left; width: auto; display: inline-block; vertical-align: top; } .viewToggle .showPP { width: auto; margin-right: -14px; } .viewToggle .cur-cat-info { width: auto; float: left; } /******************************************************************************************************************************************* PRODUCT LISTINGS + LAYERED NAV __________________________________________________________________________________________________________________________________________*/ .catalog-category-view .main, .tag-product-list .main, .catalogsearch-result-index .main, .catalogsearch-advanced-result .main { padding: 30px 30px 0; } /* product grid */ .pGrid .item { width: 33.3333%; } /* product list */ .pList { margin-top: -25px; } .pList .item { padding: 25px 0 25px 0; cursor: default; } .pList .shortDescr { display: block; } /* layered nav */ #colL .filterBy ul { margin: 6px 0 20px; line-height: 16px; font-size: 14px; } #colL .filterBy ul.laB2 { margin-bottom: 0; } #colL .filterBy a { display: block; padding: 2px 0px 5px; color: #316644; text-decoration: none; } .m-filter-slider, .m-slider-values { width: 170px; margin-left: 15px; } #colL .filterBy .m-filter-css-checkboxes a { padding-left: 27px; line-height: 21px; background-position: 0px 6px; } #colL .filterBy .m-filter-css-checkboxes a:hover { text-decoration: none; } #colL .filterBy a:hover { text-decoration: underline; } #colL .lnk-removeAll { display: block; font-weight: normal; font-family: "open_sans", Arial, serif, helvetica; padding-top: 15px; font-size: 12px; text-transform: none; text-decoration: underline; } #colL .filterBy .m-filter-css-checkboxes a:hover, #colL .filterBy .m-filter-css-checkboxes a.m-checkbox-checked { background-image: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/checkbox_checked.png); } #colL .filterBy .empty { display: block; padding: 3px 5px 3px 15px; color: #539f24; text-decoration: none; } #colL .filterBy .qty { color: #316644; } .m-filter-css-checkboxes { margin-bottom: 35px; } #colL .hd5 { color: #4a4a4a; margin: 15px 0; font-size: 15px; font-family: "open_sans", Arial, serif, helvetica; padding: 0; text-transform: uppercase; letter-spacing: 0.7px; height: auto; } #colL .subtheme-info { margin-bottom: -15px; } #colL .subtheme-info .hd5 { padding: 8px 0 8px; } #colL .subtheme-info .hd4.cat-name { padding: 5px 0; } #colL .subtheme-info .show-all-cats { font-size: 14px; padding: 5px 0; } #colL .hd4.cat-name { background: none; padding: 5px 15px; margin: 0; } #colL .show-all-cats { padding: 5px 0; font-size: 12px; text-transform: none; } #colL p { padding: 5px 15px; } #colL .category-desc p { font-size: 12px; line-height: 14px; } /* category list image */ .s-cats-blocks li { width: 32%; float: left; /* padding-top: 15px; */ padding-bottom: 20px; margin-bottom: 0; } .s-cats-blocks li:nth-child(3n) { margin-right: 0; } .category-markenshops .s-cats-blocks .image-wrapper img { width: 80%; } /******************************************************************************************************************************************* PRODUCT DETAIL PAGE __________________________________________________________________________________________________________________________________________*/ .pView .bd1>.colL { float: left; width: 370px; /*(1)*/ margin-right: -370px; padding: 30px 30px 35px; } .pView .bd1>.colR { /*float:left;*/ overflow: hidden; /*(2)*/ margin-left: 370px; padding: 0 30px 0; /* @include border($product-view-col-right-border...); */ } .pView .pWarnings { margin: 30px 0; } .pView .resp-tabs { padding: 0 15px; } .pView .resp-accordion { margin: 0 -15px; padding: 0 15px; border-left: 0; } .resp-tab-content { padding: 15px 0 0; } /* shop-box */ .shopBxT, .shopBxB, .pConfigurable .shopBx { margin: 0 -30px; padding: 22px 30px 0; } /* (1) a fixed width is important for the more-views to display, otherwise after first page load the carousel items are hidden. width:0; is set as inline style */ /* (2) overflow:hidden; instead float:left; otherwise the column is not stretched over the entire width (if there is less content) */ /******************************************************************************************************************************************* CHECKOUT PROCESS __________________________________________________________________________________________________________________________________________*/ /* mac */ .macBx { display: table; table-layout: fixed; width: 100%; } .macBx>.colL { display: table-cell; width: 33.3333%; vertical-align: top; } .macBx>.colR { display: table-cell; width: 66.6666%; vertical-align: top; } .mac .tTip2 { top: 40%; left: 0; right: auto; width: 40%; } .macBx>.colL, .macBx .wsBx1b, .macShipping .hd3, .macShipping .wsHd3b, .macBx2 .wsBx1b { padding-left: 35px; padding-right: 35px; } .macShipping { margin: 0 -35px; } /* gift options */ .giftItem .colL { float: left; width: 117px; margin-right: -117px; margin-bottom: 0; padding-top: 21px; } .giftItem .colR { float: right; width: 100%; } .giftItem .colRi { margin-left: 137px; } .giftItem .pImg { float: left; } /* misc */ .opc .w50-auto { width: 50%; } /*(1)*/ .order-info .w33 { width: 33.3333%; float: left; } /* (1) w50-auto: dual classname, value depends on parent selector, used for payment method form width */ /******************************************************************************************************************************************* MISC PAGES __________________________________________________________________________________________________________________________________________*/ /* cms pages */ .cms-page-view #colL { padding-top: 51px; } #colL .cmsLinks { margin-bottom: 25px; } #colL .cmsLinks:last-child { margin-bottom: 15px; } #colL .cmsLinks h3 { padding: 7px 20px 7px 15px; color: #222; line-height: 1; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; text-transform: none; } #colL .cmsLinks a { display: block; padding: 5px 20px 5px 15px; line-height: 16px; font-size: 12px; border-bottom: 1px dotted #e2e0c1; color: #539f24; text-decoration: none; } #colL .cmsLinks a:hover { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; text-shadow: none; text-decoration: none; } /* login page */ .customer-account-login .w50 { float: left; width: 50%; } .customer-account-login .main .bx1 { min-height: 450px; } .newUser .bd2, .regUser .bd2 { min-height: 237px; } /* order print pages */ .printPage { background: #fff; overflow-x: visible; } .printPage #page { width: 990px; margin: 0 auto; padding: 34px 15px 35px; background: #fff; } .printPage #hd { margin-bottom: 40px; overflow: hidden; } .printPage #colM { display: block; } .printPage #colM, .printPage #ft { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .printPage .main { padding: 0; } .printPage .sender { margin: 0 0 0 15px; padding: 41px 0 0 15px; border-left: 1px solid #ddd; line-height: 1; } .printPage h1 { margin-bottom: 6px; color: #222; font-size: 20px; } .printPage h3 { margin-bottom: 10px; color: #222; text-transform: uppercase; } .printPage p { margin-bottom: 18px; } .printPage .pmTitle { margin-bottom: 0; } .printPage .pmDetail, .printPage .lnk-giftMsg { display: none; } /******************************************************************************************************************************************* SIDEBAR BOXES __________________________________________________________________________________________________________________________________________*/ /* minicart */ .miniCart .hd4 .qty { display: none; } .miniCart .hd5 { margin-top: 0; padding-top: 18px !important; padding-bottom: 16px !important; } .miniCart .small { font-size: 12px; font-weight: normal; } .miniCart .actions { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .miniCart .actions li { padding: 11px 20px 11px 15px; border-top: 1px solid; border-bottom: 1px solid; border-color: #cafee7 transparent #b0e6ce transparent; color: #222; line-height: 15px; } .miniCart .paypal { margin-top: 15px; } .miniCart .bml-checkout-type { margin-top: 6px; } .miniCart .qty { padding-right: 5px; } .miniCart .tTipShow { top: 29px; } #colR .miniCart .actions li { padding: 11px 15px 11px 20px; } #colR .miniCart .tTipShow { left: -250px; } #colR .miniCart .tTip1 .ico { left: auto; right: -9px; border-right: 0; border-left: 9px solid #222; border-top: 8px inset transparent; border-bottom: 8px inset transparent; } .dropdown-cart .linkLi1 { width: 100%; } /* product listing for minicart + wishlist box */ .pList3 .cArea { padding: 39px 20px 12px 15px !important; } #colR .pList3 .cArea { padding: 39px 15px 12px 20px !important; } .pList3 .actionBx { margin-top: -40px; } .pList3 .pInfo { margin-left: 60px; font-size: 12px; } .pList3 .pName { margin-bottom: 10px; } .pList3 .pName a { border-bottom: 1px dotted #316644; font-weight: bold; } .pList .pInfo { width: 30%; } /* wishlist box */ .wishlistBx .hd4 small { display: none; } /* compare box */ .compareBx .hd4 .qty { display: none; } .compareBx .btn2-remove { float: right; margin: 6px 20px -1px 0; } .compareBx .cArea { position: static; /*(1)*/ padding-right: 44px !important; } #colR .compareBx .btn2-remove { margin-right: 15px; } /* reorder box */ .reorderBx a:hover { color: #222; } .reorderBx .adviceBx2 { top: 0; } .reorderBx .validation-advice { padding-left: 15px; padding-right: 20px; } #colR .reorderBx .validation-advice { padding-left: 20px; padding-right: 15px; } /* login box + orders and returns widget */ .loginBx .bd1, .orderBx .bd1 { padding-bottom: 10px; border: 1px solid #dbdbdb; background: #e5e5e5; } /* my account navigation */ #colL .nav-account { margin-top: 43px; } #colL .nav-account ul { border-top: 1px dotted #e2e0c1; border-bottom: 1px dotted #e2e0c1; } #colL .nav-account li { border-bottom: 1px dotted #e2e0c1; } #colL .nav-account a { display: block; padding: 10px 20px 10px 15px; line-height: 15px; color: #888; text-shadow: none; text-decoration: none; } #colL .nav-account a:hover { color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; text-shadow: none; text-decoration: none; } #colL .nav-account .acc-title h3 { padding: 33px 20px 17px 5px; font-family: "open_sans", Arial, serif, helvetica; color: #8cb110; } #colL .nav-account .act { position: relative; margin-top: -1px; border-bottom: 0; z-index: 2; -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15); } #colL .nav-account .laB2.act { margin-bottom: -1px; } #colL .nav-account .act a { margin-right: -6px; padding-top: 13px; padding-bottom: 13px; color: #222; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; font-weight: bold; } /* (1) overwrite position:relative; from .linkLi1 .cArea, otherwise the actionBx is not visible */ .featuredBx.single { margin-bottom: 30px; } .featuredBx.single .pName { padding-right: 150px; } .featuredBx.single .savings-label { position: absolute; right: 0; top: 0; display: none; }}/* CSS for large screens (desktop) *//* @include media-query($mq-l) { @import "https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/css/components/mq_large"; } */@media screen and (min-width: 1004px) { /** * @copyright Copyright (c) 2013 Tobias Bergmann */ /* hide mobile specific elements */ .nav-mobile, #hd .nav-account { display: none; } /* show desktop specific elements */ .topBar, .nav-top, .no-touch .viewCart-dt, .ftLinks, .bCrumbs, .macProg, .reviews .btnLi1, .sales-order-history .showPP, .review-customer-index .showPP, .downloadable-customer-products .showPP { display: block; } .homepage-teaser { width: 100%; /* margin would be 60px but it is taking into account the height of the p that is 8px */ margin-bottom: 52px; float: left; color: #316644; } .homepage-teaser .teaser { float: left; width: 32%; margin-right: 19px; /* margin-right: 2%; */ } .homepage-teaser .teaser picture img { min-width: 308px; } .homepage-teaser .first {} .homepage-teaser .last { margin-right: 0 } /******************************************************************************************************************************************* BASE LAYOUT __________________________________________________________________________________________________________________________________________*/ #bd, .hdI, .ftI, .cft .copyright, .navBarI, .noticeI, .topBarI, .bCrumbsI, .nav-cat-dt ul.level0, .popTags .tags, .compareI, .messages { max-width: 960px; margin-left: auto; margin-right: auto; } #bd { margin-bottom: 0; margin-top: 10px; } .multi-bx #bd { margin-bottom: -10px; } #hd { margin: 0 0 0; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; } #ft { clear: both; } .bx { clear: both; background-color: #f5f5f5; margin: 0 -100%; } .bx .bx1 { width: 990px; margin: 0 auto; background-color: #f5f5f5; } .ftI, copyright { padding: 35px 0; } .copyright .w33 { padding-left: 20px; padding-right: 20px; } .copyright .w33:last-child { padding-right: 0; } .copyright .w33:first-child { padding-left: 0; } .no-touch #hd { background: #fff; } .no-touch .hdI { padding-top: 37px; padding-bottom: 45px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* white box */ #colM, .multi-bx .bx1, .emptyCart { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bx1.custom-block-1 { width: 990px; margin: 0 auto; } /* pages with centered white box */ .center-bx #colM { display: block; width: 100%; /* width:$center-box-width; */ margin: 0 auto; } /******************************************************************************************************************************************* GRID CLASSES __________________________________________________________________________________________________________________________________________*/ /* grid-rows */ .rowG1 { margin: 0 -30px; } .rowG2 { margin: 0 -7px; } /* grid whitespace */ .wsG1 { padding: 0 30px; } .wsG2 { margin: 0 7px; } /* width (1) */ .w20, .w25, .w33, .w40, .w50, .w60, .w66, .w75 { float: left; } .w20 { width: 20%; } .w25 { width: 25%; } .w33 { width: 33.3333%; } .w40 { width: 40%; } .w50 { width: 50%; } .w50 .padding15 { padding: 15px; } .w60 { width: 60%; } .w66 { width: 66.6666%; } .w75 { width: 75%; } .w100 { width: 100%; } .wFull .w50, .wFull .w33 { float: none; width: 100%; } /*(2)*/ /* .rowG1: wrap for multiple columns with the .wsG1 class */ /* .rowG2: wrap for multiple columns with the .wsG2 class (input-fields) */ /* .wsG1: for grid-elements, spacing between columns */ /* .wsG2: for grid-elements, spacing between input-fields */ /* (1) mainly used for grid-elements */ /* (2) overwrite width of descendant elements */ /******************************************************************************************************************************************* WHITE-SPACE + HELPER CLASSES __________________________________________________________________________________________________________________________________________*/ .wsBx1a { padding: 40px 50px 0; } .wsBx1b { padding: 40px 50px 0; } .wsBx1e { padding: 40px 50px 15px; } .wsBtnA { margin: -2px 0 0 15px; } .msg { margin-bottom: 20px; } .main { padding: 40px 50px 35px; } /* .wsBtnA: for buttons beside input-fields, used on billing agreements page + for "add tags" button (product view page) */ /******************************************************************************************************************************************* BOXES __________________________________________________________________________________________________________________________________________*/ .ft1, .ft2 { text-align: right; } .ft1 { padding: 0 50px 45px; } .ft1v1 { padding: 30px 35px 32px; } .ft1, .ft1 .w33, #review-buttons-container { display: block; } .ft1 .btn1, .ft1 .btn2, .ft2 .btn1, .ft2 .btn2 { width: auto; margin: 0 0 0 10px; } /*(1)*/ .ft1 a.flL, .ft1 button.flL, .ft2 a.flL, .ft2 button.flL { margin: 0 10px 0 0; } /*(2)*/ /* (1) margin-left for right-aligned buttons inside footer */ /* (2) margin-right for left-aligned buttons inside footer */ /******************************************************************************************************************************************* HEADINGS __________________________________________________________________________________________________________________________________________*/ .hd1 { padding: 40px 50px 0; } /******************************************************************************************************************************************* SLIDER / CAROUSEL __________________________________________________________________________________________________________________________________________*/ /* carousel more views */ .moreViews:hover .flex-prev, .moreViews:hover .flex-next { opacity: 1; } /* carousel widgets (new etc.) */ .carousel .flex-control-nav { display: none; } .carousel .flex-direction-nav { display: block; /* top: 50%; */ top: 25%; position: absolute; left: -15px; width: 103%; } .carousel .flex-direction-nav li a {} .slider-home .slides li { overflow: hidden; } .slider-home { height: 402px; } .category-list { width: 260px; height: 402px; padding: 15px 0 0 30px; margin-bottom: 0; } .catlist-h4 { margin-bottom: 10px; } .slider-home .caption1 { font-size: 32px; width: 370px; } .slider-home .caption2 { font-size: 32px; width: 370px; } .slider-home .caption3 { font-size: 32px; width: 370px; } /******************************************************************************************************************************************* TABS + ACCORDIONS + DROPDOWN-MENU __________________________________________________________________________________________________________________________________________*/ /* convert accordion to tabs */ .resp-tabs-list { display: block; } .resp-tabs-list li { padding: 0; margin-right: 50px; float: left; } li.resp-tab-active, .resp-tabs-list li:hover { text-decoration: none; border-bottom: 2px solid #8cb110; color: #8cb110; width: fit-content; } h2.resp-accordion { display: none; } .resp-tab-content-active { display: block; } .orderTabs .dropdown-toggle { display: none; } .dropdown.orderTabs { margin: 0; } .orderTabs .tabs { margin: 0 50px 0 30px; } /******************************************************************************************************************************************* TABLES __________________________________________________________________________________________________________________________________________*/ .updRow .btn2 { width: auto; margin: 0 0 0 10px; } /******************************************************************************************************************************************* FORM ELEMENTS __________________________________________________________________________________________________________________________________________*/ /* date picker */ .datePickerJs { width: 30%; } /******************************************************************************************************************************************* BUTTONS __________________________________________________________________________________________________________________________________________*/ /* show icons on large screens */ .btn1-cont .ico, .btn2-back .ico, .btn1-add .ico, .btn2-add .ico, .btn1-remove .ico { display: inline-block; } /* compare button */ .compare { display: block; position: fixed; bottom: 0; width: 100%; border-bottom: 1px solid #222; text-align: right; z-index: 10; } .btn-compare span { line-height: 32px; } .btn-compare { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /******************************************************************************************************************************************* PRICES AND TAXES __________________________________________________________________________________________________________________________________________*/ .mac .grandTotal { margin: 0 15px 0 0; } /******************************************************************************************************************************************* MESSAGES / NOTICES __________________________________________________________________________________________________________________________________________*/ .messages { margin-top: 15px; padding: 0 15px; } /******************************************************************************************************************************************* BREADCRUMBS __________________________________________________________________________________________________________________________________________*/ .bCrumbs { margin: 20px 0 0; } .bCrumbs ul { margin: 0; padding: 0 0; /* @include background($breadcrumbs-bg); */ } .bCrumbs li { display: inline-block; line-height: 26px; font-size: 10px; } .bCrumbs li:after { content: " / "; } .bCrumbs .la:after { content: none; } .bCrumbs a { display: inline-block; padding: 0 3px; color: #888; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-decoration: transparent; } .bCrumbs a:hover { color: #666; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-decoration: #fff; } .bCrumbs strong { padding: 0 3px; color: #888; text-decoration: #fff; } .bCrumbs .home a { padding-left: 0; } .bCrumbs li.back-link::after, .bCrumbs li.info::after { content: ""; } .bCrumbs li.back-link::before { content: "< "; } .bCrumbs li.back-link { padding-right: 20px; } .bCrumbs li.back-link a { color: #316644; cursor: pointer; } /******************************************************************************************************************************************* VIEW TOGGLE + PAGER + LIMITER (used at my orders page) __________________________________________________________________________________________________________________________________________*/ .viewToggle .dropdown-toggle .label { display: inline; } .pager .shownQtyL { text-align: left; } .pages { float: right; margin-bottom: 0; padding-left: 3px; display: flex; justify-content: flex-start; align-items: center; } .pages li { display: block; float: left; width: auto !important; margin-left: 5px; } .pages .text { display: none; } /******************************************************************************************************************************************* HEADER __________________________________________________________________________________________________________________________________________*/ .no-touch .logo { width: 372px; height: 58px; /* margin-right: 35px; */ /* background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/logo_desktop@2x.png) 0 0 no-repeat; */ background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/pharmeo_logo.png) 0 0 no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .topBar { position: relative; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/header-bg.jpg); z-index: 41; } .welcome { float: left; padding: 6px 15px; color: #316644; font-size: 12px; text-transform: uppercase; } .welcome li { float: left; margin: 0 12px 0 0; text-transform: none; background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/icon_arrow.png) no-repeat 0 45%; padding-left: 16px; text-shadow: 0 1px rgba(0, 0, 0, 0.8); letter-spacing: 0.03em; } .welcome a { color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: 0 1px rgba(0, 0, 0, 0.8); text-decoration: #fff; } .welcome a:hover { color: #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-decoration: underline; } .headerpromo { clear: both; text-align: right; margin-bottom: -12px; position: relative; top: -12px; border: none; } .headerpromo p span { display: inline; } .headerpromo p { float: none; } .nav-top { float: right; margin-top: -10px; } .nav-top .ico { color: #fff; background: #8cb110; border-radius: 25px; } .topLinks { float: left; } .topLinks li { float: left; padding: 0 10px; } .topLinks a, a.viewCart, .nav-top .linkish{ display: block; width: 74px; font-family: "open_sans", Arial, serif, helvetica; font-size: 10px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #666666; padding-bottom: 5px; } .topLinks a:hover, a.viewCart:hover, .nav-top .linkish:hover { color: #8cb110; } .topLinks a .ico, .viewCart-dt .viewCart .ico { color: #ffffff; } .viewCart-dt, .topLinks>li { padding: 15px 14px 0 40px; height: 80px; } .topLinks>li { padding: 15px 14px 0 40px; position: relative; } .topLinks .subLinks li, .subLinks li { float: none; padding: 0; width: 103px; font-family: "open_sans", Arial, serif, helvetica; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #4a4a4a; } .viewCart-dt .empty { float: none; /* padding: 0; */ width: 114px; font-family: "open_sans", Arial, serif, helvetica; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #4a4a4a; } .viewCart-dt .dropdown-cart .empty{ width:auto; } .topLinks .subLinks a, .subLinks a { padding: 0; font-family: "open_sans", Arial, serif, helvetica; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #4a4a4a; } /* dropdown-cart */ .viewCart-dt { position: relative; float: right; } .viewCart-dt .viewCart b { display: inline-block; } .viewCart-dt .viewCart .label { /* display:none; */ } .viewCart-dt .viewCart .ico { position: absolute; top: 8px; left: 0; } .viewCart-dt .viewCart .ico:before { position: relative; margin: 8px 4px; content: "\e904"; font-size: 12px; font-weight: 600; } .viewCart-dt .viewCart .qty, .topLinks .qty { background: #b3d233; position: absolute; top: 0px; left: 20px; min-width: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; color: #4a4a4a; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); width: auto; line-height: 22px; font-size: 12px; height: 20px; text-align: center; font-family: "open_sans", Arial, serif, helvetica; } .topLinks .qty { background: rgba(255, 255, 255, 0.52); color: #50a31f; } .topLinks .ico, .viewCart-dt .viewCart .ico { position: absolute; top: 10px; left: 8px; height: 24px; width: 24px; } .topLinks .account .ico:before { content: "\e905"; position: relative; margin: 0 8px; top: 5px; font-size: 12px; font-family: "icons"; } .topLinks .wishlist .ico:before { content: "\e903"; position: relative; margin: 0 9px; top: 6px; font-size: 12px; font-family: "icons"; } .topLinks .ico:hover, .viewCart-dt .viewCart .ico:hover { color: #316644; } .dropdown-cart { right: 0; margin-top: 12px; top: 65px; } .dropdown-cart:before { left: auto; right: 90px; } .dropdown-cart .linkLi1 { max-height: 400px; overflow-x: auto; } /* language + currency switcher */ .no-touch .locale { padding-top: 6px; } .no-touch .locale .dropdown-toggle { color: #316644; } .no-touch .locale .dropdown-toggle>span:after { color: #bfbfbf !important; } .no-touch .locale .dropdown-toggle:hover { color: #666; } /* header for touch-devices (see other references of .touch / .no-touch in this document) */ .touch .topBarI, .touch .hdI, .touch .navBarI { max-width: none; padding: 0; } .touch .nav-top, .touch .toggle-target-g1 { display: none; } .touch .nav-mobile { display: block; } .touch .navBarI { text-align: left; } /******************************************************************************************************************************************* NAV-BAR __________________________________________________________________________________________________________________________________________*/ .no-touch .navBar { position: relative; clear: both; } .no-touch .navBarI { text-align: right; } /*.no-touch .navBar.fixed {position:fixed; top:0; width:100%; z-index:1000;}*/ /* all levels */ .nav-cat-dt { float: left; text-align: left; } .nav-cat-dt a { display: block; } .nav-cat-dt span { display: block; margin: 0; white-space: nowrap; } .nav-cat-dt li.level0:first-child { padding-right: 18px; } .nav-cat-dt li.level0:not(:first-child) { padding: 0 18px; } .header .navBar .nav-cat-dt span { padding: 0; margin: 0; } .header .navBar .nav-cat-dt li:first-child span { padding: 0; margin-left: 0; } .nav-cat-dt li span { margin-left: 0; } .nav-cat-dt .snd { margin-left: 10px; } /* show submenu */ .nav-cat-dt .sub { position: relative; } .nav-cat-dt>.hover>.sub { position: absolute; top: 40px; } /* 1st level */ .nav-cat-dt li.level0 { float: left; } .nav-cat-dt .topLvl { padding-top: 5px; font-family: "open_sans", Arial, serif, helvetica; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #1a1919; } .nav-cat-dt .parent .topLvl span:after { content: "\e002"; margin: 15px 0 0 12px; color: #e5e5e5; font-size: 12px; text-shadow: none; } .nav-cat-dt .topLvl, .nav-cat-dt .parent .topLvl { border-bottom: 2px solid transparent; padding-bottom: 2px; } .nav-cat-dt .nav-1:hover .topLvl, .nav-cat-dt .topLvl.active, .nav-cat-dt .parent:hover .topLvl { text-decoration: none; border-bottom: 2px solid #8cb110; color: #8cb110; width: fit-content; padding-bottom: 2px; } .header .navBar .nav-cat-dt span:hover {} .nav-cat-dt .active .topLvl { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: rgba(0, 0, 0, 0.4) !important; } /* 2nd level */ .nav-cat-dt>li>.sub { position: absolute; top: -50000px; right: 0; left: 0; padding: 30px 0 10px; border-bottom: 1px dotted #316644; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif); -webkit-box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.2); } .nav-cat-dt li.level1 { display: inline-block; width: 160px; min-height: 78px; margin-bottom: 25px; border-left: 1px dotted #8cc6ad; vertical-align: top; } .nav-cat-dt .level1 a { margin-bottom: 4px; line-height: 18px; font-weight: bold; color: #222; } .nav-cat-dt .level1 a:hover { color: #316644; } .nav-cat-dt .level1 span { margin: 0 14px; } /* 3rd level+ */ .nav-cat-dt .level2 a { margin-bottom: 0; line-height: 18px; font-size: 11px; font-weight: normal; color: #666; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-shadow: #fff; text-decoration: none; } .nav-cat-dt .level2 a:hover { color: #fff; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; text-shadow: #fff; text-decoration: #fff; } /* shop by tag */ .popTags .tags { text-align: center; } .popTags .ft { margin: 15px 0; } .popTags .tagLi1 { padding: 0 15px; } .nav-cat .viewAllTags { display: inline-block; } .viewAllTags span { margin: 0 !important; } /* search */ .no-touch .search { /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ width: 285px; float: right; height: 30px; border-radius: 15px; background-color: #ececec; /* z-index: 99999999; */ position: relative; } .no-touch .search .txtIn { width: 95%; height: 29px; background: none; font-family: "open_sans", Arial, serif, helvetica; font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #4a4a4a; } .no-touch .search .txtIn:focus { border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .no-touch .search .pillR1 span { line-height: 29px; } .no-touch .search .pillR1 span:before { top: 9px; left: 17px; } .search { clear: none; } /******************************************************************************************************************************************* FOOTER __________________________________________________________________________________________________________________________________________*/ .ftT { padding: 0; } .ftT .cmsLinks { float: left; width: 15%; margin-right: 7%; } .ftT .cmsLinks h3 { padding: 0 0 5px; text-transform: uppercase; } .ftT .cmsLinks a { display: block; line-height: 24px; border-top: 1px dotted #bbbbbb; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-decoration: none; } .ftT .cmsLinks a:hover { color: #4a4a4a; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; text-shadow: #fff; text-decoration: #fff; } .nLetter { float: right; width: 300px; } .nLetter.unsubscribe { float: none; margin: 0 auto; width: 500px; } .ftB { padding: 9px 0; border-top: 1px dotted #bbbbbb; border-bottom: 1px dotted #bbbbbb; clear: both; } .ftLinks { display: inline-block; clear: both; } .ftLinks li { display: inline-block; margin-right: -3px; } .ftLinks a { margin: 0; padding: 0 8px; border-left: 1px solid #bbbbbb; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: transparent; text-decoration: none; } .ftLinks a:hover { color: #4a4a4a; /* check for type_of to exclude strings like "#aff8d8 url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/bg_stripe_pattern.gif)" */ /* but allow the strings "transparent" and "none" to overwrite backgrounds with -pie-background:none; */ background: #fff; text-shadow: #fff; text-decoration: #fff; } .copr { float: left; padding-right: 10px; } .ftBlock { width: 30%; } .tpl-social-footer a.footer-fb-link { float: right; } /******************************************************************************************************************************************* PRODUCT LISTINGS + LAYERED NAV __________________________________________________________________________________________________________________________________________*/ .catalog-category-view .main, .tag-product-list .main, .catalogsearch-result-index .main, .catalogsearch-advanced-result .main, .aponeo-manufacturer-index-view .main { padding: 30px 0 0 30px; } .catalog-category-view.category-kategorien .main, .catalog-category-view.category-themenshops .main, .catalog-category-view.category-markenshops .main { padding: 30px 0 0; } /* product grid */ .pGrid .item { width: 25%; } .add-to-cart-popup .pGrid .item { width: 30.33%; } /* .pGrid .btn1>span { padding: 0 15px; } */ .pGrid .btn1-atc .ico:before { margin-right: 2px; } .carousel .pGrid .pImg { height: 200px; } #colL .hd4 h1 { font-size: 25px; line-height: 1.2em; } .s-cats-blocks { margin-bottom: 40px; } .pList .pInfo { width: 305px; } /******************************************************************************************************************************************* PRODUCT DETAIL PAGE __________________________________________________________________________________________________________________________________________*/ .pView .bd1>.colL { padding: 30px 30px 35px; } .pView .bd1>.colR { padding: 0 30px 0; } /* shop-box */ .shopBxT, .shopBxB, .pConfigurable .shopBx { margin: 0 -30px; padding: 22px 30px 0; } /* tabs */ .pView .resp-tabs { padding: 0; } .pView .resp-tabs-list { margin: 20px 0 0; } .resp-tab-content { width: 67%; } .resp-tab-content .bx2 { margin-bottom: 30px; } .reviewForm .bx2, #product-attribute-specs-table { margin-bottom: 45px; } .tagsBx .input-box { float: left; width: 50%; } .tagsBx .btn2-add { width: auto; } /* reviews limiter */ .reviews .btnLi1 { position: absolute; right: 0; bottom: -5px; z-index: 1; } .reviews .btnLi1 li { line-height: 25px; } .reviews .btnLi1 a { padding-top: 6px; } .reviews .btnLi1 .act2 { display: block; padding: 6px 9px 0; border-bottom: 1px solid #222; color: #222; } .mfp-close { font-size: 30px; padding: 20px; } body .mfp-image-holder .mfp-content { position: absolute; top: 50%; left: 50%; margin-top: -260px; margin-left: -250px; height: 525px; } /******************************************************************************************************************************************* CHECKOUT PROCESS __________________________________________________________________________________________________________________________________________*/ /* one page checkout (opc) */ .step-title { padding-right: 50px; padding-left: 26px; } .act .step-title, .act .step-title:hover { margin-left: -5px; padding-left: 31px; } .opc .tTip2 { left: auto; right: -115px; } /* opc checkout method step */ .opc-newUser .wsBx2b { min-height: 238px; /* overflow:hidden; */ /*(1)*/ } .opc-newUser .wsBx2a, .opc-regUser .wsBx2a { min-height: 238px; overflow: hidden; /*(1)*/ } /* opc review step */ .back-to-cart { float: left; } /* mac */ .macProg .act { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .macBx2 .formLi1 { margin-bottom: 45px; } #discount-coupon-form-checkout { margin-bottom: -21px; margin-top: 30px; width: 60%; } #discount-coupon-form-checkout .input-box { margin-right: 10px; } #discount-coupon-form-checkout .messages { margin-bottom: -30px; } /* (1) overflow:hidden; for webkit only. otherwise the box becomes higher than the min-height, if there is a child-element with margin-bottom */ /******************************************************************************************************************************************* MISC PAGES __________________________________________________________________________________________________________________________________________*/ /* cms pages */ .cms-page-view #colL { padding-top: 51px; } /* review details page */ .reviewDetails .colL { float: left; width: 250px; margin-right: -250px; } .reviewDetails .colR { float: right; width: 100%; } .reviewDetails .colRi { margin-left: 290px; } /* shopping cart */ .discount { min-height: 218px; } .bx1.discount .wsBx2c { padding-top: 0; } .cartTable .pGrid .item .lnk-wishlist { display: block; } /* login page */ .customer-account-login #bd { margin-bottom: 0; } .customer-account-login .main .bx1 { min-height: 0; } .customer-account-login .rowG1 { margin: 0 -10px; } .customer-account-login .wsG1 { padding: 0 10px; } .customer-account-login .wsBx1b { padding: 40px 50px 0; } /* my account */ .my-account { min-height: 550px; } #my-orders-table td strong { display: block; min-width: 100px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* billing agreements */ .newBA, .newBA .select-box { width: 66%; } .newBA .select-box { float: left; } .newBA .btn1 { width: auto; } /* my wishlist */ #wishlist-table .qty { margin: 0 0 12px 0; } #wishlist-table td .alC .btn2-remove { display: none; } /******************************************************************************************************************************************* TRANSITIONS __________________________________________________________________________________________________________________________________________*/ .txtIn, textarea, select { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .search .txtIn { -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .nav-cat-dt .topLvl { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .nav-cat-dt ul.level0, .nav-cat-dt .tags { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-transform: translate3d(-1000px, 0, 0); -moz-transform: translate3d(-1000px, 0, 0); -ms-transform: translate3d(-1000px, 0, 0); -o-transform: translate3d(-1000px, 0, 0); transform: translate3d(-1000px, 0, 0); } .nav-cat-dt>.hover ul.level0, .nav-cat-dt>.hover .tags { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slider-home h2 { font-weight: 100; }}@media screen and (max-width: 400px) { html body .s-cats-blocks li { width: 100%; float: none; margin: 0; } html body .s-cats-blocks .h5 { font-size: 22px; }}@media screen and (max-width: 220px) { html body .pList .pAddInfo { width: 100%; margin-top: 0; }}@media screen and (max-width: 660px) { html body .headerpromo { text-align: right; clear: both; border-top: 1px solid rgba(0, 55, 31, 0.2); width: 100%; float: right; }}/* CSS for very small screens (mobile portrait) ************************************************************************************************************************/@media screen and (max-width: 480px) { .hd4 { font-size: 21px; } .btn-toggle-g1, .nav-mobile .viewCart { width: 40px; } body .pList .pImg { width: 100%; text-align: center; } .pList .pImg img { max-height: 120px; margin: 0 auto; } body .pList .pAddInfo { width: 50%; margin-top: -85px; } body .pList .s-info, body .pList .pAddInfo .mobile-tooltip { width: 48%; } body .pList .help-icon { width: 48%; } body .pList .pInfo { width: 100%; } .pList .btn1-atc b+b { text-indent: -99999px; } .pGrid .pImg { height: 105px; } body .pGrid .item { width: 50%; } body .ratingBx:before, body .ratingBx .rating:before { font-size: 13px; } .pGrid .btn1-atc b { display: none; } .pGrid .btn1-atc b.ico { display: inline-block; } body .s-cats-blocks .image-wrapper { /* height: 100px; */ } body .s-cats-blocks .h5 { font-size: 16px; } .tpl-social-footer { clear: both; } body .carousel .pGrid .pImg, body .carousel .pGrid .pImg img { height: 120px; } body .brands .carousel .pGrid .pImg img { height: auto; } .single.featuredBx .holder { width: 40%; } .carousel .price-percentage { background-position: -200px -70px; height: 45px; width: 45px; line-height: 45px; font-size: 12px; right: 0; top: 2px; } .carousel .price-percentage .price > span, .carousel .price-percentage .price > sup { font-size: inherit; line-height: 1; } body #wishlist-table.ts1-mobile tr.begin { width: 50%; float: none; position: relative; margin: 0 auto; } body #wishlist-table.ts1-mobile tr { width: 50%; } body .nav-mobile .viewCart .qty, body .nav-mobile .btn-wish .qty { left: 23px; } html body .slider-home .caption2 { left: 7%; } body .suggest { width: 100%; left: 0; top: 0; right: auto; position: relative; clear: both; } .pGrid .btn1-atc.w75.btn1 { float: none; width: 90%; } .btn1-atc .ico:before { content: "\e901"; margin: 5px 4px; font-size: 20px; } .pList .btn1-atc { padding: 0 calc(50% - 58px); }}/* CSS for small screens (mobile) ************************************************************************************************************************/@media screen and (max-width: 767px) { .paypal-express-review .mfp-content .mfp-close:nth-child(1) { padding: 0 6px !important; font-size: 30px !important; } .ftBlock, .cft .copyright { /* margin-left: 5%; margin-right: 5%; */ } .ftT .nLetter { width: 100%; float: none; margin-bottom: 30px; } .ftT { padding: 27px 15px 0 15px; } .ftBlock .service { clear: both; padding-top: 20px; } .tpl-social-footer { float: none; } .pGrid .pImg { height: 164px; } .cur-cat-info { float: left; line-height: normal; margin: 15px 5px; } .pList .savings-label.savingprice { display: none; } .pList .pInfo { width: 30%; } .pList .pImg { width: 25%; } #colM .lyrdNav { margin-bottom: 0; } .pGrid .item .lnk-wishlist { /*display: none;*/ } .pGrid .btn1-atc { width: 100%; } #colM .lyrdNav { margin-bottom: 10px; } .popup .popup-content { width: 94%; height: 94%; left: 3%; top: 3%; margin: 0; overflow-y: auto; } .pGrid .item { width: 33.333%; } /* .pGrid .holder img{ height: 100%; width: auto; } */ .carousel .pGrid .pImg { height: 160px; } .pView .bd1>.colR { padding-top: 0; } .pView .bd1>.colL { padding-bottom: 0; } .shopBxT .btn1-atc { margin-top: 0; } .shopBxT .btn1-atc>span { padding: 0 20px 0; } .nLetter p { margin-top: 15px; } .ftBlock { width: auto; } .ftT .nLetter { clear: both; } .filterBy .filter-Category { display: block; } a.show-all-cats, .lyrdNav>.hd5 { display: none; } body .slider-home .caption2 { left: 5%; width: 50%; } .subtheme-info .cat-title { display: none; } .main .subtheme-info .hd4 { padding: 12px 0; font-family: "open_sans", Arial, serif, helvetica; border-bottom: none; } .tpl-social-footer .bi { float: left; margin-left: -25px; } .tpl-social-footer a.footer-fb-link { margin-right: 20px; margin-bottom: 20px; } .legal-copyright-wrap { overflow: hidden; } .tpl-legal-links-footer { width: 50%; float: left; line-height: 25px; } .copyright-txt { float: right; }}/* CSS for medium screens (max tablet) ************************************************************************************************************************/@media screen and (max-width: 1005px) { body .bCrumbs { display: block; background: #fff; } body .bCrumbs .back-link, body .bCrumbs .info { display: none; } .bCrumbs li { display: inline-block; } .bCrumbs li:after { content: " > "; } .bCrumbs .la:after { content: none; } .bCrumbs { padding: 8px 5px; } .bCrumbs li a, .bCrumbs li.la { padding: 5px 5px; } .mobile-search { border: 1px solid #ccc; margin: 7px 1%; width: 98%; } .pGrid .pImg { height: 220px; } .pList .icon-extra { display: inline; } body .pGrid .actions .w75 { width: 100%; } body .help-icon li { font-size: 10px; line-height: 11px; } /* Header */ body .headerpromo { text-align: right; border: none; clear: none; top: 0; margin-bottom: 0; } body .headerpromo p { padding: 0 10px; float: right; } .headerpromo p span { display: block; }}@media screen and (min-width: 768px) and (max-width: 991px) { body .shopBxT .btn1-atc>span { padding-left: 10px; padding-right: 10px; } div.addToCart { width: 120%; } #colL .nav-account { display: block !important; } .category-list { padding: 15px 0 0 10px; margin-bottom: 0; }}/* CSS for medium screens (tablet) ************************************************************************************************************************/@media screen and (min-width: 768px) { /* custom block home page */ .custom-block-1 .wsBx1c { padding: 30px 0 0 0; } .custom-block-1 .rowG1 { margin: 0 -10px; } .custom-block-1 .rowG1>div { float: left; } .custom-block-1 .rowG1>.w20 { width: 20%; } .custom-block-1 .rowG1>.w25 { width: 25%; } .custom-block-1 .rowG1>.w33 { width: 33.3333%; } .custom-block-1 .rowG1>.w40 { width: 40%; } .custom-block-1 .rowG1>.w50 { width: 50%; } .custom-block-1 .rowG1>.w60 { width: 60%; } .custom-block-1 .rowG1>.w66 { width: 66.6666%; } .custom-block-1 .rowG1>.w75 { width: 75%; } .copyright { margin-left: 15px; margin-right: 15px; } .legal-copyright-wrap { letter-spacing: 0.5px; } .tpl-legal-links-footer { font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: 0.5px; color: #4a4a4a; } .tpl-legal-links-footer .inline-list li { padding-right: 20px } .tpl-legal-links-footer a { color: #4a4a4a; }}/* CSS for large screens (desktop) ************************************************************************************************************************/@media screen and (min-width: 1100px) { .migration-index-consent #bd { background: #ececec url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/consent-bg.png) no-repeat right center; -webkit-background-size: 316px; background-size: 316px; }}@media only screen and (max-device-width: 890px) { .left_slider_block { width: 25%; height: 338px; justify-content: center; } .homepage-main-text-block, .newsletter-block { width: 100%; } .info-block .social-wrapper { margin-left: 0 !important; }}@media only screen and (max-device-width: 768px) { .left_slider_block { width: 25%; height: 319px; justify-content: center; } .info-block .border-block>.row { flex-flow: row; }}@media only screen and (max-device-width: 736px) { .homepage-main-text-block .hd2 h2 { font-size: 23px; width: 100%; } .left_slider_block { float: none; width: 100%; justify-content: center; height: 250px; } .left_slider_block .slider-logo { display: none; } .slider-home { margin: -15px -15px -10px; } .slider-wrapper { clear: none; width: 100% !important; padding: 0; margin: 0; } .homepage-teaser { width: 100%; flex-direction: column; } .homepage-teaser .teaser { width: 100% !important; margin-bottom: 2% !important; flex-direction: column; } .homepage-teaser picture img { width: 100% !important; } .pName a { font-size: 13px; } .info-block .border-block>.row.store-features { display: flex; justify-content: space-around; flex-flow: row wrap; } .info-block .border-block>.row.store-features .column { flex-basis: 50%; } .info-block .border-block .wrapper { margin-bottom: 15px; } .info-block .border-block>.row.list-block { display: flex; justify-content: space-around; flex-flow: row wrap; } .info-block .border-block>.row.list-block .column { flex-basis: 50%; width: 0; margin-bottom: 15px; } .info-block .social-wrapper { margin-left: 0 !important; margin-bottom: 0; } .info-block .list-block ul>a, .info-block .list-block p, .info-block .list-block p>a { width: auto !important; } div.row.store-features { /* padding: 25px; */ } div.row.list-block { padding-bottom: 0; } .info-block>.row { display: flex; flex-direction: row; justify-content: space-between; flex-flow: row wrap; } .info-block { padding: 0 30px !important; } .service-options-block { padding: 30px 30px 15px 30px !important; } .cft { padding: 15px; } .featuredBx.single { margin-bottom: 2%; } .main { /* padding: 0px; */ padding-top: 15px; }}@media only screen and (max-device-width: 1023px) { .info-block .border-block>.row { flex-flow: row; }}@media screen and (min-width: 1024px) { .carousel .flex-prev { left: -15px; } .carousel .flex-next { right: -15px; } .brands .carousel .flex-prev { left: -45px; }}@media screen and (max-width: 1023px) { .bx .bx1 { clear: both; background: #f5f5f5; } .main .bx .hd4 { padding-top: 32px; padding-bottom: 64px; } .bx .carousel { margin: 0 -10px 0px; } .bx .carousel .flex-next, .brands .carousel .flex-next { padding: 36px 12px 11px 14px; } .bx .carousel .flex-prev, .brands .carousel .flex-prev { padding: 36px 14px 11px 12px; } .bx .carousel .flex-control-nav { display: none; } .two-block { margin: 0 -5%; } .cms-index-index .two-block {margin: 0;} .cms-index-index .two-block .featuredBx .bd1 { padding-left: 0; padding-right: 0; } .cms-index-index .two-block .featuredBx.single, .cms-index-index .two-block .featuredBx.single.last{ float:none; } .two-block .featuredBx.single, .two-block .featuredBx.single .img-wrapper, .two-block .wave-box-text, .two-block .wave-box-text:after { width: 100%; } .two-block .wave-box-text:after { margin-bottom: -2px; } #colM .bx1 { margin-bottom: 10px; } .bx1.custom-block-1 { padding-bottom: 32px; } .bx1.custom-block-1 .nLetter { padding: 0; } .info-block { padding: 0 15px; } .service-options-block { padding: 15px; } .service-options-block .zahlungsarten, .service-options-block .versandarten, .service-options-block .zertifikate { width: 100% !important; padding-bottom: 24px; } .legal-copyright-wrap { padding: 15px; } .copyright { margin-left: 15px; margin-right: 15px; } .tpl-legal-links-footer { font-size: 12px; font-weight: bold; letter-spacing: 0.5px; float: left; } .tpl-legal-links-footer .inline-list li { padding-right: 20px; } .footer .left, .footer .right { width: 100% !important; } .left_slider_block .slider-logo { width: 40%; height: 68px; right: -30px; } .slider-home .slides img { /* height: auto; */ width: 100%; } .slider-wrapper { clear: none; width: 75%; padding: 0; margin: 0; } .slider .flex-control-nav { padding: 10px 0 !important; } .bCrumbs li { font-size: 10px; } .bCrumbs a { color: #888; background: transparent; text-decoration: transparent; }}@media screen and (max-width: 768px) { .slider-home .slides img { /* height: auto; */ /* height: 400px; */ } .slider .flex-control-nav { padding: 20px 0; } .slider-home .caption h1 { font-size: 2vh; } .newsletter-teaser-container .newsletter-teaser { font-size: 10px; } .newsletter-teaser-container .newsletter-teaser .teaser { margin: 0 20px 0 0 } .newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_left { font-size: 1em; } .newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_left { width: 45%; font-size: 1em; padding-left: 0.3em; padding-right: 0.3em; box-sizing: border-box; } .newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_center { width: 32%; } .newsletter-teaser-container .newsletter-teaser .headline .topbanner_part.topbanner_right { /* width: 20%; */ } .slider-home { position: relative; padding: 0; margin: 0; } .homepage-main-text-block, .custom-block-1 .newsletter-block { width: 100%; float: none; } .ftBlock.w40, .ftBlock.w35, .ftBlock.w25 { width: 100%; padding-right: 20px; } .homepage-main-text-block p { margin-right: 0px; }}@media screen and (max-width: 710px) { .newsletter-teaser-container .newsletter-teaser { height: 80px } .newsletter-teaser-container .newsletter-teaser .headline { line-height: 24px; font-size: 1.3px; } .newsletter-teaser-container .newsletter-teaser .headline span { display: block; } .payment-methods .payment-method { width: 33%; }}@media screen and (max-width: 970px) { .newsletter-teaser-container .newsletter-teaser .subline { font-size: 1.1em; } .newsletter-teaser-container .newsletter-teaser .teaser { margin: 0 100px 0 0 } .cart.hd1 { padding: 20px 15px; }}@media screen and (max-width: 905px) { /*.newsletter-teaser-container .newsletter-teaser { padding:0 8px }*/ .newsletter-teaser-container .newsletter-teaser .headline { font-size: 1.8em; }}@media screen and (max-width: 635px) { .newsletter-teaser-container .newsletter-teaser .subline { line-height: 16px; } .newsletter-teaser-container .newsletter-teaser .button { width: 125px; padding: 6px; font-size: 1.1em; } .shopBxT .col-l, .shopBxT .col-r { width: 100%; float: none; margin-bottom: 10px; }}@media screen and (max-width: 560px) { .newsletter-teaser-container .newsletter-teaser .subline { display: none } .newsletter-teaser-container .newsletter-teaser .headline { line-height: 1.3em; font-size: 1.6em; } .newsletter-teaser-container .newsletter-teaser .close span { right: 0px; }}@media screen and (max-width: 489px) { .newsletter-teaser-container .newsletter-teaser .subline { line-height: 16px; } .newsletter-teaser-container .newsletter-teaser .button { width: 125px; padding: 6px; font-size: 1.1em; } .pListing .btn1-atc { width: auto; }}@media screen and (max-width: 360px) { .homepage-teaser .headline { font-size: 1em; } .newsletter-teaser-container .newsletter-teaser .headline { font-size: 1.3em; }}@media screen and (max-width: 320px) { .newsletter-teaser-container .newsletter-teaser .button { width: 115px; padding: 6px; font-size: 1.0em; } .s-cats-blocks .image-wrapper { height: 80px !important; }}/** * @copyright Copyright (c) 2013 Tobias Bergmann *//* Print view ************************************************************************************************************************/@media print { #hd, #colL, #colR, #ft, .bx, .btn1 .ico, .btn2 .ico, .ts1 .btn2-toggle, .gNotice { display: none; } * { background: none !important; } body { color: #000 !important; background: #fff; text-align: left !important; font-size: 10pt; } .printPage #hd, .cart-tax-info { display: block !important; } #page { padding: 0 !important; } .main { margin: 0 !important; padding: 0 !important; } .hd2 { border: 0; } a { color: #2976c9 !important; } .ts1, .btn1 span, .btn2 span { border: 1px solid #ccc !important; } .ts1 { border-collapse: collapse; } .bx1, .bx2, .hd2i, th, td { border-color: #ccc !important; } .thd1 th, .tbd1 .last td { border-bottom: 1px solid #ccc !important; } .bx1, .bx2, .hd2i { border-color: #ccc !important; } .pageBreak { display: block; page-break-before: always; }}/* CUSTOM MENU (Categories)*/.custom_menu_outer_wrapper { position: absolute; left: 0; z-index: 999; background-color: #fff; width: 100%; display: none; margin-top: 0; padding: 5px 0 0; min-height: fit-content; -webkit-box-shadow: 0 5px 7px #e2e2e2; -moz-box-shadow: 0 5px 7px #e2e2e2; box-shadow: 0 5px 7px #e2e2e2;}.custom_menu_wrapper { background-color: #fff; width: 995px; margin: auto;}.custom_menu_left_links { float: left; width: 178px; /* margin: 44px 0 0 20px; */ margin-top: 22px; margin-left: 16px; margin-right: 12px; position: relative;}.custom_menu_left_links>li>a { padding: 0; font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.5px; color: #000000; border-bottom: 2px solid transparent; margin-bottom: 15px;}.custom_menu_left_links li a:hover,.custom_menu_left_links li.subcat-hover-active>a { text-decoration: none; border-bottom: 2px solid #8cb110; color: #8cb110; width: fit-content; margin-bottom: 15px;}.custom_menu_subcontent_wrapper { width: 770px; float: left;}.custom_menu_subcontent { width: 100%; display: block; padding: 20px 0 0 20px;}.custom_menu_subcontent .subcontent_links { float:left; max-height: 440px; padding: 10px 0;}/* split in columns */.custom_menu_subcontent .subcontent_links.half-size { width: 60%; -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; column-fill: auto;}.custom_menu_subcontent .subcontent_links.full-size { width: 100%; -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; column-count: 4; column-gap: 10px; column-fill: auto;}.custom_menu_subcontent .subcontent_links a { display: block; font-size: 12px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 2.5; letter-spacing: 0.5px; color: #000000;}.custom_menu_subcontent .subcontent_images { float: left; width: 37%; margin-top: 10px;}.custom_menu_subcontent .subcontent_images img { float: left; padding-right: 0px;}.custom_menu_outer_wrapper_themenshops { width: 100%; height: 426px; position: absolute; left: 0; z-index: 999; background-color: #fff; display: none; -webkit-box-shadow: 0 5px 7px #e2e2e2; -moz-box-shadow: 0 5px 7px #e2e2e2; box-shadow: 0 5px 7px #e2e2e2;}.custom_menu_wrapper_themenshops { background-color: #fff; width: 990px; min-height: 395px; margin-left: auto; margin-right: auto;}.custom_menu_wrapper_themenshops .custom_menu_wrapper_themenshops_items { width: 961px;}.custom_menu_wrapper_themenshops li { float: left; width: 240px; height: 200px;}.custom_menu_wrapper_themenshops li:last-of-type { height: auto; max-height: 200px; overflow: hidden;}.custom_menu_wrapper_themenshops li .cm_content_image { margin-top: 10px; margin-left: 15px;}.custom_menu_wrapper_themenshops .cm_content_image img { width: 210px; height: 140px;}.custom_menu_wrapper_themenshops .cm_content_text { padding-top: 10px;}.custom_menu_wrapper_themenshops .cm_content_text a { color: #005b33; font-family: "open_sans", Arial, serif, helvetica; text-align: center; line-height: 1; font-size: 14px; font-weight: 100; text-transform: uppercase;}.custom_menu_wrapper_themenshops .themenshops-see-all-text { float: right;}.custom_menu_wrapper_themenshops .themenshops-see-all-text a { color: #005b33; font-family: "open_sans", Arial, serif, helvetica; padding-right: 45px; padding-top: 20px;}/* Related products on cart */.tbd1.valM td.rp-toggle-wrapper { padding-bottom: 0;}.related-products-toggle .wsBx1c { padding: 10px 0 0;}.related-products-toggle .pGrid .img-n-wr .pName { padding-top: 5px;}.related-products-toggle .rp-toggle-title { text-align: center; font-size: 14px; line-height: 14px; cursor: pointer; background-color: #f1f1f1; color: black; text-transform: uppercase; padding: 15px 0;}.related-products-toggle .pGrid .img-n-wr { height: 60px;}.related-products-toggle .rp-loading img { width: 20px; padding-left: 5px; margin-top: 5px;}.related-products-toggle .carousel-popup.carousel { margin: 0 -10px;}.related-products-toggle .carousel .pGrid .pImg { height: 100px;}.multi-bx #colM .related-products-toggle .bx1.relatedBx { border: 1px dotted #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}.custom-cart-info-block { width: 100%; background-color: #b3d133; text-align: center; font-size: 14px; line-height: 14px; color: #fff; padding: 15px 0; font-family: "open_sans", Arial, serif, helvetica;}* { box-sizing: border-box;}.info-block .border-block>.row .column { width: 200px; float: none;}.column { float: left; width: 25%;}.column-3 { float: left; width: 33.33%;}.column-25 { float: left; width: 25%;}.column-30 { float: left; width: 30%;}.column-40 { float: left; width: 40%;}.column-50 { float: left; width: 50%;}.info-block a { color: transparent; text-transform: none; cursor: pointer;}.info-block .wrapper .icon { text-align: center; z-index: 100; margin: 0 auto 15px auto;}.info-block .wrapper .icon img { width: 66px; height: 66px; margin: 0 auto; image-rendering: optimizeQuality;}.info-block .icon-small { background-color: #d1d1d1; width: 31px; height: 31px; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 15px 0; display: flex; justify-content: center; align-items: center;}.info-block .wrapper .title { width: 100%; height: 41px; font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; text-align: center; color: #000000;}.info-block .wrapper .text { font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.5px; text-align: center; color: #4a4a4a;}.info-block .social-wrapper { margin: 0; padding: 0; width: 150px; margin-left: 20%;}.info-block .social-wrapper a { color: transparent; cursor: pointer;}.info-block .list-block .list-title { width: 163px; font-family: "open_sans", Arial, serif, helvetica; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; color: #000000; margin-bottom: 17px;}.info-block .list-block ul>a,.info-block .list-block p,.info-block .list-block p>a,.info-block .list-block li>a { width: 199px; font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.5px; color: #4a4a4a;}.info-block .list-block p { margin: 0;}.info-block .list-block .bold { font-weight: bold; font-family: "open_sans", Arial, serif, helvetica;}.info-block .ftI.border-block { border-top: 0.1px solid #c7c7c7; overflow: hidden; padding-top: 64px;}.info-block .border-block>.row { display: flex; flex-direction: row; justify-content: space-between;}.service-options-block { color: #000;}.service-options-block .ftI { overflow: hidden;}.service-options-block li { display: inline-block; padding: 0; margin: 0; margin-right: 22px; margin-top: 35px;}.service-options-block li>a { cursor: pointer;}.service-options-block ul { padding: 0; margin: 0;}.service-options-block .zahlungsarten { width: 46%; float: left;}.service-options-block .versandarten,.service-options-block .zertifikate { width: 27%; float: left;}.service-options-block .zahlungsarten img,.service-options-block .versandarten img { max-width: 70px; max-height: 41px;}.service-options-block .zertifikate img { max-width: 89px; max-height: 74px;}.service-options-block .zertifikate li:last-of-type img { margin-left: 28px;}.footer { max-width: 960px; margin: 0 auto; /* margin-bottom: 150px; */ overflow: hidden;}.footer .cft .row { overflow: hidden;}.footer .left,.footer .right { width: 450px;}.footer .right { float: right;}.homepage-main-text-block { flex: 2;}.newsletter-block { flex: 1;}.newsletter-block .nLetter .input-box { padding-bottom: 0;}.pGrid .btn1-atc.w75.btn1 { width: 75%;}.cookie_popup { display: flex; flex-direction: row-reverse; position: relative; height: 160px; max-width: 960px; margin: 0 auto;}.cookie_popup .container { position: fixed; flex: 1; width: 340px; z-index: 99999; bottom: 0; transform: translateZ(0);}.cookie_popup .container .header { height: 48px; border-top-right-radius: 25px; border-top-left-radius: 25px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); background-color: #8cb110; color: #fff; text-transform: uppercase; padding: 15px; margin-left: 0px; width: 342px;}.cookie_popup .container .header .title { text-align: center; text-transform: uppercase; font-family: "open_sans", Arial, serif, helvetica; font-size: 17px; margin-left: 36px; margin-top: -3px; letter-spacing: 0.3px;}.cookie_popup .container .header .title a { color: #fff; position: absolute; left: 27px; text-decoration: none;}.cookie_popup .container .content { height: 0; transition: all 0.25s ease-out; background-color: #ffffff; color: #fff; letter-spacing: 0.2px; font-family: "open_sans", Arial, serif, helvetica; font-size: 15px;}.cookie_popup .container .content.active { height: 97px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff; color: #4a4a4a; width: 340px; margin-left: 1px;}#popup .popup-wrapper { padding: 15px 27px; text-align: left;}.caret-down:before { content: "\e002"; font-size: 16px; font-family: "icons"; position: absolute; top: 1px;}.caret-up:before { content: "\e002"; font-size: 16px; font-family: 'icons'; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: absolute; top: -1px;}.category-overview { font-family: "open_sans", Arial, serif, helvetica;}.category-overview__header { text-align: center; margin: 0 auto; width: 340px;}.catalog-category-view .hd2.category-title h2 { font-family: "open_sans", Arial, serif, helvetica; font-size: 25px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: center; color: #1a1919; margin-bottom: 20px;}.category-overview .sub-title { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.2px; text-align: center; color: #4a4a4a; margin-bottom: 40px;}.category-overview .container,.homepage-teaser .container { position: relative;}.category-overview .container .btn2,.homepage-teaser .container .btn2 { position: absolute; left: 50%; bottom: 0; margin-bottom: 10px; transform: translate(-50%, -50%); min-width: 180px; padding: 5px 25px; font-size: 12px; text-align: center;}.homepage-teaser .container .btn2{ margin: 0 auto; width: auto; min-width: 165px;}.homepage-teaser .teaser .img-link { display:block;}.homepage-teaser .teaser .img-link img{ width:auto;}.category-overview .s-cats-blocks li { padding-bottom: 2%;}.main .faq { padding: 0; /* compensate for .main padding instead of using the existing grid elements */ margin: -40px -50px -35px;}.faq { margin: auto 10px; display: flex; margin-top: -25px;}.faq ul { margin: 10px 0 16px 0px !important;}.faq li { list-style: none; font-family: "open_sans", Arial, serif, helvetica; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2.33; letter-spacing: 0.7px;}.faq li a { cursor: pointer; text-decoration: none; color: #4a4a4a;}.faq li a:hover { color: #8cb110;}.faq .faq-list { flex: 1;}.faq .faq-content { flex: 3;}.faq .faq-content a,.faq .faq-content a:hover.faq-toggle-btn.icon-plus,.faq .faq-content a:hover.faq-toggle-btn.icon-minus { text-decoration: none;}.faq .faq-content a:hover { text-decoration: underline;}.faq .faq-content__header { font-family: "open_sans", Arial, serif, helvetica; font-size: 23px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; color: #1a1919; padding: 20px 0; margin-bottom: 5px; border-bottom: 1px solid #979797;}.faq .faq-content__header-title { font-family: "open_sans", Arial, serif, helvetica; font-size: 17px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #1a1919; margin-bottom: 10px;}.faq .faq-content__body-text { font-family: "open_sans", Arial, serif, helvetica; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: 0.2px; width: 600px; color: #4a4a4a; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}.faq .faq-content__body-text.active { margin-bottom: 20px;}.faq .accordion-box { border-bottom: 1px solid #979797; padding: 5px 0;}.faq .faq-content__wrapper { display: flex; justify-content: space-between; align-items: baseline;}.faq .faq-content__header-title { align-content: flex-start;}.faq .accordion-box .a-item { font-size: 13px; line-height: 1.54; letter-spacing: 0.2px; color: #4a4a4a; background-color: white; overflow: hidden; width: auto;}.icon-plus { align-content: flex-end;}.icon-plus:after { content: "\e006"; font-size: 32px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #8cb110; font-family: 'icons';}/* switch to minus in css only*/.section.active .icon-plus::after { content: '\e007';}.icon-minus:after { content: "\e007"; font-size: 32px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #8cb110; font-family: 'icons';}.faq li.faq-selected a { color: #8cb110;}.icon-facebook { text-align: center;}.icon-facebook:before { content: "\e906"; font-size: 20px; font-family: 'icons'; color: #fff;}.icon-youtube:before { content: "\e907"; font-size: 20px; font-family: 'icons'; color: #fff;}.icon-twitter:before { content: "\e908"; font-size: 20px; font-family: 'icons'; color: #fff;}.icon-google-plus:before { content: "\e909"; font-size: 20px; font-family: 'icons'; color: #fff;}.icon-pinterest:before { content: "\e90a"; font-size: 20px; font-family: 'icons'; color: #fff;}.icon-instagram:before { content: "\e90b"; font-size: 20px; font-family: 'icons'; color: #fff;}@media only screen and (max-device-width: 812px) { .main .faq { margin: 0; } .faq .faq-content { width: 100%; }}@media only screen and (max-device-width: 736px) { .main .faq { margin: 0; flex-flow: row wrap; } .faq .faq-content { width: 100%; } .faq .faq-content__body-text.active { width: 90%; }}.homepage-teaser { display: flex; justify-content: space-between; margin-bottom: 20px;}.homepage-teaser .teaser { width: 32%; margin-bottom: 25px; margin-right: 0px;}.homepage-teaser .teaser img { width: 100%}.homepage-teaser .teaser.last { margin-bottom: 0}.info-block .border-block>.row { display: flex; flex-direction: row; justify-content: space-between;}.tpl-legal-links-footer a { color: #4a4a4a;}.copyright-txt,#currentYear { font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: 0.5px; text-align: right; color: #4a4a4a;}/* slider */.slider .flex-control-nav { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0px 0;}.homepage-main-text-block p.p1,.homepage-main-text-block p { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.5px; color: #4a4a4a;}.std p/*,.std ul>li,.std ol>li */{ font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.5px;}.hd6 { padding: 15px 0; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.7px; color: #4a4a4a; text-transform: none;}.lyrdNav h4:not(.cat-title) { display: none;}@media (max-width: 767px) { .lyrdNav h4:not(.cat-title) { display: block; }}#colL .hd5 { font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.7px; color: #4a4a4a; text-transform: none;}#colL .filterBy a { display: block; text-decoration: none; font-family: "open_sans", Arial, serif, helvetica; font-size: 13px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.38 !important; letter-spacing: 0.3px; color: #666666;}#colL .filterBy a:hover { color: #8cb110;}.cur-cat-info { line-height: 40px; font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 0.5px; color: #4a4a4a;}.viewToggle .dropdown-toggle .current { padding-right: 22px; font-family: "open_sans", Arial, serif, helvetica; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 0.5px; color: #4a4a4a;}.pages a,.pages strong { display: inline-block; font-family: "open_sans", Arial, serif, helvetica; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #4a4a4a; text-decoration: none; top: 0px;}.pages strong { background: #8cb110; border-radius: 25px; width: 18px; height: 18px; color: #fff; padding-top: 3px; text-align: center;}.pages .prev,.pages .next { /* margin-top: 8px; */}.next .ico:before,.prev .ico:before { font-size: 20px;}.pages .next a,.pages .prev a { /* padding: 3px 0; */}.filterBy .max-visible a.show-all-filters,.filterBy .max-visible a.show-less-filters { font-size: 12px !important; line-height: 1.5 !important; letter-spacing: 0.4px !important; color: #9b9b9b !important;}.brands .carousel .flex-direction-nav { top: 62%; padding: 12px 12px 11px 14px; left: 0;}.icon-merken_header { cursor: pointer; padding-right: 8px;}.icon-merken_header:after { content: "\e900"; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; color: #9b9b9b; font-family: 'icons';}#discount-coupon-form-checkout button,#discount-coupon-form button { margin-bottom: 2px;}.category-description { margin-bottom: 30px;}.bx1 .hd4 { height: 43px;}.hd5.hd4.cat-title { color: #fff;}.filterBy .hd6::after { color: #8cb110}@media (max-width: 767px) { .homepage-slider { display: block; } .homepage-slider .slider-wrapper { width: 100%; display: flex; flex-flow: column wrap; justify-content: center; align-items: stretch; } .slides img { margin: 0 !important; } .homepage-slider .slider-logo { display: none; }}.slider-home .slides img { min-height: 250px !important;}.homepage-slider li { flex: auto;}.homepage-slider .slider-wrapper { width: 100%; display: flex}.homepage-slider .slider-l { position: relative; background: #8cb110; flex: 1; display: flex; align-items: center; justify-content: center; min-height: 250px; height: auto;}.homepage-slider .slider-r { position: relative; flex: 3;}.homepage-slider .slider-l .slider-logo { width: 110px; height: 97px; background: url(https://www.pharmeo.de/skin/frontend/ux-templates/pharmeode/images/slider/slider-logo.png) 0px 0px no-repeat transparent; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; image-rendering: optimizeQuality; position: absolute; bottom: 16px; right: -44px; z-index: 100;}.block_wrapper { margin: 0; padding: 0;}.block_wrapper .title { height: 32px; font-size: 13px; font-weight: normal; font-style: normal; line-height: 2.69; color: #ffffff; text-transform: uppercase;}.block_wrapper .content { min-height: 110px; width: 165px; font-size: 28px; font-weight: normal; font-style: normal; line-height: 1.17; color: #ffffff; margin-bottom: 20px;}.block_wrapper .btn2 { padding: 0px 15px; line-height: 29px; border-radius: 3px; border: 1px solid transparent; background-color: #ffffff; color: #8cb110; font-size: 12px; font-style: normal; text-align: center; width: 165px;}.block_wrapper a.btn2:hover { background-color: #8cb110; border: 1px solid #fff; color: #fff;}@media (max-width: 1004px) { .txtIn { margin: 0px; } .search .pillR1 span:before { top: 15px; } .faq { display: block; }}#OffAmazonPaymentsWidgets0Form { display: block !important;}#OffAmazonPaymentsWidgets0Form input, #OffAmazonPaymentsWidgets0Form label { position: absolute; bottom: 43px; z-index: 1000; width: 65px; height: 32px; margin: 0; padding: 0; border: 1px solid #bbb; border-radius: 3px;}#OffAmazonPaymentsWidgets0Form .validation-failed { border-color: red;}#OffAmazonPaymentsWidgets0Form input { padding-left: 5px; padding-right: 35px;}#OffAmazonPaymentsWidgets0Form label { top: auto; width: 30px; text-align: center;}#easylog-checkbox {}#dhl-personal_delivery input, #order-priority input { position: relative; vertical-align: middle; bottom: 1px;}#dhl-personal_delivery, #order-priority { margin-bottom: 30px;}label.easylog-checkbox-label { display: inline; float: none;}.easylog-checkbox-label+div { clear: left;}#package_hermespaketshop_label strong { color: #8cb110; font-weight: normal;}#opc-shipping_method > div:nth-child(1), #co-shipping-method-form { visibility: hidden; height: 0;}.saved-shipping-address-container { clear: both; overflow: hidden;}.saved-shipping-address { border: 1px solid #8cb110; padding: 15px 10px; float: left; cursor: pointer; margin-bottom: 15px; height: 133px;}.saved-shipping-address > .address-line { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}.saved-shipping-address.address-selected { border-width: 3px; padding: 13px 8px;}@media screen and (max-width: 768px){ .saved-shipping-address { width: 48%; margin-right: 2%; margin-bottom: 2%; } .saved-shipping-address:nth-child(2n) { margin-right: 0; }}@media screen and (min-width: 769px) { .saved-shipping-address { width: 30%; margin-right: 5%; } .saved-shipping-address:nth-child(3n) { margin-right: 0; }}.paypal-express-review .mfp-bg { background: lightgrey;}.paypal-express-review .mfp-content .popup-content { border: 1px solid #8cb110; height: auto !important;}.paypal-express-review .create-account label { display: inline; float: none; margin: 0 0 0 12px; padding: 0; line-height: normal; color: #8cb110;}.paypal-express-review .create-account-notice div { background-color: #8cb110; margin-bottom: 12px; color: #fff; text-align: center;}/* usage warning popup */.usage-warning-popup .popup-content{ display: flex; flex-direction: column; flex-wrap: nowrap; max-height: 600px;}.usage-warning-popup .popup-content-header,.usage-warning-popup .popup-content-footer { flex-shrink: 0;}.usage-warning-popup .popup-content-middle { flex-grow: 1; overflow: auto; min-height: 2em;}.usage-warning-popup .btn-cart{ width: 80%; display:block; margin: 0 auto 10px;}.usage-warning-popup .btn-cart:disabled{ background-color: lightgrey;}.usage-warning-popup p {}.usage-warning-popup label, .usage-warning-popup input[name="read_warning"] { display:inline-block; float:none;}.usage-warning-popup .close { display:block; float:none; position:absolute; top:15px; right:15px; font-size: 20px;}.usage-warning-popup .acknowledge { display:block; position:relative;}.usage-warning-popup label { padding-right:0;}.usage-warning-popup .wList { margin: 5px 0; width: 100%;}.usage-warning-popup .wList > li { border: 1px solid #eee; border-width: 1px 0; margin: 10px 0; padding: 10px 0;}.usage-warning-popup .wList > li~li { border-top-width: 0;}.usage-warning-popup .wList .pName { font-size: 16px; font-weight: bold;}.usage-warning-popup .wList .pInfo {}.usage-warning-popup .ask-a-professional{ font-size:11px;}@media screen and (min-width: 768px){ .usage-warning-popup .btn-cart { width: 350px; }}.cookiesinfo h2 { font-size: 22px; font-weight: normal; font-style: unset; text-transform: none; color: #8cb110;}.cookiesinfo h3, .cookiesinfo th.h3 { font-size: 19px; font-style: normal; font-stretch: normal; line-height: 1.54; color: #8CB110; text-decoration: none; text-align: left;}.cookiesinfo th.h3 { padding: 5px 0;}.cookiesinfo, td { vertical-align: top;}.cookiesinfo th { font-weight: bold; vertical-align: bottom; }/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) *//* Widgets =============================================================================== */.widget { display:inline; }.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }/* Widget: Catalog New Proructs List */.widget-new-products { display:block; }.col-main .widget-new-products { margin:7px 0; }.widget-new-products .products-grid .product-image,.widget-new-products .products-list .product-image { width:85px; height:85px; }.widget-new-products .products-list .product-shop { margin-left:100px; }.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }.sidebar .widget-new-products .block-title strong { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }/* Widget: Recently Viewed Proructs */.widget-viewed { display:block; }.col-main .widget-viewed { margin:7px 0; }.widget-viewed .products-grid .product-image,.widget-viewed .products-list .product-image { width:85px; height:85px; }.widget-viewed .products-list .product-shop { margin-left:100px; }.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }.sidebar .widget-viewed .block-title strong { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }/* Widget: Recently Compared Proructs */.widget-compared { display:block;}.col-main .widget-compared { margin:7px 0; }.widget-compared .products-grid .product-image,.widget-compared .products-list .product-image { width:85px; height:85px; }.widget-compared .products-list .product-shop { margin-left:100px; }.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }.sidebar .widget-compared .block-title strong { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }/* Widget: CMS Static Block */.widget-static-block {}.sidebar .widget-static-block { display:block; margin:0 0 15px; }/* Widgets: Links Common Styles */.top-container .widget a { padding:0 0 0 7px; }.bottom-container .widget a { padding:0 3px; }/* Widget: Catalog Product Link */.widget-product-link-inline { display:inline; }.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }.col-main .widget-product-link a { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }.sidebar .widget-product-link a { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }/* Widget: Catalog Category Link */.widget-category-link-inline { display:inline; }.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }.col-main .widget-category-link a { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }.sidebar .widget-category-link a { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }/* Widget: CMS Page Link */.widget-cms-link-inline { display:inline; }.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }.col-main .widget-cms-link a { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }.sidebar .widget-cms-link a { background:url(https://www.pharmeo.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }/* ======================================================================================= */.amazonpayments-or { line-height: 2.3; margin: 0 8px;}.cart .totals .checkout-types .amazonpayments-or { display: block; clear: both; font-size: 11px; line-height: 1; padding: 8px 55px 0 0;}.block-cart .actions .amazonpayments-or { display: block; clear: both; font-size: 11px; line-height: 1; padding: 8px 55px 8px 0; margin: 0;}.amazon-pay-tooltip { border: solid 1px #bbbbbb; background-color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 10px 15px; width: 300px; font-size: 11px; text-align: left; box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; -moz-box-shadow: 0 0 5px #888; -o-box-shadow: 0 0 5px #888; z-index: 1000;}.amazon-pay-tooltip img { float: right; padding: 5px 0 5px 10px;}.pay-with-amazon-onepage-shortcut { padding-bottom: 10px;}.pay-with-amazon-onepage-shortcut p { padding: 10px 0;}.pay-with-amazon-onepage-shortcut p img { display: none;}.payButtonWidget { display: inline;}.payButtonWidget img { cursor: pointer;}.checkout-types.bottom .payButtonWidget { display: block;}.checkout-types.bottom .amazonpayments-or { text-align: right; padding-right: 70px; margin: 0;}.checkout-types.minicart .payButtonWidget img { display: inline;}.checkout-types.minicart .amazonpayments-or { display: block;}.checkout-onepage-index .loginButtonWidget,.checkout-onepage-index .payButtonWidget { margin-bottom: 15px; text-align: right;}ol.apa { list-style: none outside none; margin: 0; padding: 0; width: 100%;}.apa .section { margin: 0 0 15px 0;}.apa .store-widget { clear: both; border: solid 1px #bbbbbb; background-color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;}.apa .amazon-widget-overlay { position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%; z-index: 100;}.apa .step-title { margin: 12px;}.apa .step-title img { float: left; height: 22px; margin: 0 7px 0 0; vertical-align: middle; width: 23px;}.apa .step-title h2 { color: #2f3841; font-family: Arial; font-size: 14px; font-weight: bold; vertical-align: middle; text-transform: none;}.apa .section-content { margin: 0 12px 12px;}.apa .section-please-wait { display: none; height: 80px; margin: 12px; background: url('https://www.pharmeo.de/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;}.apa .amazon-widget.loading { min-height: 80px; background: url('https://www.pharmeo.de/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;}.apa .loading .section-content { display: none;}.apa .loading .section-please-wait { display: block;}.apa .sandbox-simulation select { width: 25%;}.apa .sandbox-simulation p { margin: 0 0 10px;}.apa .buttons-set { line-height: 40px;}.apa .buttons-set.disabled button.button { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}.amazon-login { padding-top: 27px;}.amazon-login.position-before { padding-top: 0 !important; padding-bottom: 27px;}.amazon-login .content { min-height: 100px;}.buttons-set button.cancel span { border-color:#406a83; background:#618499;}.dashboard .box-amazon-account { padding-bottom: 45px;}.dashboard .box-amazon-account .box { padding-top: 15px;}.dashboard .box-amazon-account .box .buttons { padding-top: 10px;}.dashboard .box-amazon-account .box .buttons .loginButtonWidget { float: right;}.apa .discount {}#opc-lpa #addressBookWidgetDiv,#opc-lpa #walletWidgetDiv { display: inline-block; height: 300px; width: 49%;}#opc-lpa #addressBookWidgetDiv { margin-right: 2%;}.amazon-pay-tooltip-link { display: inline-block; margin: 4px 4px 4px 8px; width: 16px; height: 16px; background: url('https://www.pharmeo.de/skin/frontend/base/default/creativestyle/images/question-mark-icon.png') center center no-repeat; background-size: contain; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}#addressBookWidgetDiv,#walletWidgetDiv { width: 100%; height: 100%;}.apa .amazon-widget { display: block; height: 300px; clear: none;}.apa .section { display: block; clear: none;}@media only screen and (min-width: 575px) { .apa #apa-shipping { width: 260px; margin-right: 15px; float: left; } .apa #apa-payment { margin-left: 275px; } .apa-virtual-checkout #apa-payment { margin-left: 0 !important; }}@media only screen and (min-width: 775px) { .apa #apa-shipping { width: 360px; margin-right: 15px; float: left; } .apa #apa-payment { margin-left: 375px; }}@media only screen and (min-width: 960px) { .apa #apa-shipping { width: 310px; margin-right: 15px; float: left; } .apa #apa-payment { width: 310px; margin-right: 15px; margin-left: 0; float: left; } .apa .narrow-section { height: 298px; margin-left: 650px; clear: none; overflow: auto; } .apa-virtual-checkout #apa-payment { width: 360px; float: left; margin-right: 15px; } .apa-virtual-checkout .review-section { margin-left: 375px; height: 298px; clear: none; overflow: auto; }}/* * Magmodules.eu - http://www.magmodules.eu. * * NOTICE OF LICENSE * This source file is subject to the EULA * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * https://www.magmodules.eu/MM-LICENSE.txt * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to info@magmodules.eu so we can send you a copy immediately. * * @category Magmodules * @package Magmodules_Richsnippets * @author Magmodules <info@magmodules.eu> * @copyright Copyright (c) 2017 (http://www.magmodules.eu) * @license https://www.magmodules.eu/terms.html Single Service License */.snippets { border: 1px solid #E4E4E4; margin: 0px 0; overflow: auto;}.snippets p { margin-bottom: 0}.snippets .product-name { font-weight: 700}.snippets .prod-thumb { float: left; padding: 8px}.snippets img { display: block; margin: 0px;}.snippets .content { padding: 5px}.snippets .content i { font-style: initial;}.snippets .rating-box { float: right; margin-bottom: 5px;}.snippets-footer { margin-top: -5px; color: #666; font-style: normal}.snippets-fields { font-size: x-small;}.snippets-fields ul { display: inline}.snippets-fields li { display: inline; color: #5D5D5D; background: none !important; padding-left: 0 !important; font-size: 13px; float: left; margin: 0px !important;}.snippets-fields li + li::before { content: "- "}.snippets-sidebar .rating-box { margin-right: 5px; margin-top: 5px; float: left; width: 73px; position: absolute; height: 15px; font-size: 0; background: url(https://www.pharmeo.de/skin/frontend/base/default/magmodules/snippets/images/bkg_rating.gif) repeat-x; background-size: 15px; text-indent: -999em; overflow: hidden;}.snippets-sidebar .rating { float: left; height: 13px; background: url(https://www.pharmeo.de/skin/frontend/base/default/magmodules/snippets/images/bkg_rating.gif) repeat-x; background-position-y: 100%; background-size: 15px}#kairion-sky { max-width: 188px; max-height: 600px; width: 100%; height: 100%; } /* left in navi, left in search */#kairion-super2 { max-width: 698px; max-height: 90px; width: 100%; height: 100%; } /* footer in categories, header in search, footer in search */.catalog-product-view #kairion-super, .catalog-product-view #kairion-super2 {margin: 0 auto;}