/* Theme Name: Coffeeness Theme URI: http://coffeeness.de/ Author: Coffeeness Author URI: http://coffeeness.de/ Description: Gute Kaffeebohnen sind zwar nicht alles, aber ohne gute Kaffeebohnen ist alles nichts. Ich bin Dein Versuchskaninchen für Kaffeemaschinen und Kaffee.. Version: 1.0 Text Domain: coffeeness.de */ html { overflow-y: scroll; } .container-header { width: 1250px; max-width:100% !important; margin: 0 auto; } .container { width: 1280px; max-width:100% !important; } #footer{ background:#3363bc; color:#000; padding:20px 0; float:left; width:100%; z-index:1000; position:relative; } #footer p{ margin:5px 0px; color:#abb9dd; } #footer a{ color:#abb9dd; text-decoration:none; cursor: pointer !important; } #footer a:hover{ color:#fff; text-decoration:none; } /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } *:focus {outline:none !important} /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container{ margin-right: 30px !important;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: -6px; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 0px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 1; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.50); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.6); filter: "alpha(opacity=60)"; -ms-filter: "alpha(opacity=60)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../mcsb_buttons.html); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.55); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.55); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.55); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ @media (min-width: 768px) { #header{ background:#fff; padding:0px; border-bottom:1px solid #e1e1e1; min-height: 71px; float: left; width: 100%; } .device{ display:none; } .logo-blue{ display:none; } .logo-white{ margin:20px auto 0 auto; max-width:200px; } .desktop-menu-wraper{ display:block; } .main-menu{ list-style:none; margin:0px 0px -1px 0px; padding:0px; float:right; } .main-menu li{ display:inline-block; float:left; padding:0px 0px; font-family: 'Mulish', Arial, sans-serif; font-weight:500; } .main-menu li.active{ background:url(../png/menu-active-gray.png) no-repeat bottom center !important; } .main-menu li.active.active-gray{ background:url(../png/menu-active-gray.png) no-repeat bottom center !important; } .main-menu li.active:hover{ background:url(../png/menu-active-black.png) no-repeat bottom center !important; } .main-menu li:last-child.active{ background-position: 55px bottom; } .main-menu li.active a{ color:#285bb8; } .main-menu li.active ul a{ color:#fff; } .main-menu li a{ text-decoration:none; font-size:18px; color:#757575; padding:22px 20px; display:inline-block; background:url(../jpg/border.jpg) center right no-repeat; } .main-menu li a:hover{ text-decoration:none; color:#285bb8; } .logo-wrap{ text-align:left; } } @media (min-width: 1200px) { .offset-xl-15{ margin-left: 12.499999995%; } } *{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; } body{ font-family: 'Open Sans', Arial, sans-serif; color:#141416; margin:0px; padding:0px; line-height:1.5; position: relative; overflow-x: hidden; } p{ margin-top:0px; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } *, ::after, ::before { box-sizing: border-box; } .table td, .table th { padding: .65rem; } table{ border-collapse: collapse; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h5, h5 { font-size: 1.25rem; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; margin-top: 0; } .alert { border: solid; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn-block { display: block; width: 100%; } hr{ border:0; border-top: 1px solid rgba(0,0,0,.1); box-sizing: content-box; height: 0; overflow: visible; } .form-group { margin-bottom: 1rem; } #intro-section{ width:100%; float:left; background:#f9f9f9; border-bottom:1px solid #e1e1e1; padding:130px 0 0 0; } .arne{ max-width:100%; width:100%; height:auto; } .image-holder{ display: flex; justify-content: flex-end; flex-direction: column; } #intro-section h2{ font-family: 'Mulish', Arial, sans-serif; font-size:56px; font-weight:500; } #intro-section h4{ font-family: 'Open Sans', Arial, sans-serif; font-size:24px; font-weight:normal; line-height:40px; float:left; clear:both; margin-bottom:70px; } #intro-section h3{ font-family: 'Mulish', Arial, sans-serif; font-size:34px; font-weight:500; float:left; clear:both; } .blue-border{ width:30px; height:2px; float:left; clear:both; background:#285bb8; margin:20px 0; } .home-buttons{ float:left; width:100%; } .blue-btn{ background:#285bb8; border:1px solid #194595; color:#fff !important; border-radius:10px; padding:20px 24px; margin-right:15px; display:inline-block; text-decoration:none !important; margin:10px 20px 15px 0px; text-decoration:none; } .blue-btn:hover{ background:#194595; text-decoration:none; color:#fff; } .home-buttons .blue-btn:last-of-type{ margin-right:0px; } .fa-arrow-right{ margin-left:5px; } .info_wrap{ float:left; width:100%; display:flex; margin:20px 0 0 0; } .info_wrap:hover{ text-decoration:none; } a:link, a:visited { text-decoration: none; } #intro-section .info_wrap p{ color:#285bb8; line-height:20px; font-size:16px; margin:0px; line-height:25px; text-decoration:none; } .fa-info-circle{ font-size: 20px; opacity: 0.6; color:#285bb8; margin:3px 10px 0 0; } .metadata .tooltip_custom-item, .metadata .tooltip_custom{ float: left; } .metadata .tooltip_custom-content{ margin-top: 13px; } .metadata .tooltip_custom-effect-5 .tooltip_custom-content{ margin-left: -157px; margin-bottom: 14px; } .tooltip_custom .fa-info-circle{ font-size: 15px; margin:3px 8px 0 0; } #topics{ width:100%; float:left; margin:0px; padding:22px 0; border-bottom:1px solid #e1e1e1; text-align:center; font-family: 'Mulish', Arial, sans-serif; } #topics p{ font-size:24px; font-weight:600; color:#000; margin:0px; } #topics p span{ margin-right:20px; } #topics a{ font-size:18px; color:#b3b3b3; text-decoration:none; margin:0 20px; font-weight:normal; } #topics a:hover{ color:#000; text-decoration:none; } #home-blog{ padding:100px 0 80px 0; width:100%; float:left; text-align:center; background:#fafafa; } #category-custom-content{ padding:0 0 40px 0; width:100%; float:left; text-align:center; } #home-blog h2{ font-family: 'Mulish', Arial, sans-serif; font-size:34px; font-weight:500; margin:0 auto; } #home-blog p{ margin:30px auto; color:#141416; max-width:80%; font-size:18px; line-height:30px; } .blog-article{ padding:15px 15px 50px 15px; margin:20px 15px; border-radius:5px; box-shadow: 0px 0px 10px #ccc; position:relative; text-align:left; display:inline-block; border:2px solid #fff; height: calc(100% - 46px); } .blog-article:hover{ border:2px solid #3363bc; } .blog-article img{ border-radius:5px; width:100%; height:auto; max-width:100%; float:left; } #home-blog .blog-article p.blog-date{ border-radius:5px; position:absolute; top:5px; left:-15px; background:#3363bc; color:#fff; font-size:15px; padding:2px 10px; } .blog-article h4{ font-weight:500; font-family: 'Mulish', Arial, sans-serif; font-size:24px; margin:40px 0px 30px 0px; float:left; } .blog-text-wrap-container{ min-height:270px; width:100%; float:left; } #home-blog p.article-description{ color:#666666; font-size:16px; line-height:24px; margin-bottom:20px; padding:0px; margin:0px 0px 20px 0px; max-width:100%; float:left; } .article-footer{ border-top:1px solid #e9eff4; color:#b3b3b3; float:left; width:calc(100% - 30px); position:absolute; bottom:15px; padding: 10px 0 0 0; } #home-blog .article-footer p{ color:#b3b3b3; margin:0px; max-width:100%; font-size:14px; } .article-footer a{ color:#b3b3b3; text-decoration:underline; } .article-footer a:hover{ color:#3363bc; text-decoration:none; } .article-footer-left{ float:left; } .article-footer-right{ float:right; } .fa-user{ margin-right:5px; } .fa-clock{ margin-right:9px; width:15px; height:15px; float: left; margin-top: 6px; } .fa-calendar-alt{ margin-right:9px; width: 13.13px; height:15px; float: left; margin-top: 6px; } .article-description a{ color:#3363bc; text-decoration:none; } .article-description a:hover{ color:#141416; } #best, #best2{ padding:100px 0 70px 0; width:100%; float:left; text-align:center; } #best2{ background: #fafafa; } #best h2, #best2 h2{ font-family: 'Mulish', Arial, sans-serif; font-size:34px; font-weight:500; margin:0 auto; } #best p, #best2 p{ margin:30px auto; color:#141416; max-width:65%; font-size:18px; line-height:30px; } #best p a, #best2 p a{ color:#3d6abf; text-decoration:underline; } #best p a:hover, #best2 p a:hover{ color:#141416; text-decoration:none; } .home-product{ padding:0; margin:20px 0 50px 0; border-radius:5px; box-shadow: 0px 0px 10px #ccc; position:relative; text-align:left; display:inline-block; } .home-product img{ width:100%; max-width:100%; height:auto; float:left; } .small-btn{ padding:10px; font-size: 15px; margin-right:0px; font-weight:600; cursor:pointer; } .home-product-description{ float:left; width:100%; padding:20px 30px; } .slider-container{ padding:0px 40px; box-sizing: border-box; width:100%; margin-right:0px !important; } .home-product h3{ font-family: 'Mulish', Arial, sans-serif; color:#000; font-size:20px; font-weight:500; } .product-rating{ margin:10px 0 20px 0; min-height:22px; } .product-rating i{ color:#fdcc08; font-size:20px; width:22.5px; height:20px; } *:focus {outline:none} .home-product-description a{ color:#141416; text-decoration:none; } .home-product-description a:hover{ color:#3d6abf; text-decoration:none; } .slick-arrow{ position:absolute; top:50%; z-index:1000; font-size:50px; color:#e4f1fd; margin-top:-30px; cursor:pointer; } .fa-angle-left.slick-arrow{ left:-40px; } .fa-angle-right.slick-arrow{ right:-40px; } .slick-arrow:hover{ color:#3d6abf; } #best h2.second-title{ margin-top:40px; } .home-category{ padding:0; margin:20px 0 0px 0; border-radius:5px; position:relative; text-align:left; display:inline-block; border:2px solid #fafafa; color:#252525; transition: all 0.3s; } .home-category:hover{ transition: all 0.3s; } .home-category img{ width:100%; max-width:100%; height:auto; float:left; border-radius:5px; } .home-category-desc{ margin:25px 0; float:left; padding:0 0 0 20px; width:100%; } .home-category .white{ display:none; } .home-category:hover .white{ display:block; transition: all 0.3s; } .home-category .blue{ display:block; } .home-category:hover .blue{ display:none; transition: all 0.3s; } .home-category:hover{ color:#fafafa; border:2px solid #285bb8; background:#285bb8; transition: all 0.3s; } .home-category h3{ font-family: 'Mulish', Arial, sans-serif; font-size:19px; font-weight:500; } .home-category .col-2{ padding-left:0 !important; padding-right:0 !important; text-align:center; } #best .home-category p, #best2 .home-category p { margin: 0; color: #252525; max-width: 97%; font-size: 15px; line-height: 23px; } #best .home-category p span, #best2 .home-category p span { color:#fff; font-weight:bold; background:#285bb8; padding:1px 5px; border-radius:2px; } .padding10{ padding-left:5px !important; padding-right:5px !important; } .home-category .col-2 img{ text-align:center; float:none; margin:0 auto; max-height:50px; max-width:44px; height:auto; width:auto; } .home-category:hover p{ color:#fff !important; transition: all 0.3s; } .home-category:hover p span{ color:#fff !important; transition: all 0.3s; } .home-category:hover img{ opacity:0.5; transition: all 0.3s; } .home-category:hover img.white{ opacity:1; } .plus-overlay{ position:relative; display:inline-block; width:100%; } .plus-overlay .fa-plus{ position:absolute; top:50%; left:50%; font-size:40px; color:#fff; z-index:1000; margin-left:-17px; margin-top:-20px; display:none; transition: all 0.3s; } .home-category:hover .plus-overlay .fa-plus{ display:block; transition: all 0.3s; } #main-content-page, #main-content{ display: inline-block; width:100%; margin:0px; padding:60px 0px; } #main-content h1, #main-content-page h1{ font-size:40px; font-family: 'Mulish', Arial, sans-serif; font-weight:500; margin:0px 0px 20px 0px; display:inline-block; width:100%; } #main-content p, #main-content-page p{ font-size:17px; font-family: 'Open Sans', Arial, sans-serif; font-weight:normal; line-height:27px; margin-bottom:20px; word-break: break-word; } #main-content p a #main-content-page p a{ color:#285bb8; text-decoration:underline; font-weight:600; word-break: break-word; display: inline-block; } #main-content h3 a, .category-content ul a, .category-content ol a, .category-content a{ color:#285bb8; text-decoration:underline; } #main-content h3 a:hover, .category-content ul a:hover, .category-content ol a:hover, .category-content a:hover{ text-decoration:none; color:#000; } .category-content ul a, .category-content ol a, .category-content a{ font-weight:600; } #main-content p a:hover{ text-decoration:none; color:#000; } .blog-content a{ color:#285bb8; text-decoration:underline; font-weight:600; } .blog-content a:hover{ text-decoration:none; color:#000; } #main-content .metadata p, #main-article-content .metadata p, #main-content-page .metadata p, #main-article-content-page .metadata p{ font-size:15px; line-height:30px; float:left; margin:0px 20px 0px 0px; color:#ccc; font-weight:600; } #main-content img, #main-content-page img{ max-width:100%; margin:10px 0px 20px 0px; border-radius:5px; height:auto; } .metadata{ margin:0px 0px 30px 0px; float:left; width:100%; } #main-content .metadata img, #main-article-content .metadata img, #main-content .author-box img, #main-content-page .metadata img, #main-article-content .metadata img, #main-content-page .author-box img{ float:left; max-width:30px; max-height:30px; border-radius:50%; margin:0px 20px 0px 0px; } #main-content .meta-author, #main-article-content .meta-author, #main-content-page .meta-author, #main-article-content .meta-author{ text-decoration:none; color: #4a4a4a !important; text-transform:uppercase; font-weight:600; float:left; } #main-content h2{ font-size:35px; font-family: 'Mulish', Arial, sans-serif; font-weight:500; margin:20px 0px 20px 0px; display:inline-block; width:100%; } #main-content h3{ font-size:25px; font-family: 'Mulish', Arial, sans-serif; font-weight:500; margin:20px 0px 20px 0px; display:inline-block; width:100%; } #main-content h4{ font-size:22px; font-family: 'Mulish', Arial, sans-serif; font-weight:500; margin:0px 0px 20px 0px; color:#285bb8; display:inline-block; width:100%; } #main-content ol h3{ margin:0px 0px 10px 0px; font-size:23px; } #main-content ol { list-style: none; counter-reset: my-awesome-counter; padding:20px 30px 0px 30px; } #main-content ol li{ margin-bottom:15px; display:inline-block; counter-increment: my-awesome-counter; position: relative; padding-left:60px; width:100%; min-height:40px; } #main-content ol li::before { content: counter(my-awesome-counter); font-weight: 600; left:0; top:0; position:absolute; border:2px solid #285bb8; color:#285bb8; border-radius:50%; width:40px; height:40px; line-height:37px; text-align:center; } .related-articles{ border-top:2px solid #e5e5e5; float:left; width:100%; padding-top:30px; margin:0px; text-align:center; } #main-content .related-articles img{ margin:0px 0px 20px 0px; opacity:1; height:auto; } #main-content .related-articles img:hover{ opacity:0.5; } #main-content .related-articles p{ color:#4a4a4a; margin-bottom:30px; font-weight:600; } #main-content .related-articles h5{ font-weight:500; font-family: 'Mulish', Arial, sans-serif; font-size:17px; margin:0px; float:left; width:100%; } #main-content .related-articles a{ color:#252525; text-decoration:none; } #main-content .related-articles a:hover{ color:#285bb8; } .author-container{ float:left; width:100%; padding: 80px 15px 30px 15px; margin: 0px 0px 50px 0px; border-radius: 5px; box-shadow: 0px 0px 10px #ccc; position: relative; text-align: center; display: inline-block; } #main-content p.ribon{ float:left; background:#285bb8; color:#fff; text-transform:uppercase; font-weight:600; position:absolute; left:0px; top:20px; padding:5px 10px; } #main-content .author-container img{ margin:0px; } #main-content .author-container a{ color:#285bb8; text-transform:uppercase; font-size:15px; font-weight:600; } #main-content .author-container a:hover{ text-decoration:none; color:#000; } .line{ width:100%; margin:0px 0px 20px 0px; height:2px; background:#e5e5e5; } .sidebar-box{ float:left; width:100%; padding: 15px 15px 30px 15px; margin: 0px 0px 30px 0px; border-radius: 5px; box-shadow: 0px 0px 10px #ccc; text-align: center; display: inline-block; } #main-content .author-container h3, #main-content .sidebar-box h3, #toc h3{ font-size:23px; } #main-content .sidebar-box a{ color:#285bb8; font-size:15px; line-height:40px; font-weight:600; margin-top:0px; } #main-content .sidebar-box a:hover{ text-decoration:none; color:#000; } .relatedArticle{ margin:0px 0px 30px 0px; display:inline-block; text-align:left; } .collapse-einklappen{ display:none; } #toc{ width:100%; padding: 15px; margin: 0px 0px 30px 0px; border-radius: 5px; box-shadow: 0px 0px 10px #ccc; text-align: center; max-width:396px; float:left; height:auto; overflow:auto; } #toc ul::-webkit-scrollbar { width: 10px; /* Width of the scrollbar */ } #toc ul::-webkit-scrollbar-track { background: none; /* Track color */ margin: 10px 0; } #toc ul::-webkit-scrollbar-thumb { background-color: #ddd; /* Scrollbar color */ border-right: 5px solid #fff; } #toc ul::-webkit-scrollbar-thumb:hover { background-color: #ccc; /* Hover effect */ cursor: pointer; } #main-content #toc h3{ margin: 10px 0; } #toc button{ color: #285bb8; font-size: 15px; font-weight: 600; background:none; border:none; cursor:pointer; outline:none; } #toc button:hover{ color:#000; } *:focus { outline: none; } #toc.opened ul { height: auto; max-height: calc(100vh - 260px); } #toc ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px; color:#252525; text-align:left; overflow:auto; height:auto; max-height: calc(100vh - 260px); float:left; width:100%; display:inline-block; } #toc .nav-link{ padding:0px; } #toc ul li{ width:100%; float:left; margin:5px 0 10px 0px; font-weight:600; } #toc ul li a{ color:#252525; display:block; } #toc ul li a:hover{ color:#285bb8; text-decoration:none; } #toc ul li.child a{ font-size:15px; padding-left:10px; color: #757575; display:block; } #toc ul li.child a:hover{ color:#285bb8; } #toc ul li.child a.active, #toc ul li a.active{ color:#285bb8; } #toc ul li.child{ display:none; margin:0 0 5px 0px; } #toc ul li.child a i{ font-size:12px; margin-right:5px; } #toc.opened ul li{ display:block; } #toc.fixed{ position:fixed; top:0px; } #main-content .metadata.metadata-category p, #main-article-content .metadata.metadata-category p{ margin: 0px 20px 0px 2px; } .toc-link{ display:none; } .author-box{ border: 1px solid #ebebeb; width:100%; padding:20px 30px; border-radius:5px; float:left; margin-bottom:20px; } .metadata.metadata-category{ margin-bottom:20px; } .author-box .meta-author{ font-weight:600; font-size:18px; } .expand-author, .collapse-author{ color: #285bb8; font-size: 15px; font-weight: 600; background:none; border:none; cursor:pointer; outline:none; outline:none; float:right; } .expand-author i, .collapse-author i{ width:9.38px; height:15px; float: right; margin: 3px 0 0 6px; } .expand-author:hover, .expand-author:focus, .collapse-author:hover, .collapse-author:focus{ color:#000; outline:none; } .collapse-author{ display:none; } .expand-show-hide, .collapse-show-hide{ color: #285bb8; font-size: 15px; font-weight: 600; background:none; border:none; cursor:pointer; outline:none; outline:none; float:right; } .expand-show-hide:hover, .expand-show-hide:focus, .collapse-show-hide:hover, .collapse-show-hide:focus{ color:#000; outline:none; } .collapse-show-hide{ display:none; } .author-header{ width:100%; float:left; margin:5px 0px 10px 0px; } .hidden{ display:none; } .author-box p{ font-size:16px; } .fa-instagram{ color:#cd486b; width:17.5px; height:20px; float:left; } .social-author{ margin-left:20px; color:#4a4a4a; font-weight:600; vertical-align:middle; float:left; } .social-author i{ margin-right:5px; font-size:20px; } .social-author:hover{ text-decoration:none; color:#285bb8; } .social-author:hover i{ color:#285bb8; } .fa-twitter{ color:#1da1f3; width:20px; height:20px; float:left; } .best-product{ border: 5px solid #285bb8; float:left; width:100%; border-radius:5px; padding:0px 50px 20px 50px; margin:40px 0; text-align:center; box-sizing:border-box; position:relative; } #main-content .best-product img{ border-radius:5px; } #main-content .best-product-title{ padding:8px 20px; background:#285bb8; color:#fff; position: relative; margin-left: auto; margin-right: auto; left: 0; right: 0; top:-24px; display:inline-block; font-family: 'Mulish', Arial, sans-serif; font-weight:500; font-size:16px; margin-bottom:0px; text-transform:uppercase; border-radius: 10px; } .best-desc{ float:left; width:100%; text-align:left; } .best-desc .product-rating{ margin-bottom:10px; } #main-content .best-desc .small-btn, #main-content .best-desc .small-btn:hover { color:#fff; text-decoration:none; } #main-content .best-desc h3{ font-size:21px; margin:0px 0px 10px 0px; } #main-content .best-desc h3 a, .best-desc h3 a{ text-decoration: none; color: #141416; } #main-content .best-desc h4{ font-size:18px; margin:0px 0px 30px 0px; } .best-desc .fa-check-circle{ color:#285bb8; } .best-desc .fa-times-circle{ color:#b8b8b8; } .best-desc p i{ margin-right:5px; font-size: 19px; } #main-content .best-desc p{ margin-bottom:15px; line-height:25px; } .best-desc .small-btn{ font-weight:600; margin:20px 0; } #main-content p span{ background:#eff5ff; } #main-content p span.price{ background:none; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.02); } .custom-table{ border: 1px solid #dee2e6; width:100%; float:left; box-sizing:border-box; margin:20px 0px; border-radius:5px; } .custom-table table{ float:left; margin:0px; } .custom-table thead th{ border-bottom:none; color:#9ea0a5; } .custom-table tbody td:nth-of-type(odd){ color:#757575; font-weight:600; border-right: 1px solid #dee2e6; } .custom-table th:nth-of-type(odd){ border-right: 1px solid #dee2e6; } .custom-table tbody td:nth-of-type(even){ color:#3e3f42; font-weight:600; } .custom-table td{ padding:15px 25px; } .custom-table th{ padding:10px 25px; font-size:15px; text-transform:uppercase; font-weight:600; } .fa-check{ color:#61d130; } #main-content h3.table-header{ font-size: 22px; padding: 20px 25px; margin:0px; } .custom-table-horizontal{ border: 1px solid #dee2e6; width:100%; float:left; box-sizing:border-box; margin:20px 0px 40px 0px; border-radius:5px; background:#fafafa; position:relative; transform: translateX(0); overflow:hidden; } #main-content .custom-table-horizontal h4, #main-content .specifications h4{ margin-bottom:0px; } .custom-table-horizontal table{ margin:0px; table-layout: fixed; } .custom-table-horizontal table tr:nth-of-type(2){ background:#fff; border-top:none; border-bottom:none; } .custom-table-horizontal table tr:nth-of-type(1) td, .custom-table-horizontal table tr:nth-of-type(1) th{ border-top:none; } .custom-table-horizontal table tr:nth-of-type(2) td, .custom-table-horizontal table tr:nth-of-type(2) th{ border-top:none; border-right:none; } .custom-table-horizontal.specifications table tr:nth-of-type(2){ background:none; border-top:none; border-bottom:none; } .custom-table-horizontal.specifications table tr:nth-of-type(2) td, .custom-table-horizontal.specifications table tr:nth-of-type(2) th{ border-top: 1px solid #dee2e6; border-right: 1px solid #dee2e6; } .custom-table-horizontal.specifications table tr:nth-of-type(2) th{ background: #f0f0f0; } .custom-table-horizontal.specifications table tr:first-of-type th{ border-right:1px solid #dee2e6; } .custom-table-horizontal.specifications table.table_of_threeplus tr:last-child{ margin-bottom: 30px; } .custom-table-horizontal table td{ text-align:center; border-right:1px solid #dee2e6; } .custom-table-horizontal table th{ border-right:1px solid #dee2e6; } #main-content .custom-table-horizontal table img{ border-radius:0px; margin:0px; } .custom-table-horizontal table tr:first-of-type th{ border-right:none; } .custom-table-horizontal table td:last-of-type{ border-right:none; } .custom-table-horizontal table td.active{ border-right:2px solid #285bb8; border-left:2px solid #285bb8; } .custom-table-horizontal table tr:first-of-type td.active{ background:#285bb8; color:#fff; } .custom-table-horizontal table tr:nth-of-type(2) td.active{ border-right:2px solid #285bb8; background:url(../png/table-active.png) no-repeat top center; } .custom-table-horizontal table tr:last-of-type td.active{ border-bottom:2px solid #285bb8; } .custom-table-horizontal table tr td.active{ background:#e5eaf3; } .custom-table-horizontal-scroll.specifications{ overflow-x: auto; overflow-y: hidden; } .custom-table-horizontal-scroll table tr{ float:left; overflow:hidden; padding-left:230px; } .custom-table-horizontal-scroll table td{ min-width:240px; max-width:240px; vertical-align: top; font-weight:600; } .custom-table-horizontal-scroll table tr th{ position:fixed !important; background: #fafafa; left:0px !important; width:230px !important; z-index:1000; transform: translateX(0); display:table-cell; height:100%; vertical-align: middle; } .custom-table-horizontal table tr:nth-of-type(2) th{ background: #fff; } .custom-table-horizontal .mCSB_scrollTools .mCSB_draggerContainer{ z-index:1000; background:#fff; padding:0px 20px; box-sizing:border-box; border-top:1px solid #dee2e6; } .custom-table-horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height:30px; } .custom-table-horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 7px; margin: 11px 0; } .custom-table-horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 7px; margin: 11px auto; } .custom-table-horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ padding:0px 20px; } .custom-table-horizontal .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(40,91,184,0.2); } .custom-table-horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(40,91,184,0.9); } .custom-table-horizontal .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(40,91,184,1); } .custom-table-horizontal .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .custom-table-horizontal .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(40,91,184,1); } .table-item-title{ color:#285bb8; text-decoration:underline; font-weight:600; display:block; } .table-item-title:hover{ color:#000; text-decoration:none; } .custom-table-horizontal .small-btn{ margin:0px; color:#fff; text-decoration:none; padding: 10px; } .custom-table-horizontal .small-btn:hover{ color:#fff; text-decoration:none; } .custom-table-horizontal-mobile .small-btn{ margin:0px; color:#fff; text-decoration:none; padding: 10px; } .custom-table-horizontal-mobile .small-btn:hover{ color:#fff; text-decoration:none; } .table-item-link{ display:block !important; color:#4a4a4a !important; } .table-item-link:hover{ color:#285bb8 !important; } .fa-times{ color:#ef2312; } .custom-table-horizontal ul, .custom-table-horizontal-mobile ul, .blog-content .custom-table-horizontal ul, .blog-content .custom-table-horizontal-mobile ul{ padding:0px; margin:0px; list-style:none; } .custom-table-horizontal ul li, .custom-table-horizontal-mobile ul li, .blog-content .custom-table-horizontal ul li, .blog-content .custom-table-horizontal-mobile ul li{ display:inline-flex; width:100%; margin-bottom:10px !important; margin-left:0px !important; text-align:left; line-height:1.5; font-size:1rem; } .custom-table-horizontal ul.pros li::before, .custom-table-horizontal-mobile ul.pros li::before, .blog-content .custom-table-horizontal ul.pros li::before, .blog-content .custom-table-horizontal-mobile ul.pros li::before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f058"; color:#285bb8; margin-right:8px; font-size:1rem; position:static; left:0px; width:auto; } .custom-table-horizontal ul.cons li::before, .custom-table-horizontal-mobile ul.cons li::before, .blog-content .custom-table-horizontal ul.cons li::before, .blog-content .custom-table-horizontal-mobile ul.cons li::before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f057"; color:#b8b8b8; margin-right:8px; font-size:1rem; position:static; left:0px; width:auto; } .info-box{ width:100%; padding:20px 30px 20px 60px; background:#eff5ff; color:#285bb8; position:relative; margin:10px 0px 30px 0px; display:inline-block; border-radius:5px; } #main-content .info-box p{ margin:0px; font-weight:600; } .info-box:before { content: "\f05a"; font-family: "Font Awesome 5 Free"; left:20px; font-size:25px; position:absolute; top:50%; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 900; margin:-19px 0 0 0; } .plusminus{ float:left; margin:10px 0 30px 0; width:100%; border: 1px solid #e3e3e3; border-radius:5px; display:flex; } .pluses{ background:#f5f9ff; width:50%; float:left; padding:0 20px; box-sizing:border-box; } .minuses{ width:50%; float:left; padding:0 20px; box-sizing:border-box; color:#5d5d5d; } .plusminus h3{ width:100%; text-align:center; padding:30px 0; color:#252525; font-weight:500; font-family: 'Mulish', Arial, sans-serif; } .plusminus ul, .blog-content .plusminus ul, .category-content .plusminus ul{ padding:0px; margin:0px 0px 20px 0px; list-style:none; } .plusminus ul li,.blog-content .plusminus ul li, .category-content .plusminus ul li{ display:inline-flex; width:100%; margin:0 0 20px 0px; padding-left:30px; text-align:left; line-height:20px; font-weight:600; position:relative; } .pluses ul li::before,.blog-content .pluses ul li::before, .category-content .pluses ul li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f055"; color:#285bb8; margin-right:8px; font-size:20px; width:auto; top:-2px; left:0px; } .minuses ul li::before,.blog-content .minuses ul li::before, .category-content .minuses ul li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f056"; color:#d3d3d3; margin-right:8px; font-size:20px; width:auto; top:-1px; left:0px; } .ul-arrow{ padding:0px; margin:30px 0px 20px 0px; list-style:none; } .ul-arrow li{ width:100%; margin-bottom:20px; text-align:left; font-weight:600; float:left; } .ul-arrow li a{ text-decoration:none; color:#000; display:block; line-height:30px; } .ul-arrow li a span{ color:#a19f9f; } .ul-arrow li a:hover, .ul-arrow li a:hover span{ text-decoration:none; color:#285bb8; } .ul-arrow i{ color:#285bb8; font-size:30px; margin-right:5px; vertical-align:middle; } .two-columns{ columns: 2; -webkit-columns: 2; -moz-columns: 2; } .center-div{ width:100%; float:left; margin:20px 0; text-align:center; } .big-checkbox, .blog-content .big-checkbox, .category-content .big-checkbox{ list-style: none; padding:20px 30px 0px 30px; } .big-checkbox li, .blog-content .big-checkbox li, .category-content .big-checkbox li{ margin-bottom:10px; margin-left:0px; display:inline-block; position: relative; padding-left:60px; } .big-checkbox li::before, .blog-content .big-checkbox li::before, .category-content .big-checkbox li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f058"; font-weight: 900; left:0; top:0; position:absolute; color:#285bb8; width:40px; height:40px; line-height:37px; text-align:center; font-size:40px; } #main-content .big-checkbox li h3 { margin: 0px 0px 10px 0px; font-size: 23px; } .best-featured-product{ border: 5px solid #285bb8; float:left; width:100%; border-radius:5px; padding:30px 0 0px 0; margin:40px 0; box-sizing:border-box; position:relative; } #main-content .best-featured-product-title{ padding:10px 20px; background:#285bb8; color:#fff; position: absolute; left: 30px; top:-25px; display:inline-block; font-family: 'Mulish', Arial, sans-serif; font-weight:500; font-size:16px; margin-bottom:0px; text-transform:uppercase; } .best-featured-product-heading{ color:#285bb8; text-decoration:underline; font-weight:600; display:block; font-size:19px; margin:5px 0 20px 0; } .best-featured-product-heading:hover{ color:#000; text-decoration:none; } .img-wrap{ float:left; width:30%; padding-left:30px; box-sizing:border-box; } #main-content .img-wrap img{ border-radius:0px; width:100%; max-width:100%; height:auto; } .table-wrap{ float:left; width:70%; box-sizing:border-box; padding-left:50px; padding-right:30px; } .table-wrap table{ width:100%; border-bottom:1px solid #dee2e6; } .table-wrap table td{ text-align:center; vertical-align:middle; width:20%; font-weight:600; } .table-wrap table tr{ vertical-align:middle; } #main-content .table-wrap .small-btn{ margin:0px; } #main-content .table-wrap img{ border-radius:0px; vertical-align:middle; margin:0px; } #main-content .best-featured-product .table-wrap .small-btn, .best-featured-product .table-wrap .small-btn{ width:100%; } .best-featured-product .table-wrap table td:first-of-type, .best-featured-product .table-wrap table td:last-of-type{ padding-left:0px; padding-right:0px; } .simple-link{ text-transform:uppercase; color:#000; width:100%; text-align:center; } .simple-link:hover{ color:#285bb8; text-decoration:none; } .plus-minus-wrap{ background:#f8f8f8; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; width:100%; float:left; padding:30px 0 20px 0; } .plus-minus-wrap ul, .blog-content .plus-minus-wrap ul, .category-content .plus-minus-wrap ul{ padding:0px; margin:0px 0px 0px 0px; list-style:none; width:50%; float:left; padding:0 30px; } .plus-minus-wrap ul li, .blog-content .plus-minus-wrap ul li, .category-content .plus-minus-wrap ul li{ display:inline-flex; width: calc(100% - 30px); margin-bottom:20px; text-align:left; line-height:20px; font-weight:600; } .plus-ul li::before, .blog-content .plus-ul li::before, .category-content .plus-ul li::before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f055"; color:#285bb8; margin-right:8px; font-size:20px; } .minus-ul li::before, .blog-content .minus-ul li::before, .category-content .minus-ul li::before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f056"; color:#d3d3d3; margin-right:8px; font-size:20px; } .custom-table-horizontal-mobile{ width:100%; float:left; margin:70px 0 40px 0; display:none; } .custom-table-horizontal-mobile .fa-angle-left.slick-arrow{ top:-10px; opacity: 1; } .custom-table-horizontal-mobile .fa-angle-right.slick-arrow{ top:-10px; opacity: 1; } .product-slide{ width:100%; float:left; border: 2px solid #dee2e6; text-align:center; } .product-slide.top-pick{ border: 2px solid #285bb8; } #main-content .product-slide p.top{ background:#285bb8; color:#fff; width:100%; margin:0px; float:left; padding:5px 0; } .product-slide .table-item-title{ margin:20px 0; display:inline-block; } .button-wrap{ width:100%; background:#e9eef8; padding:30px; } .button-wrap .table-item-title{ color:#4a4a4a; margin:20px 0 0 0; } .button-wrap .table-item-title:hover{ color:#285bb8; } .custom-table-horizontal-mobile ul{ padding:0px; margin:0px; list-style:none; } .custom-table-horizontal-mobile ul li{ display:inline-flex; width:100%; margin-bottom:10px; text-align:left; } .custom-table-horizontal-mobile ul.pros li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f058"; color:#285bb8; margin-right:8px; } .custom-table-horizontal-mobile ul.cons li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f057"; color:#b8b8b8; margin-right:8px; } .custom-table-horizontal-mobile table td{ width:50%; border-right: 1px solid #dee2e6; box-sizing:border-box; padding-left:15px; padding-right:15px; vertical-align:middle; text-align:left; background:#f4f5f8; font-weight:600; text-align:center; } .custom-table-horizontal-mobile table{ margin:0px; } .custom-table-horizontal-mobile table td:last-of-type{ color:#757575; } #main-content .custom-table-horizontal-mobile img{ width:100%; padding:0 10%; margin:0px 0 20px 0; } .custom-table-horizontal-mobile .slick-dots{ float:left; width:100%; display:inline; text-align:center; margin:30px 0 0 0; position:absolute; top:-53px; } .custom-table-horizontal-mobile .slick-dots li{ display:inline-block; width:auto; margin:0 10px; } .custom-table-horizontal-mobile .slick-dots li button{ border-radius:50%; width:15px; height:15px; color:#285bb8; background:#e9eef8; display:block; text-indent:-9999px; border:none; outline:none; } .custom-table-horizontal-mobile .slick-dots li.slick-active button{ background:#285bb8; } .copy-wrap{ float:left; position:relative; } #main-content p.copy{ position:absolute; right:0px; bottom:0px; font-size:15px; color:#ddd; margin:0px; } #main-article-content { float: left; width: 100%; margin: 0px; padding: 70px 0px; background:#f9f9f9; text-align:center; } #main-article-content h1{ font-size: 40px; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; margin: 0px 0px 20px 0px; display: inline-block; width: 100%; } #main-article-content h5{ color:#4a4a4a; } #main-article-content .metadata{ text-align:center; width:auto; display:inline-block; float:none; margin:20px 0; } #main-article-content p.italic{ width:100%; padding:0; margin:0px; display:inline-block; font-size:20px; font-style:italic; line-height:35px; } #main-content img.cover{ height:100%; width:100%; padding-bottom:40px; } .desktop-menu-wraper{ position:static; } .mega-menu ul{ position:absolute; left: 0; top:70px; background:#232c3c; color:#fff; z-index:10000; width: 100%; display:none; max-height:604px; padding:20px 10%; } .main-menu li:hover ul{ display:block; } .mega-menu ul li { width: 25%; padding: 10px; display: table-cell; min-height:160px; } /* .mega-menu ul li:hover{ background:#333b4a; } */ .mega-menu ul li a{ border:none; color:#fff; background:none; padding:0px; width:100%; } .mega-menu ul li span{ border:none; color:#fff; background:none; padding:0px; width:100%; display:inline-block; } .mega-menu ul li a:hover{ color:#fff; } .mega-menu ul li img{ float:left; clear:both; max-height: 35px; max-width: 44px; margin-bottom:10px; } .mega-menu ul li p{ float:left; width:100%; margin:20px 0 15px 0; font-size:16px; font-weight:normal; color:#fff; } .mega-menu ul li p.table-item-link{ font-size:16px; font-weight:normal; text-decoration:underline; color:#fff !important; } .mega-menu ul li p.table-item-link i{ font-size:13px; text-decoration:underline; } .relative .sub-menu{ position:absolute; left:20px; top:70px; color:#fff; z-index:10000; padding:0px; width:360px; background:#232c3c; display:none; } .relative{ position:relative; } .relative .sub-menu li { width:100%; } .relative .sub-menu li a{ background:none; color:#fff; padding:10px 20px; width:100%; } .relative .sub-menu li a:hover{ color:#fff; background:#333b4a; } #breadcrumb{ float:left; width:100%; margin:0px; padding:0px; color:#757575; } #breadcrumb ol{ margin:0px; font-size:14px; list-style:none; padding:0px; } #breadcrumb ol li{ display:inline; margin-right:4px; } #breadcrumb ol li:before{ display: none; } #breadcrumb ol li:last-of-type a{ color: #285bb8; } #breadcrumb ol a{ color: #757575; text-decoration:none; font-weight:600; float:left; } #breadcrumb ol a:hover{ color: #285bb8; } #breadcrumb ol i{ color: #afafaf; width:12.25px; height:14px; float:left; margin:5px 5px 4px 7px; } .footer_menu{ list-style:none; margin:5px 0px; padding:0px; float:left; width:100%; } .footer_menu li{ float:left; } .footer_menu li::after{ content: "/"; color: #abb9dd; margin-right:5px; margin-left:5px; } .footer_menu li:last-child::after{ content: ""; } .cookie-disclaimer { background: #285bb8; padding:5px 0px; color: #FFF; opacity: 0.9; width: 100%; bottom: 0; left: 0; z-index: 1000; position: fixed; text-align:center; display:none; } .cookie-disclaimer p{ font-size:14px; float:left; margin:4px 5px; width:auto; color: #FFF; } .cookie-disclaimer button{ font-size:14px; } .disclaimer{ margin:0 auto; text-align:center; display:inline-block; } .cookie-disclaimer .btn{ padding: 4px 10px; margin:0px; } .disclaimer p a{ color:#fff; text-decoration:none; } .disclaimer p a:hover{ text-decoration:underline; } .mega-menu li.active{ background:none !important; } .mega-menu li.active:hover{ background:#333b4a !important; } .sub-menu li.active{ background:none !important; } .relative .sub-menu{ max-height:518px; overflow:auto; } .relative .sub-menu::-webkit-scrollbar { width: 10px; /* Width of the scrollbar */ } .relative .sub-menu::-webkit-scrollbar-track { background: none; /* Track color */ margin: 10px 0; } .relative .sub-menu::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.3); /* Scrollbar color */ border-right: 5px solid #232c3c; } .relative .sub-menu::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,0.5); /* Hover effect */ cursor: pointer; } .relative .sub-menu .mCSB_inside > .mCSB_container{ margin-right:0px; } .relative .sub-menu .mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .relative .sub-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .relative .sub-menu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.50); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .relative .sub-menu .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .relative .sub-menu .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.6); filter: "alpha(opacity=60)"; -ms-filter: "alpha(opacity=60)"; } .relative .sub-menu .mCSB_scrollTools{ right:0; top:2%; height:96%; } .mobile-nav p{ display:none !important; } .blog-article h4 a{ color:#141416; text-decoration:none; } .blog-article h4 a:hover{ color:#3363bc; text-decoration:none; } .mCSB_scrollTools.mCSB_scrollTools-clone{ left:0; } .mega-menu .mCSB_inside > .mCSB_container{ margin-left:30px; } .mega-menu .sub-menu .mCSB_inside > .mCSB_container{ margin-right:0px; } .mega-menu .sub-menu .mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mega-menu .sub-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mega-menu .sub-menu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.50); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mega-menu .sub-menu .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mega-menu .sub-menu .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.6); filter: "alpha(opacity=60)"; -ms-filter: "alpha(opacity=60)"; } .mega-menu .sub-menu .mCSB_scrollTools{ right:0; top:2%; height:96%; } .comment-respond label { display: none; } .comment-form{ text-align:left; float:left; width:100%; } .comment-form textarea{ border: 1px solid #efefef; float:left; width:100%; padding:20px; box-sizing:borer-box; margin-bottom:27px; position:relative; } .comment-form input{ border: 1px solid #efefef; float:left; width:100%; padding:20px; box-sizing:border-box; margin-bottom:27px; position:relative; } .comment-form-comment{ width:100%; float:left; } .comment-form-author{ margin-right:4%; width:48%; float:left; } .comment-form-email{ width:48%; float:left; } .comment-form input.submit{ float:right; width:auto; background:#3363bc; color:#fff; cursor:pointer; padding:20px 30px; } .comment-form input.submit:hover{ background:#194595; } .comment-form input:focus, .comment-form textarea:focus{ border: 1px solid #3363bc; background:#f9f9f9; } #main-content h3#reply-title{ text-align:left; font-weight:normal; } .comment-form-comment, .comment-form-author, .comment-form-email{ position:relative; margin-bottom: 10px !important; } .error{ color: #FF0000; position:absolute; bottom:5px; font-size:14px; font-weight:normal; } input.error, textarea.error { color:#4a4a4a; font-size:17px; } #comments-list ul{ padding:0px; margin:0px; } .comment .parent_wrap{ width:100%; display:block; margin:0px 0px 20px 0px; border:1px solid #efefef; padding:20px 20px 10px 20px; box-sizing:border-box; } .comment.even .parent_wrap{ background:#f9f9f9; } .comment .no_parent_wrap{ width:100%; display:block; margin:0px 0px 20px 0px; border:1px solid #efefef; padding:20px 20px 10px 20px; box-sizing:border-box; } .comment.even .no_parent_wrap{ background:#f9f9f9; } .comment.bypostauthor > .no_parent_wrap, .comment.bypostauthor > .parent_wrap{ background:#3363bc !important; color:#fff; } .comment.comment-author-teamcoffeeness > .no_parent_wrap, .comment.comment-author-teamcoffeeness > .parent_wrap{ background:#3363bc !important; color:#fff; } #main-content .comment img{ float:left; border-radius:50%; width:50px; margin:20px 20px 0 20px; } .comment-meta{ float:left; width:calc(100% - 70px); } #main-content .comment-meta h2{ font-size:20px; margin:15px 0px 0px 20px; width:auto; } #main-content .comment-meta time{ font-size:16px; margin:15px 0px 15px 20px; float:right; color:#757575; } .comment-content{ width:100%; display:inline-block; margin:20px 0px 0px 0px; padding-top:20px; border-top:1px solid #efefef; word-break: break-word; } #respond{ display:inline-block; width:100%; max-width:100%; } .comment-reply-link{ float: right; width: auto; background: #3363bc; color: #fff; cursor: pointer; padding: 8px 20px; margin-bottom:10px; border:2px solid #3363bc; } .comment-reply-link:hover{ background: #194595; color:#fff; text-decoration:none; border:2px solid #194595; } .comment.bypostauthor .no_parent_wrap .comment-content, .comment.bypostauthor .parent_wrap .comment-content{ border-top:1px solid #194595; } .comment.bypostauthor .no_parent_wrap .comment-content .comment-reply-link, .comment.bypostauthor .parent_wrap .comment-content .comment-reply-link{ background: #194595; border:2px solid #194595; } .comment.bypostauthor .no_parent_wrap .comment-content .comment-reply-link:hover, .comment.bypostauthor .parent_wrap .comment-content .comment-reply-link:hover{ background: #3363bc; color:#fff; border:2px solid #194595; } #main-content .comment.bypostauthor .no_parent_wrap .comment-meta time, #main-content .comment.bypostauthor .parent_wrap .comment-meta time{ color:#fff; } #main-content .comment img.emoji{ float:none; } .depth-2{ margin-left:5%; } .depth-3{ margin-left:10%; } .depth-4{ margin-left:15%; } .depth-5{ margin-left:20%; } .comment.comment-author-arne .no_parent_wrap .comment-content, .comment.comment-author-arne .parent_wrap .comment-content{ border-top:1px solid #194595; } .comment.comment-author-arne .no_parent_wrap .comment-content .comment-reply-link, .comment.comment-author-arne .parent_wrap .comment-content .comment-reply-link{ background: #194595; border:2px solid #194595; } .comment.comment-author-arne .no_parent_wrap .comment-content .comment-reply-link:hover, .comment.comment-author-arne .parent_wrap .comment-content .comment-reply-link:hover{ background: #3363bc; color:#fff; border:2px solid #194595; } #main-content .comment.comment-author-arne .no_parent_wrap .comment-meta time, #main-content .comment.comment-author-arne .parent_wrap .comment-meta time{ color:#fff; } .comment.comment-author-teamcoffeeness .no_parent_wrap .comment-content, .comment-author-teamcoffeeness .parent_wrap .comment-content{ border-top:1px solid #194595; } .comment.comment-author-teamcoffeeness .no_parent_wrap .comment-content .comment-reply-link, .comment-author-teamcoffeeness .parent_wrap .comment-content .comment-reply-link{ background: #194595; border:2px solid #194595; } .comment.comment-author-teamcoffeeness .no_parent_wrap .comment-content .comment-reply-link:hover, .comment-author-teamcoffeeness .parent_wrap .comment-content .comment-reply-link:hover{ background: #3363bc; color:#fff; border:2px solid #194595; } #main-content .comment.comment-author-teamcoffeeness .no_parent_wrap .comment-meta time, #main-content .comment.comment-author-teamcoffeeness .parent_wrap .comment-meta time{ color:#fff; } .comment.comment-author-teamcoffeeness a, .comment.comment-author-arne a{ color:#fff !important; } .comment.comment-author-arne > .no_parent_wrap{ background: #3363bc; color:#fff; } .comment.comment-author-arne > .parent_wrap{ background: #3363bc; color:#fff; } .remove-first-p + p{ display:none !important; } .remove-first-p > p:first-of-type{ display:none !important; } .alignleft { float: left; margin: 5px 30px 10px 0 !important; } .alignright { float: right; margin: 5px 0 10px 30px !important; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 10px !important; } .alignnone { display: block; margin: 5px 10px 20px 0 !important; } .thumbnail .alignnone { margin: 0 !important; } a img.alignleft { float: left; margin: 5px 30px 10px 0 !important; } a img.alignright { float: right; margin: 5px 0 10px 30px !important; } a img.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; } a img.alignnone { margin: 5px 10px 20px 0 !important; } article .post-content img { max-width: 100%; } .text-highlight { background: #eff5ff; padding: .25em .5em; } .span8{ width:66%; } .span9{ width:75%; } .span10{ width:83%; } #main-content .table_of_contents_blog{ background:#f0f0f0; width:100%; padding:0px; box-sizing:border-box; display:inline-block; margin:0px 0px 20px 0px; border-radius: 10px; overflow: hidden; } #main-content .table_of_contents_blog p{ background: #285bb8 none repeat scroll 0 0; box-sizing: border-box; color: #fff; display:inline-block; font-size: 25px !important; line-height: 25px !important; font-weight:bold; margin: 0; padding: 20px; text-align: left; width: 100%; } #main-content article .table_of_contents_blog ol, #main-content .table_of_contents_blog ol{ width:100%; padding:20px 20px 20px 40px; box-sizing:border-box; display:none; } .twocolumns{ -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 60px; column-gap: 60px; -moz-column-gap: 60px; } #main-content article .table_of_contents_blog ol li a, #main-content .table_of_contents_blog ol li a{ color:#4d4d4d; line-height: 25px !important; text-decoration:none; } #main-content article .table_of_contents_blog ol li, #main-content .table_of_contents_blog ol li{ padding:0px 0px 0px 10px !important; margin:10px 0 0 0 !important; width:100%; } #main-content article .table_of_contents_blog .strong, #main-content .table_of_contents_blog .strong{ font-weight:bold; } #main-content article .table_of_contents_blog .child, #main-content .table_of_contents_blog .child{ width:100%; display:inline-block; text-decoration:none; color:#4d4d4d; padding:0px 0px 0px 20px; font-size:14px; margin:0px 0px 0px 0px; line-height:18px !important; } #main-content article .table_of_contents_blog i, #main-content .table_of_contents_blog i { font-size:8px; color:#4d4d4d; margin-right:7px; vertical-align: middle; } #main-content article .table_of_contents_blog ol li a:hover, #main-content .table_of_contents_blog ol li a:hover { color:#285bb8 !important; } #main-content article .table_of_contents_blog .child:hover, #main-content .table_of_contents_blog .child:hover{ color:#285bb8 !important; } #main-content article .table_of_contents_blog .child i.fa.fa-minus:before, #main-content .table_of_contents_blog .child i.fa.fa-minus:before{ background:none; color:#4d4d4d; } #main-content article .table_of_contents_blog ol li a, #main-content .table_of_contents_blog ol li a{ border-bottom-width:0px !important; } .openclose{ cursor:pointer; } .openclose::after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f107"; float:right; font-size:40px; } .openclose.opened::after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f106"; float:right; font-size:40px; } .category-content ul{ margin:0px; padding:0px 0px 0px 30px; list-style:none; margin-bottom:20px; } .category-content ul.pros, .category-content ul.cons{ padding:0px 0px 0px 0px; } .category-content ul li{ margin:0px 0px 5px 0px; padding:0px; line-height:30px; } .category-content .product_list_item ul li{ line-height: 1.5; } .category-content ul li::before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f105"; float:left; font-weight:900; font-size:20px; line-height:30px; color: #285bb8; margin-right:10px; } #main-content .table_of_contents_blog ol li:before{ border:none; font-weight:bold; position:static; margin:0px 10px 0 0; } /* List styling */ .list ul { margin: 0; } .list.unstyled ul li { margin: 0 0 .5em 0; padding: 0; border: none; background: none; list-style-type: none; } .list.unstyled > ul li:before { display: none; } .list.styled ul { margin: 0 0 1em 0; } .list.styled ul li { position: relative; margin: 0 0 .5em 0; padding: 0 0 0 30px; border: none; background: none; list-style-type: none; } .list li { position: relative; } .list li:before { margin-right: 5px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; line-height: 14px; speak: none; *margin-right: .3em; font-weight:900; position:absolute; left:0px; top:0px; } /* Check List */ .list.check-list ul li:before { content: "\f00c"; left: -10px !important; } /* Check2 List */ .list.check2-list ul li:before { content: "\f058"; left: -10px !important; } /* Arrow List */ .list.arrow-list ul li:before { content: "\f061"; left: -10px !important; } /* Arrow2 List */ .list.arrow2-list ul li:before { content: "\f0a9"; left: -10px !important; } /* Circle List */ .list.circle-list ul li:before { content: "\f111"; left: -10px !important; } /* Plus List */ .list.plus-list ul li:before { content: "\f067"; left: -10px !important; } /* Minus List */ .list.minus-list ul li:before { content: "\f068"; left: -10px !important; } .alert { color: #ff9500 !important; border-width: 0px 2px 0px 8px; border-radius: 0px; padding: 15px; margin-bottom: 20px; display: inline-block; width: 100%; background: rgba(255,149,0, 0.2); font-weight: 600 !important; } div#toc_container{ width:100% !important; margin:0px 0px 20px 0px !important; padding:20px !important; } div#toc_container .toc_list li a{ font-size:17px; } div#toc_container .toc_list ul li a{ font-size:15px; } div#toc_container .toc_list li::before{ display:none; } .md-trigger { position: fixed; background: #285bb8; border: none; padding: 10px 25px; bottom: 0px; left: 0px; color: #fff; display: block; z-index: 100; } .md-trigger:hover { background: #194595; text-decoration:none; color: #fff; } #comments-nav-above{ margin-bottom:20px; } .paginated-comments-links a{ background: #285bb8; color:#fff; text-decoration: none; font-weight: normal; padding:10px 15px; display:inline-block; font-size:15px; margin-right:5px; opacity:0.8; margin-bottom: 10px; border-radius: 5px; } .paginated-comments-links a:hover{ background: #285bb8; color:#fff; text-decoration: none; opacity:1; } .page-numbers{ background: #f9f9f9; text-decoration: none; font-weight: normal; padding:10px 15px; display:inline-block; font-size:15px; margin-right:5px; } .page-numbers.current{ background: #194595; color:#fff; opacity:1; border-radius: 5px; } #main-content .comment.comment-author-arne .no_parent_wrap p a, #main-content .comment.comment-author-arne .parent_wrap p a, #main-content .comment.comment-author-arne .no_parent_wrap p a:hover,#main-content .comment.comment-author-arne .parent_wrap p a:hover{ color:#fff; } .content-main-image{ text-align:center; } #main-content .content-main-image img{ margin-bottom:60px; } .alert-success{ color:#40B756 !important; border-left-color:#40B756; border-right-color:#40B756; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(76,217,100, 0.1); font-weight:600 !important; } .alert-info{ color:#285bb8 !important; border-left-color:#285bb8; border-right-color:#285bb8; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; margin-bottom:20px; display:inline-block; width:100%; background: #eff5ff; font-weight:600 !important; } .alert-alert{ color:#ff9500 !important; border-left-color:#ff9500; border-right-color:#ff9500; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(255,149,0, 0.2); font-weight:600 !important; } .alert-danger{ color:#FF1300 !important; border-left-color:#FF1300; border-right-color:#FF1300; border-width: 0px 2px 0px 8px; border-radius:0px; padding:15px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(255,19,0, 0.2); font-weight:600 !important; } blockquote { font-family: Georgia, serif; font-size: 18px; font-style: italic; max-width: 96%; width:630px; margin: 0 0 20px 4%; padding: 0.35em 40px; line-height: 1.45; position: relative; color: #383838; border:none; display:inline-block; } blockquote:before { display: block; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: #7a7a7a; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } .alert-success-icon{ color:#40B756 !important; border-left-color:#40B756; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(76,217,100, 0.1); width:100%; font-weight:600 !important; border-radius: 10px; position: relative; padding-left: 40px; display: inline-block; } .alert-success-icon:before { font-size:23px; color:#40B756; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f058"; float: left; margin-top: 0px; position: absolute; left: 10px; } .alert-info-icon{ color:#285bb8 !important; border-left-color:#285bb8; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: #eff5ff; width:100%; font-weight:600 !important; border-radius: 10px; position: relative; padding-left: 40px; display: inline-block; } .alert-info-icon:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f05a"; float: left; margin-top: 0px; position: absolute; left: 10px; } .alert-alert-icon{ color:#ff9500 !important; border-left-color:#ff9500; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(255,149,0, 0.2); width:100%; font-weight:600 !important; border-radius: 10px; position: relative; padding-left: 40px; display: inline-block; } .alert-alert-icon:before { font-size:23px; color:#ff9500; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f06a"; float: left; margin-top: 0px; position: absolute; left: 10px; } .alert-danger-icon{ color:#FF1300 !important; border-left-color:#FF1300; border-width: 0px 0px 0px 8px; border-radius:0px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(255,19,0, 0.2); width:100%; font-weight:600 !important; border-radius: 10px; position: relative; padding-left: 40px; display: inline-block; } .alert-danger-icon:before { font-size:23px; color:#FF1300; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f06a"; float: left; margin-top: 0px; position: absolute; left: 10px; } .blog-content .ul-style-1, .blog-content .ul-style-2, .blog-content .ul-style-3, .blog-content .ul-style-4, .blog-content .ul-style-5, .blog-content .ul-style-6, .blog-content .ul-style-7, .blog-content .ul-style-standard, .blog-content .ul-style-8, .blog-content .ul-style-9{ display:inline-block; width:100%; margin:0px; padding:0px 0px 0px 30px; margin-bottom:20px; list-style:none; } .blog-content .ul-style-1 li, .blog-content .ul-style-2 li, .blog-content .ul-style-3 li, .blog-content .ul-style-4 li, .blog-content .ul-style-5 li, .blog-content .ul-style-6 li, .blog-content .ul-style-7 li, .blog-content .ul-style-standard li, .blog-content .ul-style-8 li, .blog-content .ul-style-9 li{ margin:15px 0px 3px 0px; padding-left: 35px; position: relative; } .blog-content .ul-style-1 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f059"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-2 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f05a"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-3 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f067"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-4 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f068"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-5 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f061"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-6 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f164"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-7 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f00c"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-8 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f0f4"; position:absolute; top:0px; left:0px; } .blog-content .ul-style-9 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f7b6"; position:absolute; top:0px; left:0px; } .blog-content ul{ display:inline-block; width:100%; margin:0px; padding:0px 0px 0px 30px; margin-bottom:20px; list-style:none; } .blog-content ul li{ margin:15px 0px 3px 0px; padding-left: 35px; position: relative; } .blog-content ul li::before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f061"; position:absolute; top:-3px; left:0px; } .blog-content .ul-style-standard li::before{ font-size:30px; color:#285bb8; margin-right:9px; vertical-align: sub; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight:900; color: #285bb8; position:absolute; top:0px; left:4px; } .category-content .ul-style-1, .category-content .ul-style-2, .category-content .ul-style-3, .category-content .ul-style-4, .category-content .ul-style-5, .category-content .ul-style-6, .category-content .ul-style-7, .category-content .ul-style-standard, .category-content .ul-style-8, .category-content .ul-style-9{ display:inline-block; width:100%; margin:0px; padding:0px 0px 0px 30px; margin-bottom:20px; list-style:none; } .category-content .ul-style-1 li, .category-content .ul-style-2 li, .category-content .ul-style-3 li, .category-content .ul-style-4 li, .category-content .ul-style-5 li, .category-content .ul-style-6 li, .category-content .ul-style-7 li, .category-content .ul-style-standard li, .category-content .ul-style-8 li, .category-content .ul-style-9 li{ margin:15px 0px 3px 0px; padding-left: 35px; position: relative; } .category-content .ul-style-1 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f059"; position:absolute; top:0px; left:0px; } .category-content .ul-style-2 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f05a"; position:absolute; top:0px; left:0px; } .category-content .ul-style-3 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f067"; position:absolute; top:0px; left:0px; } .category-content .ul-style-4 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f068"; position:absolute; top:0px; left:0px; } .category-content .ul-style-5 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f061"; position:absolute; top:0px; left:0px; } .category-content .ul-style-6 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f164"; position:absolute; top:0px; left:0px; } .category-content .ul-style-7 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f00c"; position:absolute; top:0px; left:0px; } .category-content .ul-style-8 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f0f4"; position:absolute; top:0px; left:0px; } .category-content .ul-style-9 li:before { font-size:23px; color:#285bb8; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f7b6"; position:absolute; top:0px; left:0px; } .category-content ul{ margin:0px; padding:0px 0px 0px 30px; margin-bottom:20px; list-style: none; position:relative; } .category-content ul li{ margin:0px 0px 10px 35px; } .category-content ul li::before { content: "\2022"; color: #285bb8; font-weight: bold; display: inline-block; width: 25px; font-size:30px; position:absolute; left:37px; line-height:25px; } .category-content .ul-style-standard li::before{ font-size:30px; color:#285bb8; margin-right:9px; vertical-align: sub; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight:900; color: #285bb8; position:absolute; top:0px; left:4px; } .alert-success-icon a, .alert-info-icon a, .alert-alert-icon a, .alert-danger-icon a{ color:#4D4D4D; } .alert-success-icon a:hover, .alert-info-icon a:hover, .alert-alert-icon a:hover, .alert-danger-icon a:hover{ color:#4D4D4D; } .alert-success a, .alert-info a, .alert-alert a, .alert-danger a{ color:#4D4D4D; } .alert-success a:hover, .alert-info a:hover, .alert-alert a:hover, .alert-danger a:hover{ color:#4D4D4D; } .mobileToc{ display:none; } .wpcf7 { background:#f9f9f9; padding:30px !important; margin:0px 0px 20px 0px !important; width:100%; } .wpcf7 input { padding: 12px 15px; box-sizing: border-box; width: 100%; background-color: #fff; color: #757575; margin-bottom: 30px; border: 1px solid #e1e1e1; } .wpcf7 textarea { width: 100%; border: none; background-color: #fff; color: #757575; border: 1px solid #e1e1e1; padding: 12px 15px; box-sizing: border-box; } .wpcf7 input::placeholder { font-weight: 400; color: #757575; opacity: 0.7; } .wpcf7 textarea::placeholder { font-weight: 400; color: #757575; opacity: 0.7; } .wpcf7 .wpcf7-submit { margin-top: 25px; padding: 20px 50px; box-sizing: border-box; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #285bb8; color: #fff; width:auto; margin:0px; } .wpcf7 .wpcf7-submit:hover{ background:#194595; } .wpcf7 input:focus, .wpcf7 textarea:focus{ border: 1px solid #3363bc; background:#f9f9f9; } .wpcf7 .wpcf7-list-item{ margin:20px 0px 20px 0px !important; width:100%; } .wpcf7 .wpcf7-list-item input{ width:auto; margin:0px 10px 0px 0px !important; } .wpcf7 .wpcf7-list-item span{ color: #757575; } .wpcf7 span.wpcf7-not-valid-tip{ margin-top:-20px; margin-bottom:20px; } .wpcf7 div.wpcf7-validation-errors, .wpcf7 div.wpcf7-acceptance-missing{ margin:20px 0px 0px 0px; padding:0px; border:none; color:#f00; font-size:15px; } .wpcf7 input.wpcf7-submit:focus{ background:#194595; } .wpcf7 div.wpcf7-mail-sent-ok{ margin:20px 0px 0px 0px; padding:0px; border:none; color:#285bb8; font-size:15px; } .grecaptcha-badge{ display:none !important; } .recipe{ width:100%; display:inline-block; background: #f9f9f9 none repeat scroll 0 0; text-align:center; margin-bottom:30px; padding:30px; } #main-content .recipe_image{ width:100%; float:left; margin:0px; padding:0 10px 10px 10px; box-sizing:border-box; } #main-content .recipe h3{ box-sizing: border-box; display: inline-block; margin: 0; padding: 0px 0px 20px 0px; text-align: center; width: 100%; float:left; } #main-content table.recipe_cat{ margin:0px; padding:0px; border:none; } #main-content .recipe_author{ text-align:center; margin:0px 0px 10px 0px; color:#285bb8; } .recipe_desc{ text-align:center; margin:0px 0px 20px 0px; } .recipe_cat{ padding: 0 10px; width: 100%; display: block; float: left; box-sizing: border-box; } #main-content .recipe_cat p{ width:50%; float:left; margin:0px; border-bottom:1px solid #ccc; font-size:15px; line-height:15px; padding-bottom:10px; } #main-content .recipe_cat.separator p{ border-top:1px solid #ccc; padding-top:10px; margin:0px; } .recipe_cat p:nth-child(1){ text-align:left; } .recipe_cat p:nth-child(2){ text-align:right; } .recipe_svg{ float:left; width:50%; margin:20px 0px 0px 0px; box-sizing:border-box; } .ingredients{ float:left; width:50%; margin:20px 0px 0px 0px; box-sizing:border-box; padding-left:10px; } #main-content .recipe_svg img{ width:30px; height:auto; margin:0px 10px 0px 0px; } #main-content .ingredients img{ width:30px; height:auto; margin:0px 10px 0px 0px; } .recipe_svg p{ margin:0px 0px 20px 0px; line-height:30px; text-align:left; } .ingredients p{ margin:0px 0px 20px 0px; line-height:30px; text-align:left; } .ingredients h4{ margin:0px 0px 20px 0px; text-align:left; } .pecipe_video{ width:100%; height:auto; padding:0 10px; float:left; box-sizing:border-box; } .pecipe_video iframe{ width:100%; max-width:100%; } .recipe_info{ float:left; width:100%; } .instructions{ float:left; width:100%; margin:30px 0px 0px 0px; } .instructions h4{ margin:0px 0px 20px 0px; } .instructions p{ margin:0px 0px 20px 0px; padding:0 10px; } #main-content .instructions p span{ color:#fff; background:#285bb8; width:40px; height:40px; line-height:40px; display:inline-block; border-radius:50%; } .starRating { display: inline-block; position: relative; text-align:center; margin-bottom:10px; } .starRating .product-rating{ margin:0px; } .author-box.author-page{ border:none; margin-bottom:0px; padding-bottom:0px; } .author-box.author-page .expand-author, .author-box.author-page .collapse-author{ float:none; } .compare-products .table thead th{ border-bottom:none; } .compare-products .table-responsive{ margin-top:40px; } .compare-products .table-responsive .table th{ border:none; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; } .compare-products .table-responsive .table td{ border: 1px solid #dddddd; vertical-align: middle; } .compare-products .product-rating{ margin-bottom:10px; } .asin-button.gray-btn { background: #b8b8b8!important; border: 1px solid #999; } .asin-button { width: 100%; margin-bottom: 0px !important; margin-top: 0px !important; text-align:center; } .asin-button.gray-btn:hover { background: #999 !important; } .compare-products .fa-check-circle { color: #285bb8; } .compare-products .pros i, .compare-products .cons i { margin-right: 10px; margin-bottom: 8px; float: left; font-size: 17px !important; } .compare-products .fa-times-circle { color: #b8b8b8; } .compare-products .pros p, .compare-products .cons p{ font-size: 14px !important; margin:5px 0 !important; line-height: 20px !important; } .compare-products .pros, .compare-products .cons{ width:100%; } .compare-products p{ margin-bottom:0 !important; } .compare-products td{ overflow:hidden; } @mixin stagger-anim-delay($i, $initial-delay, $stagger-delay) { @while $i > 0 { &:nth-of-type(#{$i}) { animation-delay: $initial-delay + $stagger-delay * $i; } $i: $i - 1; } } @keyframes anim-lightspeed-in { 0% { transform: translateX(-200%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } .lines { height: 100%; position: relative; } .line { height: inherit; width: 2px; position: absolute; background: rgba(#eee, 0.6); &.l--0 { left: 0; } &.l--25 { left: 25%; } &.l--50 { left: 50%; } &.l--75 { left: 75%; } &.l--100 { left: calc(100% - 1px); } } .line__label { display: block; width: 100px; text-align: center; position: absolute; bottom: -20px; right: -50px; &.title { text-transform: uppercase; font-weight: bold; } } .charts { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .chart { margin: 30px 0 0; &:first-child { margin: 0; } } .chart__title { display: block; margin: 0 0 10px; font-weight: bold; opacity: 0; animation: 1s anim-lightspeed-in ease forwards; .chart--dev & {} .chart--prod & { animation-delay: 3.3s; } .chart--design & { animation-delay: 4.5s; } } .chart--horiz { overflow: hidden; list-style:none; margin:0px; padding:0px; position:relative; } .chart__bar { $border-rad: 4px; margin-bottom: 0px; list-style:none; background: linear-gradient(to left, #194595, #285bb8); border-top-right-radius: $border-rad; border-bottom-right-radius: $border-rad; color:#525252; animation: 1s anim-lightspeed-in ease forwards; .chart--dev & { @include stagger-anim-delay(11, 0.5s, 0.2s); } .chart--prod & { @include stagger-anim-delay(2, 3.8s, 0.2s); } .chart--design & { @include stagger-anim-delay(3, 5s, 0.2s); } } .chart__label { padding-left: 10px; line-height: 30px; color: white; display:inline-block; } .shape { fill: none; stroke: #60544F; } .outline{ fill: #F4EEE6; stroke: #60544F; stroke-width: 2pt; } .doors { fill: #F4EEE6; stroke: #60544F; stroke-width: 2pt; } .water { fill: #D6EDEE; stroke: #60544F; } .water-cut { fill: #B4D6DB; } .milk { fill: #fff; stroke: #60544F; } .milk-cut { fill: #F4EEE6; } .coffee { fill: #60544F; stroke: #60544F; } .coffee-cut { fill: #60544F; } .machine-wrap{ margin:0px; width:100%; float:left; overflow:hidden; } .machine-wrap svg{ text-align: left; margin-left: -120px; margin-top: -100px; max-width:135%; } .info-404{ width:100%; float:left; text-align:center; } .info-404 a{ margin:0px 0px 20px 0px; } .info-404 h3{ color:#60544F; } .mobile-toc-wrap{ width:100%; max-width:100%; overflow:hidden; height:60px; position:none; margin:0px; display:none; background:#285bb8; padding:0px 20px; margin:0px; top:0; flex-wrap: nowrap; display:flex; z-index:1000; } .mobile-toc{ line-height:50px; height:49px; flex-wrap: nowrap !important; display:flex; padding:0px; margin:0px; overflow-x: auto; overflow-y: hidden; } .mobile-toc::-webkit-scrollbar { height: 5px; /* Width of the scrollbar */ } .mobile-toc::-webkit-scrollbar-track { background: none; /* Track color */ } .mobile-toc::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.5); /* Scrollbar color */ } .mobile-toc::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,0.5); /* Hover effect */ cursor: pointer; } .mobile-toc li{ list-style:none; margin:0px; width:auto; display:flex; white-space: nowrap !important; height:40px; padding:0px 20px; } .mobile-toc li a{ text-decoration:none; color:#fff; display:block; padding:0px; height:40px; } .mobile-toc li:first-of-type{ padding-left:0px; } .mobile-toc li:last-of-type{ padding-right:0px; } .mobile-toc-wrap .mCSB_scrollTools .mCSB_draggerContainer{ top:-4px; } .mobile-toc-wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mobile-toc-wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(255,255,255,0.6); } .mobile-toc-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255,255,255,0.3); } .mobile-toc-wrap .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.2); } .wpml-ls{ position:fixed; top:0px; margin:0px; right:0px; z-index:1000; } .wpml-ls-legacy-dropdown{ width:130px !important; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ border-radius: 0 0 0 5px ; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ overflow: hidden; } .wpml-ls-legacy-dropdown a{ padding:6px 10px !important; } .wpml-ls ul li a{ border:none !important; background:#285bb8; color:#fff; font-size:12px; } .wpml-ls ul li a:hover, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ border:none; } .wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{ background:#f9f9f9 !important; } .spacer { overflow: hidden; height: 30px; font-size: 0; line-height: 0; } .heading-entrance .hr { overflow: hidden; margin: 15px auto; height: 1px; background: #e0e0e0; font-size: 0; line-height: 0; width: 40%; } .heading-entrance { width: 70%; text-align: center; margin: 40px auto; text-transform: uppercase; } #products_cat{ width:100%; overflow:hidden; padding:40px 50px 10px 50px; text-align:center; margin:0 auto; background:#e7e7e7; display: inline-block; min-height:900px; } .page-id-24 #products_cat{ min-height:995px; } #products_cat ul li{ margin:3px 10px 0px 10px; background: #fff; vertical-align: top; display:inline-block; list-style: none; width:calc(20% - 20px); } #products_cat ul{ display: none; } #products_cat ul.slick-initialized{ display: block; } #products_cat ul li.slick-slide[aria-hidden="true"]{ } #products_cat ul.slick-initialized li.slick-slide[aria-hidden="true"]{ } #products_cat .fa-angle-right.slick-arrow { right: -30px; } #products_cat .fa-angle-left.slick-arrow { left: -30px; } #products_cat .slick-arrow{ color:#999; } #products_cat .slick-arrow:hover { color: #3d6abf; } #products_cat ul li .pros p, #products_cat ul li .cons p{ font-size:14px !important; text-align:left; margin:5px 0px; line-height:20px; width:100%; float:left; min-height:26px; } #products_cat ul li .pros p i, #products_cat ul li .cons p i{ float:left; width:17px; height:17px; } #products_cat .action--compare-add:hover .action__text--invisible { left:5px; right:auto; } .cd-main-content.view.product-cat-wrap{ min-height:auto; margin-bottom:0px; text-align:center; } #products_cat .slick-track{ padding-bottom:3px; } .separator-filter{ width:100%; float:left; background:#eff5ff; padding:70px 0 40px 0; text-align:center; } .fas.fa-arrows-alt-h{ display:none; font-size:50px; } .compare-products hr{ margin:20px 0 40px 0; } #main-content .compare-products h3{ text-align:center; margin-bottom:30px; } .compare-products .autofilter, .compare-products .btn-at{ width:100%; padding: 7px; border:0px; } #main-content .sitemap-wrap h2{ font-size:25px; } .sitemap-wrap ul{ padding:0px 30px 0 0; list-style:none; max-height:620px; overflow:hidden; margin-bottom: 0; } .sitemap-wrap ul li a{ text-decoration:none; color:#757575; padding:0px; margin-bottom:10px; display:block; } .sitemap-wrap ul li a:hover{ text-decoration:none; color:#285bb8; } .sitemap-wrap .wsp-category-title{ display:none; } #main-content .remove-h2 h2.wsp-posts-title{ display:none; } #main-content .remove-h2 ul{ padding:0px; } .logo-blue{ margin-top:3px; } .relative .sub-menu .white.icon{ display:none; } .relative .sub-menu p{ margin:0px; } .hidden p:empty { display: none; } #sponsors_wrap{ padding:100px 0 50px 0; width:100%; float:left; text-align:center; } #sponsors_wrap h2{ font-family: 'Mulish', Arial, sans-serif; font-size:34px; font-weight:500; margin:0 auto; } #sponsors_wrap img{ margin:0 auto; text-align:center; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } #sponsors_wrap img:hover{ -webkit-filter: grayscale(0); filter: none; } .mega-menu ul li p span{ color: #232c3c; font-weight: bold; background: #fff; padding: 0px 4px; border-radius: 2px; width:auto; margin-left:3px; line-height:22px; } .category-blog #home-blog{ padding-top:0px !important; } .fa-youtube{ color:#c4302b; width:22.5px; height:20px; float:left; } .tests-column, .plugin_sitemap{ max-height: 620px; overflow: auto; } .tests-column::-webkit-scrollbar, .plugin_sitemap::-webkit-scrollbar { width: 10px; /* Width of the scrollbar */ } .tests-column::-webkit-scrollbar-track, .plugin_sitemap::-webkit-scrollbar-track { background: none; /* Track color */ margin: 10px 0; } .tests-column::-webkit-scrollbar-thumb, .plugin_sitemap::-webkit-scrollbar-thumb { background-color: #ddd; /* Scrollbar color */ border-right: 5px solid #fff; } .tests-column::-webkit-scrollbar-thumb:hover, .plugin_sitemap::-webkit-scrollbar-thumb:hover { background-color: #ccc; /* Hover effect */ cursor: pointer; } .plugin_sitemap ul{ max-height:2000px; } .tests-column ul{ margin:0px 0px 20px 0px; padding:0px; } #main-content .sitemap-wrap h3, #main-content .sitemap-wrap h2{ margin-top:0px; } .custom-table-horizontal table.table_of_two td{ min-width:295px; } .slick-slider.custom-table-horizontal-mobile{ display:none; } #sponsors .slick-initialized .slick-slide{ max-height:170px; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; border:none; } .float-md-right { float: right!important; } .wpml-ls-legacy-dropdown .wpml-ls-flag{ margin:0 4px 0 0 !important; } .show-hide{ border: 1px solid #ebebeb; width:100%; padding:10px 15px; border-radius:5px; float:left; margin:20px 0px; } .sidebar_product{ margin:0px 0px 30px 0px; border: 1px solid #e1e1e1; background: #f9f9f9; border-radius: 5px; text-align:center; } #main-content .sidebar_product h3{ margin-top:0px; line-height:35px; margin-bottom:15px; color: #141416; } #main-content .sidebar_product img{ margin:0px; border-radius:0px; } #main-content .sidebar_product .product-rating{ margin:15px 0 10px 0;; } #main-content .sidebar_product p.price_aawp { color: #285bb8; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; font-size: 21px; text-align: center; width: 100%; margin: 0px 0px 10px 0px; } #main-content .sidebar_product p.topratedproduct{ margin:0px; } #main-content .comment-meta p.comment-author { font-size: 20px; margin: 15px 0px 0px 0px; width: auto; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; display:inline-block; } #breadcrumb ol a.no_link{ font-weight:normal; cursor:auto; pointer-events: none; } p:empty{display:none;} .fa-angle-down:before{content:"\f107";} .black-section-small{width:100%;background:#fff;color:#1a1a1a;height:50px;float:left;position:relative;z-index:1000;display:none;cursor:pointer;} .black-section-small .fa-angle-down{position:absolute;top:0px;right:25px;color:#888;font-size:50px;} .black-section-small .fa-angle-down:hover{color:#000;} .black-section-small p{color:#888;text-decoration:none;font-size:20px;line-height:50px;margin-left:25px; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; float: left; } .product-price .price{font-weight:600;font-size:1.3rem;margin-bottom:0;} .product-price .price del{font-weight:400;font-size:0.75em;position:relative;top:-0.8em;} .product-price .price del{top:-3px;left:7px;font-size:0.7em;} .btn-lg{margin:10px 0px;display:inline-block;border-radius:50px;padding:1em;-webkit-transition:background-color 0.3s, color 0.3s;transition:background-color 0.3s, color 0.3s;font-weight:600;font-size:14px;letter-spacing:2px;text-transform:uppercase;} .btn-lg::before{content:'';position:absolute;top:-20px;left:-20px;bottom:-20px;right:-20px;background:inherit;border-radius:50px;z-index:-1;opacity:0.8;-webkit-transform:scale3d(0.8, 0.5, 1);transform:scale3d(0.8, 0.5, 1);} .btn-lg:hover{-webkit-transition:background-color 0.1s 0.3s, color 0.1s 0.3s;transition:background-color 0.1s 0.3s, color 0.1s 0.3s;color:#ECEFF1;background-color:#3f51b5;-webkit-animation:anim-moema-1 0.3s forwards;animation:anim-moema-1 0.3s forwards;} .btn-lg:hover::before{-webkit-animation:anim-moema-2 0.3s 0.3s forwards;animation:anim-moema-2 0.3s 0.3s forwards;} .btn-lg{font-weight:600!important;padding:1em 2em!important;font-size:14px;} .btn-lg::before{content:'';position:absolute;top:-20px;left:-20px;bottom:-20px;right:-20px;background:inherit;border-radius:50px;z-index:-1;opacity:0.8;-webkit-transform:scale3d(0.8, 0.5, 1);transform:scale3d(0.8, 0.5, 1);} .btn-lg:hover{-webkit-transition:background-color 0.1s 0.3s, color 0.1s 0.3s;transition:background-color 0.1s 0.3s, color 0.1s 0.3s;color:#ECEFF1;background-color:#3f51b5;-webkit-animation:anim-moema-1 0.3s forwards;animation:anim-moema-1 0.3s forwards;} .btn-lg:hover::before{-webkit-animation:anim-moema-2 0.3s 0.3s forwards;animation:anim-moema-2 0.3s 0.3s forwards;} .product-price .price{font-size:1.2rem;} .black-section .slick-arrow{width:48px;height:48px;border-radius:50%;background:#fff;z-index:1;text-align:center;color:#fff;position:absolute;right:35px;cursor:pointer;display:block;transition:all .1s ease-in-out 0s;-webkit-transition:all .1s ease-in-out 0s;-moz-transition:.1s all 0s ease-in-out;-o-transition:.1s all 0s ease-in-out;overflow:hidden; border:none; background:#000; text-indent:-9999px;font-weight:bold;} .black-section .slick-arrow:hover{background:#424b52;} .black-section .slick-arrow:before{opacity:1;position:absolute;top:8px;left:19px;margin:-10px 0 0 -5px;width:10px;height:20px;transition:opacity .15s ease-in-out 0s;-webkit-transition:opacity .15s ease-in-out 0s;-moz-transition:.15s opacity 0s ease-in-out;-o-transition:.15s opacity 0s ease-in-out; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; text-indent:0px; font-size:30px; } .black-section .slick-arrow.slick-prev{top:50%;margin-top:35px;} .black-section .slick-arrow.slick-next{bottom:50%;margin-top:-35px;} .black-section .slick-arrow.slick-prev::before{content:"\f104"; left:17px;} .black-section .slick-arrow.slick-next::before{content:"\f105"; } .btn:active:focus,.btn:focus{outline:0;} .black-section{width:98%;background:#fff;color:#1a1a1a;height:475px;float:left;position:relative;z-index:1000;display:none;box-sizing:border-box;padding-right:70px;border-bottom: 1px solid #e1e1e1; margin:0 1%;overflow: hidden;} .black-section .btn-buy{color:#ffffff;background-color:#000;border-color:#000;} .black-section .fa-times{position:absolute;top:20px;right:25px;color:#888;font-size:40px;cursor:pointer;z-index:10000;} .black-section .fa-times:hover{color:#000;} .black-section .col-sm-3{text-align:center;margin-top:70px;} .black-section .btn{position:relative;} .bf-slider{height:auto;width:100%;} .bf-slider .slick-arrow{right:-50px;width:40px;height:40px;} .bf-slider .slick-arrow.slick-next{margin-top:-25px;} .bf-slider .slick-arrow.slick-prev{margin-top:45px;} .bf-header-product{text-align:center;margin:20px 0;position:relative;padding-bottom:0px;min-height:400px;} .bf-header-product h3 a{color:#1a1a1a;text-decoration:none;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:28px;} .bf-header-product img{width:auto;max-width:auto;max-height:200px;height:200px;margin:0 auto 20px auto;} .bf-header-product .btn{font-size:12px!important;padding:0.8em 1.8em!important;margin-top:0px auto!important;} @media (max-width:1060px){ .black-section .col-sm-3 img{padding:0px 20px;max-width:100%;height:auto;} .black-section .col-sm-3 .btn{font-size:12px!important;padding:0.8em 1.8em!important;max-width:100%;} } @media (max-width:999px){ .black-section .col-sm-3{margin-top:20px;} .black-section{height:auto;padding-bottom:20px;} } @media (max-width:768px){ .black-section{padding-right:0px;} .slick-arrow{display:none;} } @media (max-width: 600px){ .black-section .col-sm-3 img{max-width:70%;} } @media (max-width:576px){ .slick-arrow{display:none!important;} .btn-lg{padding:1em 1em!important;} } .black-section .blue-btn{ margin-right:0px; background:#000; border-color:#000; text-transform:uppercase; } .black-section .blue-btn:hover{ background:#424b52; border-color:#424b52; } .black-section .product-rating{ margin-bottom:10px; } .black-section del{ color: #FF1300 } .black-section .blue-btn.small-btn{ font-weight:400; } .black-section-small:hover p,.black-section-small:hover .fa-angle-down{ color:#000 !important; } #header_image{float:left;width:100%;max-width:100%;display:block;height:500px;text-align:center;background-size:cover !important;border-bottom: 1px solid #e1e1e1;} .page-template-pageBlackFriday #header_image{height:236px;} @media (max-width:1200px){ #header_image{height:400px;} } @media (max-width:999px){ #header_image{height:300px;} } @media (max-width:576px){ #header_image{height:250px;} } .page-template-pageBlackFriday #main-article-content{ padding: 30px 0px; } .countdown_page{ color:#000; font-size:18px; } #main-content .bf-product{ float: left; width: 100%; margin: 0px 0px 0px 0px; border: 2px solid #000; margin-bottom: 0px; box-sizing: border-box; padding: 10px; text-align: center; } #main-content .bf-product img{max-width:100%;width:100%;height:auto;border:1px solid #f3f3f3;margin-bottom:0px;padding:10px;} #main-content .bf-product h3{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;line-height:32px;margin:5px 0 0 0!important;} #main-content .bf-product h3 a{color:#101820;text-decoration:none !important;} #main-content .bf-product h3 a:hover{color:#000;text-decoration:none;} #main-content .bf-product ul{width:100%;float:left;margin:20px 0;} #main-content .bf-product ul li{display:inline-block;width:100%;margin-bottom:10px;} #main-content .bf-product .btn{margin-bottom:20px; color:#fff;margin-top:0px;transition:none} #main-content .bf-product .col-md-4{text-align:center;padding-left:0px;} #main-content .bf-product .product-price{margin:10px 0px 10px 0px;} #main-content .bf-product .product-price .price{font-size:1.6rem; margin-bottom:0px;} #main-content .bf-product p span{ background:none; } .bf-product del{ color: #FF1300 } .bf-product .blue-btn.small-btn{ font-size:14px; background: #000; border-color: #000; margin:0 0 20px 0; } .bf-product .blue-btn.small-btn:hover{ background: #424b52; border-color: #424b52; } .bf-product .blue-btn.small-btn.replacetag{ font-size:14px; background: #424b52; border-color: #424b52; } .bf-product .blue-btn.small-btn.replacetag:hover{ background: #000; border-color: #000; } .bf-product .fa-check-circle { color: #000; } .bf-product .fa-times-circle { color: #b8b8b8; } .bf-product p i { margin-right: 5px; font-size: 17px; margin: 1px 10px 8px 0; } #main-content .bf-product .proscons_div p{ margin-bottom:5px; font-size:16px; } #main-content .bf-product .proscons_div{ margin-bottom:10px; background: #fafafa; padding:5px 10px; text-align:left; width:100%; } .grid-sizer, .grid-item { box-sizing: border-box; margin-bottom: 20px; padding: 0px 10px; } .info-box-header{ font-size:17px; color:#000; text-align:center; display:inline-block; padding:5px 0px; margin:0px 0px 20px 0px; width:100%; } .page-template-pageBlackFriday .intro p.info-box-header{ font-size:18px; color:#000; } #main-content .bf-product ul{ padding:0px; margin:0px; } #main-content .bf-product ul li{ display:none; } #main-content .bf-product ul li:first-child{ display:block; } .grid-masonry-amazon { width:100%; padding:0 10px; box-sizing:border-box; display:none; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 20%; } .grid-masonry-amazon a.info-box-header{ font-size:18px; margin-bottom:0px; text-decoration:none; } .grid-masonry-amazon a.info-box-header:hover{ color: #424b52; text-decoration:none; } .grid-masonry-amazon .btn-buy { background-color: #000; border-color: #000; margin:10px 0 20px 0; } .grid-masonry-amazon .btn-buy:hover { background-color: #424b52; border-color: #424b52; } .grid-masonry-amazon .product-price .price{ color: #000; } .grid-masonry-amazon a:before{ display:none; } .filter-button-group{ width:100%; margin:0 auto; display:inline-block; text-align:center; } .filter-button-group button{ padding:10px 20px; margin:0 10px 20px 10px; display:inline-block; text-align:center; color:#fff; background-color: #424b52; border:none; border-radius:5px; } .filter-button-group button:hover{ background-color: #000; cursor:pointer; } .page-template-pageBlackFriday #main-content{ padding-top:30px !important; } #main-content .bf-product .cusotm-content p{ display:none; } #main-content .bf-product .cusotm-content p:first-child{ display:block; } #main-content .bf-product .cusotm-content .list.styled.check-list{ display:none; } .bf-product .product-rating { margin: 10px 0 0px 0; } #main-content .bf-product .product-price .price { font-weight: 600; } .countdown_page_green { color: #4CD964; } .countdown_green { display: inline-block; color: #4CD964; margin-bottom: 0px; } .starRating.meta-time{ vertical-align: middle; margin-bottom:0px; } .collapse-einklappen.show{ display:block !important; } .card-header:first-child, .card { border-radius: 0; border-bottom:0px; } .card{ border-bottom:0px; border-left:0px; border-right:0px; } .card-header { padding: 0; background: none; } .card-link { padding: 20px 40px 20px 20px; width:100%; display:inline-block; text-decoration: none; } .card-body { padding: 0 20px; } .blog-content a.card-link { text-decoration: none; color: #212529; } #accordion1, #accordion2, #accordion3, #accordion4, #accordion5, #accordion6, #accordion7, #accordion8, #accordion9, #accordion10, #accordion11, #accordion12, #accordion13, #accordion14, #accordion15, #accordion16, #accordion17, #accordion18, #accordion19, #accordion20, #accordion21, #accordion22, #accordion23, #accordion24{ border-bottom: 1px solid rgba(0,0,0,.125); margin-bottom:20px; } a.card-link:after { content: '\f107'; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; float: right; font-size: 30px; position: absolute; right: 20px; top: 10px; color: #285bb8; } a.card-link[aria-expanded="true"]:after { content: "\f106"; color: #212529; } a.card-link[aria-expanded="false"]:after { content: '\f107'; color: #285bb8; } a.card-link.show.collapsed{ content: '\f107'; } .fancybox-figure img{ margin-bottom: 5px !important; } .card-link{ text-decoration: none !important; } .fancybox-figure img, #main-content .fancybox-figure img{ border-radius: 5px 5px 0px 0px; margin-bottom: 0px !important; } #back-to-top { display: inline-block; background-color: #285bb8; width: 40px; height: 40px; text-align: center; position: fixed; border-radius: 5px; right: 30px; bottom: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 10000; } #back-to-top::after { content: "\f077"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-size: 20px; line-height: 40px; color: #fff; font-weight: bold; } #back-to-top:hover { cursor: pointer; background-color: #194595 ; text-decoration:none; } #back-to-top:active { background-color: #194595; } #back-to-top.show { opacity: 1; visibility: visible; } .video-container { overflow: hidden; position: relative; width:100%; margin-bottom:20px; } .video-container::after { padding-top: 56.25%; display: block; content: ''; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } .top_products{ width:100%; display:inline-block; margin:0px 0px 10px 0px; padding:0 5px; } .single_top_product{ margin:0px 0px 20px 0px; background-color: #fff; box-shadow: 0px 0px 10px #ccc; border-radius: 5px; border: 0; transition: 0.3s all ease-out; position: relative; padding-bottom:20px; } .single_top_product .number{ position:absolute; left:-10px; top:7px; width:45px; height:30px; background:#3F454D; color:#fff; font-size:15px; line-height:30px; border-top-right-radius:5px; border-bottom-right-radius:5px; z-index: 100; } .single_top_product .number:before{ content:""; width:0; height:0; border-top:10px solid #21262D; border-left:10px solid transparent; position:absolute; left:0px; bottom:-10px; } @media only screen and (max-width: 992px){ .single_top_product .number{display:none;} } @media only screen and (max-width: 992px){ .single_top_product .number{display:none;} } .single_top_product .number{ font-size:18px; font-weight:bold; line-height:32px; color:#FFFFFF; width:45px; height:30px; display:flex; justify-content:center; align-items:center; } .single_top_product:first-of-type .number{ background: #285bb8; } .single_top_product:first-of-type .number:before { border-top: 10px solid #194595; } .single_top_product h3, #main-content .single_top_product h3 { font-size: 21px; margin: 0px 0px 0px 0px; padding:10px 0 10px 30px; text-align: right; color:#3F454D; } .single_top_product .product-rating{ margin-top: 0px; margin-bottom: 10px; text-align: right; } .single_top_product h4, #main-content .single_top_product h4{ font-size: 18px; margin: 0px 0px 10px 0px; color: #285bb8; line-height: 22px; text-align: right; } .single_top_product .btn:after { content: "\f101"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px; } .single_top_product .btn{ padding: 10px; margin:0 0 0px 0; float:right; font-size:13px; } .single_top_product p.price_aawp, #main-content .single_top_product p.price_aawp{ color: #285bb8; font-weight: 700; text-align: left; width: 100%; margin: 15px 0px 20px 0px; padding:0px; font-size:16px; } .single_top_product p,#main-content .single_top_product p { margin-bottom: 15px; line-height: 20px; position:relative; padding-left:30px; } .single_top_product .fa-check-circle { color: #285bb8; position:absolute; left:0px; top:1px; } .single_top_product p i { margin-right: 5px; font-size: 19px; } #main-content .single_top_product img{ margin:0px; } .search-header{ float:right; color: #757575; padding: 29px 0px 20px 20px; font-size:18px; width:38px; height:68px; float:right; } .search-header:hover{ color:#285bb8; cursor: pointer; } .search-box-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;} .search-box-content{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0;visibility:hidden;} .search-box-content form{-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);position:relative;width:90%;margin:auto;} .search-box-content input{background-color:#fff;border:none;outline:none;padding:15px 80px 15px 15px;display:block;width:100%;} .search-box-content .btn-search{background-color:#285bb8;color:#fff;position:absolute;right:0;top:0;text-align:center;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;width:60px;} .search-box-content .btn-search:hover{background-color:#222222;} .off-canvas-search-box{opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:100vh;width:100vw;} .search-box-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;} .search-box-content{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0;visibility:hidden;} .search-box-content form{-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);position:relative;width:90%;margin:auto;} .search-box-content input{background-color:#fff;border:none;outline:none;padding:15px 80px 15px 15px;display:block;width:100%;} .search-box-content .btn-search{background-color:#285bb8;color:#fff;position:absolute;right:0;top:0;text-align:center;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;width:60px;} .search-box-content .btn-search:hover{background-color:#222222;} .off-canvas-search-box{opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:100vh;width:100vw;} .off-canvas-search-box.show .off-canvas-overlay{background-color:rgba(255, 255, 255, 0.8)!important;} .off-canvas-search-box.show .search-box-content{opacity:1;visibility:visible;-webkit-animation:slideInUp 1s forwards;animation:slideInUp 1s forwards;} .search-box-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;} .search-box-content{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0;visibility:hidden;} .search-box-content form{-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);position:relative;width:90%;margin:auto;} .search-box-content input{background-color:#fff;border:none;outline:none;padding:15px 80px 15px 15px;display:block;width:100%;} .search-box-content .btn-search{background-color:#285bb8;color:#fff;position:absolute;right:0;top:0;text-align:center;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;width:60px;} .search-box-content .btn-search:hover{background-color:#222222;} .off-canvas-search-box{opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:100vh;width:100vw;} .off-canvas-search-box.show{opacity:1;visibility:visible;pointer-events:visible;z-index:9999;} .off-canvas-search-box.show .off-canvas-overlay{background-color:rgba(0, 0, 0, 0.5);content:"";cursor:url("../png/cancel.png"), auto;position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1;} .off-canvas-search-box{left:0;} ::-moz-selection{color:#fff;background:#285bb8;} ::selection{color:#fff;background:#285bb8;} *,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;} button:active,button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;} ::-moz-selection{color:#fff;background:#285bb8;} ::selection{color:#fff;background:#285bb8;} .ac_results { background-color: #fff; border: 1px solid #285bb8; display: none; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 10000; width: calc(90% + 15px); max-width: 1738px; box-sizing: border-box; left: 0px; } .ac_results li { color: #285bb8; padding: 2px 5px; text-align: left; white-space: normal; } .ac_results li:hover { color:#fff; } .ac_over { background-color: #285bb8; color:#fff; cursor: pointer; } .ac_match { text-decoration: underline; } #main-article-content.search-page{ padding-bottom: 0; } #home-blog.search-page{ padding-top: 20px; } .page-id-56321 .grid-masonry-amazon .btn-buy, .page-id-37675 .grid-masonry-amazon .btn-buy, .page-id-56316 .grid-masonry-amazon .btn-buy, .page-id-56327 .grid-masonry-amazon .btn-buy{ background-color: #01a8df; border-color: #01a8df; } .page-id-56324 .grid-masonry-amazon .btn-buy:hover, .page-id-56321 .grid-masonry-amazon .btn-buy:hover, .page-id-37675 .grid-masonry-amazon .btn-buy:hover, .page-id-56316 .grid-masonry-amazon .btn-buy:hover, .page-id-56327 .grid-masonry-amazon .btn-buy:hover { background-color: #424b52; border-color: #424b52; } .page-id-56324 #main-content .bf-product h3 a, .page-id-56321 #main-content .bf-product h3 a, .page-id-37675 #main-content .bf-product h3 a, .page-id-56316 #main-content .bf-product h3 a, .page-id-56327 #main-content .bf-product h3 a { color: #01a8df; } .page-id-56324 #main-content .bf-product, .page-id-56321 #main-content .bf-product, .page-id-37675 #main-content .bf-product, .page-id-56316 #main-content .bf-product, .page-id-56327 #main-content .bf-product { border: 2px solid #01a8df; } .page-id-56324 .grid-masonry-amazon .product-price .price, .page-id-56324 .info-box-header, .page-id-56321 .grid-masonry-amazon .product-price .price, .page-id-56321 .info-box-header, .page-id-37675 .grid-masonry-amazon .product-price .price, .page-id-37675 .info-box-header, .page-id-56316 .grid-masonry-amazon .product-price .price, .page-id-56316 .info-box-header, .page-id-56327 .grid-masonry-amazon .product-price .price, .page-id-56327 .info-box-header{ color: #01a8df; } .page-id-56324 .countdown_page, .page-id-56324 .countdown_page span, .page-id-56321 .countdown_page, .page-id-56321 .countdown_page span, .page-id-37675 .countdown_page, .page-id-37675 .countdown_page span, .page-id-56316 .countdown_page, .page-id-56316 .countdown_page span, .page-id-56327 .countdown_page, .page-id-56327 .countdown_page span{ color: #FF1300; margin-bottom:0px !important; } .amazon_prime.black-section .blue-btn{ background: #01a8df; border-color: #01a8df; } .amazon_prime.black-section .blue-btn:hover{ background-color: #424b52; border-color: #424b52; } .amazon_prime.black-section .bf-header-product h3 a,.amazon_prime.black-section p.price{ color: #01a8df; } .amazon_prime.black-section .btn-buy{ background-color: #01a8df; border-color: #01a8df; } .amazon_prime.black-section .btn-buy:hover { background-color: #424b52; border-color: #424b52; } .amazon_prime.black-section .slick-arrow{ background: #01a8df; } .amazon_prime.black-section .slick-arrow:hover{ background: #424b52; } #main-content .row.row_fluid p img{ margin-bottom:10px; } .macy{ margin:10px 0 20px 0; display: inline-block; width: 100%; } #main-content .macy img{ margin:0px; } .panel-group{ border-top: none; margin: 0 0 20px 0; display: inline-block; width: 100%; padding: 10px 20px; border: 1px solid #ddd; border-radius: 20px; } .single-tests .panel-group{ margin:0 0 20px 0; } .panel-heading h4, #main-content .panel-heading h4{ margin-bottom:0px; } .panel-body{ padding:10px 0 20px 0 ; } .panel-title h4{ line-height:1; } .panel-title i{ font-size: 30px; position: absolute; left: 0px !important; right: auto; top: 11px; } .panel-heading h4 button{ padding: 15px 0px 15px 30px; width:100%; display:block; position:relative; font-family: "Proza Libre", sans-serif; text-decoration: none; text-align:left; font-weight:400; font-size: 18px; } .panel-heading h4 button{ color:#222; } .panel-heading h4 button i{ color:#285bb8; } .panel-heading h4 button:hover{ color:#222; text-decoration: none; } .panel-heading h4 button.active{ color:#285bb8; } .panel-heading h4 button.active:hover{ color:#222; } .panel-heading h4 button.active i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .panel-body p, #main-content .panel-body p{ margin: 0; } .panel-collapse{ display:none; } pre{ color: #e83e8c; word-wrap: break-word; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; line-height:27px; } .center{ display: inline-block; width: 100%; text-align: center; } .left{ display: inline-block; width: 100%; text-align: left; } .right{ display: inline-block; width: 100%; text-align: right; } #category-custom-content .category-content{ text-align:left; } #category-custom-content .category-content img{ max-width: 100%; margin-bottom: 20px; height:auto; } #category-custom-content h2 { font-size: 35px; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; margin: 20px 0px 20px 0px; display: inline-block; width: 100%; } .cat-products #products_cat ul li{ background:none; } .cat-products #products_cat ul li .blog-article{ background:#fff; padding:5px; margin: 20px 5px; } .cat-products #products_cat ul li .blog-text-wrap-container{ min-height:auto; } .cat-products #products_cat ul li .blog-article h4{ margin:15px 0; } #home-blog.cat-products{ padding:0px; background:none; } #home-blog.cat-products .slick-slider{ padding:0px; margin:0px; } #home-blog.cat-products #products_cat{ background:none; padding-top:30px; padding-bottom:0px; } .category #home-blog.cat-products #products_cat{ background: #e7e7e7; min-height: 400px; margin-bottom:20px; padding-top:10px; } #tablepress-460 th, #tablepress-460 tbody .column-2, #tablepress-460 tbody .column-3{ text-align: center; } .comment.comment-author-fischer > .no_parent_wrap, .comment.comment-author-fischer > .parent_wrap{ background:#3363bc !important; } .comment.comment-author-fischer .no_parent_wrap .comment-content, .comment-author-fischer .parent_wrap .comment-content{ border-top:1px solid #194595; } .comment.comment-author-fischer .no_parent_wrap .comment-content .comment-reply-link, .comment-author-fischer .parent_wrap .comment-content .comment-reply-link{ background: #194595; border:2px solid #194595; } .comment.comment-author-fischer .no_parent_wrap .comment-content .comment-reply-link:hover, .comment-author-fischer .parent_wrap .comment-content .comment-reply-link:hover{ background: #3363bc; color:#fff; border:2px solid #194595; } .comment.comment-author-rendic > .no_parent_wrap, .comment.comment-author-rendic > .parent_wrap{ background:#3363bc !important; } .comment.comment-author-rendic .no_parent_wrap .comment-content, .comment-author-rendic .parent_wrap .comment-content{ border-top:1px solid #194595; } .comment.comment-author-rendic .no_parent_wrap .comment-content .comment-reply-link, .comment-author-rendic .parent_wrap .comment-content .comment-reply-link{ background: #194595; border:2px solid #194595; } .comment.comment-author-rendic .no_parent_wrap .comment-content .comment-reply-link:hover, .comment-author-rendic .parent_wrap .comment-content .comment-reply-link:hover{ background: #3363bc; border:2px solid #194595; } .royalSlider { width: 100%; padding:5px 0px; box-sizing:border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .royalSlider > .rsImg { visibility:hidden; } .rsWebkit3d .rsSlide { -webkit-transform: none; } .rsWebkit3d img { -webkit-transform: translateZ(0); } #royalslider_rectangle .rsDefault .rsThumb{ width:auto !important; } #royalslider_rectangle_big .rsDefault .rsThumb{ width:auto !important; } #main-content .slider_wrap img{ border-radius: 0px; } #main-content .ul-style-1 li img, #main-content .ul-style-2 li img, #main-content .ul-style-3 li img, #main-content .ul-style-4 li img, #main-content .ul-style-5 li img, #main-content .ul-style-6 li img, #main-content .ul-style-7 li img, #main-content .ul-style-8 li img, #main-content .ul-style-9 li img{ margin-bottom:10px; } .asin-button.additional_button{ margin-top:10px !important; } .asin-button.gray-btn + .asin-button.additional_button{ margin-top:0px !important; } .additional_buttons{ display:inline-block; width:100%; } .additional_button_single{ display:inline-block; width:100%; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 2px solid #dee2e6; } #main-content .additional_button_single img{ margin:7px 30px; } #main-content .additional_button_single a.asin-button.additional_button{ margin-top:0!important; width: auto; } .pros-before:before{ display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:1px; content:"\f058"; color:#285bb8; font-size:19px; } .cons-before:before{ display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:1px; top:1px; content:"\f057"; color:#b8b8b8; font-size:19px; } .pros-before, .cons-before{ padding-left:30px; position:relative; } .best-product .blue-btn{ width:100%; } .best-product .additional_button_single{ display:inline-block; width:100%; margin-bottom: 1rem; padding-bottom: 0; border-bottom: none; } #main-content .best-product .additional_button_single a.asin-button.additional_button{ width:100%; } #main-content img.small_amazon_logo{ margin: 10px 30px 0px 30px; } #main-content img.small_amazon_logo + .blue-btn.small-btn{ margin-top: 7px; } #main-content .additional_button_single:first-of-type a.asin-button.additional_button{ margin-top:10px !important; } #main-content .best-featured-product p.price { color: #285bb8; font-size: 1.2rem; font-weight:bold; margin:0px; } .best-featured-product del, .price_aawp del{ color: #FF1300; top: -2px; left: 7px; font-size: 0.7em; position: relative; font-weight: normal; } .green_button.blue-btn{ background:#53d769; border-color:#53d769; } .product_on_deal{ padding: 0 5px; font-weight: bold; } .product_on_deal .new_price{ color:#53d769; } .product_on_deal del{ color:#FF1300; } .fa-hand-point-right{ color:#285bb8; } .our-coffee{ border: 5px solid #285bb8; display: inline-block; width: 100%; border-radius: 5px; padding: 10px; margin-bottom: 20px; } .our-coffee h3, #main-content .our-coffee h3{ font-size: 21px; margin: 10px 0px; } .our-coffee h4, #main-content .our-coffee h4{ font-size: 18px; margin: 0px 0px 20px 0px; } .our-coffee .twocolumns, #main-content .our-coffee .twocolumns { -webkit-column-gap: 25px; column-gap: 25px; } .our-coffee img, #main-content .our-coffee img{ margin:0px; width: 100%; } .our-coffee p.pros-before, #main-content .our-coffee p.pros-before { margin-bottom: 10px; display:inline-block; } .our-coffee .blue-btn.small-btn{ padding-left:20px; padding-right:20px; margin-bottom:0px; text-transform: none !important; border-radius: 10px !important; min-width: 180px; text-align: center; } .highlight-box{ display:inline-block; padding:10px 20px 0 20px; background:#eff5ff; margin-bottom: 20px; border-radius: 10px; } .highlight-box.highlight-box-padding{ padding:20px 20px 0 20px; width: 100%; display: inline-block; } figure{ position: relative; float: left; overflow: hidden; margin: 0; text-align: center; display: table; } #main figure img { max-width: 100%; margin:0px; height: auto; } figure figcaption { padding: 10px; background: rgba(51, 99, 188, 0.7); text-shadow:1px 1px 1px #000; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table-caption; caption-side: bottom; margin:0 0 20px 0; } figure figcaption p, #main-content figure figcaption p{ line-height:18px; font-size:14px; text-align:left; margin: 0; } .single-post #content article figure figcaption p{ line-height:18px; font-size:14px; text-align:left; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure figcaption, figure figcaption > a { position: relative; bottom: 0px; left: 0; width: 100%; } figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .comment.comment-author-kimdekeyser > .no_parent_wrap, .comment.comment-author-kimdekeyser > .parent_wrap, .comment.comment-author-erikabelles > .no_parent_wrap, .comment.comment-author-erikabelles > .parent_wrap{ background:#3363bc !important; color:#fff; } .comment.comment-author-kimdekeyser .no_parent_wrap .comment-content, .comment-author-kimdekeyser .parent_wrap .comment-content, .comment.comment-author-erikabelles .no_parent_wrap .comment-content, .comment-author-erikabelles .parent_wrap .comment-content{ border-top:1px solid #194595; } .comment.comment-author-kimdekeyser .no_parent_wrap .comment-content .comment-reply-link, .comment-author-kimdekeyser .parent_wrap .comment-content .comment-reply-link, .comment.comment-author-erikabelles .no_parent_wrap .comment-content .comment-reply-link, .comment-author-erikabelles .parent_wrap .comment-content .comment-reply-link{ background: #194595; border:2px solid #194595; } .comment.comment-author-kimdekeyser .no_parent_wrap .comment-content .comment-reply-link:hover, .comment-author-kimdekeyser .parent_wrap .comment-content .comment-reply-link:hover, .comment.comment-author-erikabelles .no_parent_wrap .comment-content .comment-reply-link:hover, .comment-author-erikabelles .parent_wrap .comment-content .comment-reply-link:hover{ background: #3363bc; color:#fff; border:2px solid #194595; } #main-content .comment.comment-author-kimdekeyser .no_parent_wrap .comment-meta time, #main-content .comment.comment-author-kimdekeyser .parent_wrap .comment-meta time, #main-content .comment.comment-author-erikabelles .no_parent_wrap .comment-meta time, #main-content .comment.comment-author-erikabelles .parent_wrap .comment-meta time{ color:#fff; } .comment.comment-author-kimdekeyser a, .comment.comment-author-erikabelles a{ /* color:#fff !important; */ } .buttons_with_images{ width:100%; } .image_button{ display:inline-block; height:46px; width:100%; background: #f5f5f5; border: 1px solid #285bb8; margin: 0px 0px 10px 0; padding: 10px; font-size: 15px; font-weight: 600; cursor: pointer; border-radius: 4px; text-decoration: none; overflow: hidden; } .image_button:last-of-type{ margin-bottom: 0; } .image_button:hover{ background: #e8e8e8; } .row_price{ text-align: right; } .image_button img{ width: 130px; } .image_button img.coffee_friend_svg, #main-content .selected_finder_product .image_button img.coffee_friend_svg{ max-height: 30px; margin-left: -23px; margin-top:-3px; } .image_button img.otto_svg,#main-content .selected_finder_product .image_button img.otto_svg{ max-height: 22px; margin-left: -30px; } .image_button img.amazon_svg,#main-content .selected_finder_product .image_button img.amazon_svg{ max-height: 24px; margin-left: -22px; } #main-content .callTo .image_button img.amazon_svg{ margin:0px 0px 0px -22px; } #main-content .callTo .image_button img.boulanger_svg, .callTo .image_button img.boulanger_svg{ margin:0px; } #main-content .callTo .image_button img.cdiscount_svg, .callTo .image_button img.cdiscount_svg{ margin:0px; } .image_button img.saturn_svg,#main-content .selected_finder_product .image_button img.saturn_svg{ max-height: 22px; margin-left: -9px; } .image_button img.onestincoffee_svg,#main-content .selected_finder_product .image_button img.onestincoffee_svg{ margin-left: -15px; margin-top: -7px; } .image_button img.seattle_svg,#main-content .selected_finder_product .image_button img.seattle_svg{ margin-top: -7px; } .image_button img.bol_svg, #main-content .image_button img.bol_svg{ max-height: 23px; width: auto; } .image_button img.fnac_svg, #main-content .image_button img.fnac_svg{ max-height: 85px; width: auto; margin: -16px 0 0 -73px !important; } .image_button img.fnac_svg, #main-content .image_button img.elcorteingles_svg{ margin: -52px 0 0 -21px !important; } #main-content .image_button img.bol_svg{ margin:0px; } .image_button img.coolblue_svg, #main-content .image_button img.coolblue_svg{ max-height: 30px; margin: -3px 0 0 -33px; } .image_button img.expert_svg, #main-content .image_button img.expert_svg{ max-height: 30px; margin: -3px 0 0 -5px; } .best-featured-product img.otto_svg{ max-height: 22px; } .best-featured-product img.amazon_svg{ max-height: 24px; } .best-featured-product img.saturn_svg{ max-height: 22px; } .best-featured-product img.bol_svg{ max-height: 23px; width: auto; } .best-featured-product img.coolblue_svg{ max-height: 30px; } .best-featured-product img.media_markt_svg{ max-height: 20px; } #main-content .best-product .buttons_with_images img{ margin-top:0px; margin-bottom:0px; } .best-product .buttons_with_images a{ text-decoration: none; } #main-content .best-product .buttons_with_images img.amazon_svg{ max-height: 24px; margin-left: -55px; } #main-content .best-product .buttons_with_images img.seattle_svg{ margin-left: -10px; } #main-content .best-product .buttons_with_images img.boulanger_svg{ margin-left: -10px; } #main-content .best-product .buttons_with_images img.cdiscount_svg{ margin-left: -10px; } #main-content .best-product .buttons_with_images img.media_markt_svg{ max-height: 25px; margin-left: -15px; } #main-content .best-product .buttons_with_images img.onestincoffee_svg{ max-height: 40px; margin-left: -45px; margin-top: -8px; } #main-content .best-product .buttons_with_images img.saturn_svg{ max-height: 22px; margin-left: -32px; } #main-content .best-product .buttons_with_images img.coffee_friend_svg{ max-height: 30px; margin-left: -60px; margin-top:-3px; } #main-content .best-product .buttons_with_images img.otto_svg{ max-height: 22px; margin-left: -77px; } #main-content .best-product .buttons_with_images img.bol_svg{ max-height: 23px; width: auto; margin-left: -47px; } #main-content .best-product.best-product-new .buttons_with_images img.bol_svg{ margin-top: -10px; margin-left: -38px; } #main-content .best-product .buttons_with_images img.coolblue_svg{ max-height: 30px; margin: -3px 0 0 -83px; } #main-content .best-product .buttons_with_images img.expert_svg{ max-height: 30px; margin: -3px 0 0 -17px; } #main-content .selected_finder_product .buttons_with_images img.coolblue_svg{ max-height: 30px; margin: -3px 0 0 -35px; } .filter-container .pros p, .filter-container .cons p{ line-height:20px; } .video-container span{ position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1); transition: opacity .25s cubic-bezier(0,0,0.2,1); z-index: 63; border: none; background: url(../svg/youtube.svg) no-repeat bottom center; padding: 0; font-size: 100%; } #main-content .video-container figure img, .video-container figure img{ margin:0px; } #products_in_table_wrap{ width:100%; padding: 0 50px; box-sizing: border-box; display: inline-block; position: relative; background: #e7e7e7; float:left; } #left-button{ position: absolute; color: #999; left: 10px; top: 50%; z-index: 1000; font-size: 50px; margin-top: -30px; cursor: pointer; } #right-button{ position: absolute; color: #999; right: 10px; top: 50%; z-index: 1000; font-size: 50px; margin-top: -30px; cursor: pointer; } #products_in_table{ width:100%; display: inline-block; overflow: hidden; box-sizing: border-box; user-select: none; } #products_in_table .table{ table-layout: fixed; border-collapse: separate; border-spacing: 0 0; padding:30px 0px; margin: 0 auto; width: auto; display: inline-block; } #products_in_table .table th{ vertical-align: middle; } #products_in_table .table td, #products_in_table .table th{ width:328px; padding:0px 10px; background: #fff; border-right:15px solid #e7e7e7; border-top: none; border-bottom: none; border-left: none; } #products_in_table .table td:last-child, #products_in_table .table th:last-child{ border-right:none; } #products_in_table h3{ font-family: 'Mulish', Arial, sans-serif; font-weight: 600; font-size: 17px; margin: 10px 0 0 0px; text-align: center; width: 100%; color: #141416; padding:5px 0px; } #products_in_table .table_img{ display:inline-block; width: 100%; height: auto; max-width: 100%; margin:0px; } #products_in_table .image_holder_link{ position: relative; display: block; } .image_holder_link_wrap{ display: block; padding: 0; background: #fff; border-radius: 10px 10px 0 0; background-color: #fff; } .image_holder_link_wrap img{ border-radius: 10px; } #products_in_table .topratedproduct { background: #285bb8; color: #fff; text-align: center; padding: 3px 10px; width: auto; margin: 0; z-index: 1000; top: -12px; position: absolute; font-size: 14px; border-radius: 5px; left: 50%; transform: translateX(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #products_in_table .topratedproduct + .topratedproduct { bottom: 28px; } #products_in_table .product-rating_wrap { width:100%; float: left; background:#fff; text-align: center; } #products_in_table .product-rating_wrap p{ font-size: 15px; display: inline-block; margin: 0px 10px 0 0 !important; font-weight: 600; } #products_in_table .product-title_wrap { width:100%; float: left; background:#fff; } #products_in_table .product-rating { text-align: center; background:#fff; margin: 10px 0; display: inline-block; } #products_in_table .text-excerpt p { font-size: 15px; margin: 0px 0px 10px 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; display: inline-block; width: 100%; text-align: center; color:#285bb8; } #products_in_table .table tr:last-of-type td{ background: none; padding:0px; } #products_in_table .text-excerpt, #products_in_table .proscons_div, #products_in_table .product_buttons, #products_in_table .buttons_with_images{ padding:0 10px; background:#fff; float:left; width:100%; } #products_in_table .pros, #products_in_table .cons, .small-finder .pros{ line-height:35px; text-align:left; width:100%; float:left; } #products_in_table .pros i, #products_in_table .cons i, .small-finder .pros i{ font-size: 17px; margin: 1px 10px 8px 0; float:left; float:left; width:17px; height:17px; } #products_in_table .pros p, #products_in_table .cons p, .small-finder .pros p{ font-size: 15px !important; text-align: left; margin: 5px 0px; line-height: 20px; width: 100%; float: left; } #products_in_table .buttons_with_images{ padding-bottom: 10px; border-radius: 0 0 10px 10px; } #products_in_table .fa-times-circle, #products_in_table .fa-minus-circle { color: #b8b8b8; } #products_in_table .fa-check-circle, .small-finder .fa-check-circle, #products_in_table .fa-plus-circle { color: #285bb8; } #products_in_table .row_price span{ color:#285bb8; } #products_in_table .product__info { padding: 0; display: inherit; } #products_in_table .table .best-price, #products_in_table .table .max-rated, #products_in_table .table .best-price .image_holder_link_wrap, #products_in_table .table .best-price .product-rating_wrap, #products_in_table .table .best-price .product-rating, #products_in_table .table .best-price .text-excerpt, #products_in_table .table .best-price .proscons_div, #products_in_table .table .best-price .product_buttons, #products_in_table .table .best-price .buttons_with_images, #products_in_table .table .max-rated .image_holder_link_wrap, #products_in_table .table .max-rated .product-rating_wrap, #products_in_table .table .max-rated .product-rating, #products_in_table .table .max-rated .text-excerpt, #products_in_table .table .max-rated .proscons_div, #products_in_table .table .max-rated .product_buttons, #products_in_table .table .max-rated .buttons_with_images{ background: #eff5ff; } #products_in_table .asin-button.gray-btn{ margin-bottom: 0 !important; } #products_in_table .image_button{ height:46px; overflow: hidden; float: left; } #products_in_table .image_holder_link_wrap + .text-excerpt{ padding-top:10px; } .compare-basket{ display:none; } .compare-basket.compare-basket--active{ display:block; } .slider-dots .fa-angle-left.slick-arrow{ position: absolute; left:5px; bottom:50%; } .slider-dots .fa-angle-right.slick-arrow{ position: absolute; right:5px; bottom:50%; } .slider-dots, #main-content .slider-dots, .blog-content .slider-dots{ color:#3363bc; padding:0px 0px 30px 0px; position: relative; margin-bottom:20px; width:100%; } .slick-dots, #main-content .slick-dots, .blog-content .slick-dots{ text-align: center; height:15px; margin:0; padding:6px 0 0 0; } .slick-dots li, .blog-content ul.slick-dots li{ display: inline-block; margin:4px 0 0 0 !important; padding:0px; } #main-content .slider-dots img, .blog-content .slider-dots img{ margin:0px; width:100%; height:auto; } #main-content ul.slick-dots li:before, .blog-content ul.slick-dots li:before{ display:none; } .slick-dots li button{ width:15px; height:15px; background:rgba(51, 99, 188, 0.5); color:#fff; border-radius: 50%; margin:0 5px; text-indent:-9999px; padding:0px; } .slick-dots .slick-active button{ background:rgba(51, 99, 188, 1); } .slider-captions{ background:#3363bc; color:#fff; padding:5px 5px 0px 5px; position: relative; margin:0 0 20px 0px; } .slider-captions p{ padding:10px 20px; text-align: center; width:100%; box-sizing: border-box; line-height:25px; margin:0px; } .slick-arrow{ font-size:40px; z-index: 1000; cursor: pointer; } .fa-angle-left.slick-arrow{ position: absolute; left:5px; bottom:3px; } .fa-angle-right.slick-arrow{ position: absolute; right:5px; bottom:3px; } #main-content .slider-captions img, .blog-content .slider-captions img { width: 100%; margin: 0px; height: auto; } #main-content .slider-captions p, .blog-content .slider-captions p{ margin: 0px; } .slick-list { width: 100%; } .hqdefault{ width:100%; } .hqdefault img{ width:100%; height:100%; } .finder-form{ display:inline-block; width:100%; background: #f3f3f3; padding: 30px 30px 15px 30px; margin: 0 0 20px 0; border-top: 3px solid #285bb8; text-align:center; position:relative; } .finder-form #tab2, .finder-form #tab3, .finder-form #tab4, .finder-form #tab5, .finder-form #tab6, .finder-form #tab7, .finder-form #tab8{ padding-bottom: 55px; } .finder-form .navbar{ min-height: 1px; margin-bottom:5px; opacity:0; position:absolute; } .finder-form #bar{ opacity:1; } .finder-form .nav-pills>li>a{ display:none !important; color: #101820; background:none; font-size: 16px; line-height: 20px; padding:0px; margin:0px; } .finder-form .nav-pills>li+li { margin-left: 0px; } .finder-form .nav-pills>li>a.active,.finder-form .nav-pills>li>a.active:focus,.finder-form .nav-pills>li>a.active:hover{ display:block; background:none; color: #101820; font-size: 16px; line-height: 20px; padding:0px; margin:0px; } .finder-form img{ margin:30px auto 30px auto; max-width:100%; width:700px; height:auto; } .single-post #content article .finder-form p{ margin-bottom:0px; } p.step-finder-name, .single-post p.step-finder-name, .single-post #content article p.step-finder-name, h2.step-finder-name{ font-weight: 700; font-style: normal; color: #101820; margin: 10px 0px 20px 0px; font-size:30px; line-height:43px; padding:0 20%; } h2.step-finder-name, #main-content h2.step-finder-name{ margin: 40px 0 20px 0px; } #tab1 .blue-btn{ margin-bottom: 30px; } .bigbox{ width: 100%; line-height:24px; margin:0px 0 30px 0; color: #fff; padding: 20px 10px; font-size:18px; border:none; outline:none; cursor:pointer; vertical-align:middle; font-weight:normal; display: inline-block; text-align: center; border-radius: 10px; background: #285bb8; } .bigbox:hover{ background-color: #194595; } .bigbox .next{ display: none; } p.step-finder-desc, .single-post p.step-finder-desc{ font-size:18px; line-height:26px; max-width:70%; width:70%; text-align:center; display:inline-block; margin:10px 0 0 0; } .checkbox-container-wrap{ display: inline-block; width: 100%; } /* The container */ .checkbox-container { display: inline-block; width:auto; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; font-weight:400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ccc; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #285bb8; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #285bb8; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 9px; top: 5px; width: 8px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .finder-form .check-holder{ margin:20px 0px 0 0; width:70%; display:inline-block; text-align:left; } .blog-content .finder-form .check-holder, .category-content .finder-form .check-holder{ width:80%; } .radio-checkmark{ display:none; } .finder-form .btn:before{ display:none; } .finder-products{ width:100%; float:left; margin:30px 0; } .email_results { background: #f3f3f3; padding:30px 30px 15px 30px; } .email_results_title, #main-content p.email_results_title{ text-decoration: none; color: #285bb8; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 27px; font-weight: 300; line-height: 32px; margin-bottom:7px; } .email_results .btn{ float:right; margin-top:10px; padding:1em 1.5em !important; letter-spacing:1px; font-size:13px; text-transform:uppercase; font-weight:600; border-radius:30px; } .selected_products_holder{ margin:10px 0 30px 0px; display:inline-block; width:100%; } .selected_finder_product{ display:inline-block; width:100%; border:2px solid #f0f0f0; box-sizing:border-box; margin:0px 0px 20px 0px; padding:10px 10px 20px 10px; position:relative; } #main-content .selected_finder_product p.product-title{ font-size: 25px; margin: 0 0 15px 0; } #main-content .selected_finder_product p.product-title a, #main-content .selected_finder_product .test-link{ text-decoration: none; } .selected_finder_product .row_price span { color: #285bb8; } .selected_finder_product:first-of-type{ border:2px solid #285bb8; } .selected_finder_product img:not(.selected_finder_product .buttons_with_images img){ width:100%; height:auto; max-width:100%; padding:10px; } .selected_finder_product .buttons_with_images{ margin: 20px 0; } .selected_finder_product table img{ max-width:150px; padding:0px; margin:0; } .selected_finder_product .product-title a{ color: #101820; text-decoration:none; margin-top:10px; display:inline-block; width:100%; } .selected_finder_product .product-title a:hover{ color: #101820; text-decoration:none; } .selected_finder_product .product-rating{ margin-bottom:10px; } .selected_products_holder .email_results_title{ margin-bottom:20px; } .selected_products_holder .table-compare{ margin-bottom:10px; } .red-text, #main-content p.red-text{ color:#c01313; margin:0 0 8px 0; width:100%; font-size:15px; padding-left: 20px; position: relative; line-height: 22px; } .green-text, #main-content p.green-text{ color:#40B756; margin:0 0 8px 0; width:100%; font-size:15px; padding-left: 20px; position: relative; line-height: 22px; } .red-text, #main-content p.red-text i{ position: absolute; left: 0; top: 4px; } .green-text, #main-content p.green-text i{ position: absolute; left: 0; top: 4px; } #navigation .dropdown-menu{ z-index:100000; } .selected_finder_product .badge-at{ display:none; } .selected_finder_product:first-of-type .badge-at{ display:inline-block; position:absolute; left:30px; top:30px; margin:0px; } .finder-form .moemablog{ font-size:18px; padding:1em 2em !important; border-radius:30px; } .hidden_experts_review1, .hidden_experts_review2, .hidden_experts_review3{ display:none; } .visable_experts_review1 button, .visable_experts_review2 button, .visable_experts_review3 button{ color: #2F92C4; text-decoration:none; border:none; background:none; padding:0; margin:0px; } .visable_experts_review1 button:hover, .visable_experts_review2 button:hover, .visable_experts_review3 button:hover{ text-decoration:underline; } .camera-finder-wrap{ padding-top:0px !important; } .author-review{ background: #f3f3f3; padding: 30px 40px 30px 90px; margin: 50px 20px 50px 100px; border-radius: 0 85px 85px 85px; position: relative; display:inline-block; } .author-review .pic{ width: 190px; height: 190px; line-height: 200px; border-radius: 50%; border: 14px solid #f3f3f3; position: absolute; top: -15px; left: -100px; overflow: hidden; } #main-content .author-review .pic img{ margin:0px; border-radius: 50%; vertical-align: top; } .author-review .author-review-title{ display: inline-block; width: 100%; float: left; font-size: 20px; line-height:27px; font-weight: 500; font-family: "Raleway",Helvetica,Arial,sans-serif; letter-spacing: 0.5px; padding: 28px 20px; margin: 0; } .author-review .author-review-title small{ display: block; font-size: 14px; margin-top: 8px; text-transform:none; } .author-review .author-review-description { display: inline-block; width: 100%; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 0; padding: 28px 0 28px 28px; position: relative; } .author-review .author-review-description p:first-of-type:before{ content: "\f10d"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; left: 10px; font-size: 20px; color: rgba(0,0,0,0.5); } .author-review .author-review-description p:last-of-type:after{ content: "\f10e"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: rgba(0,0,0,0.5); position: absolute; bottom: 5px; } .camera-finder-wrap .author-review{ margin:50px 0 30px 100px; } .camera-finder-wrap .author-review-title{ font-weight:400; } .step-finder-desc.desc-max-width{ max-width:100%; margin:-10px 0 20px 0; } .camera-finder-wrap .author-review .author-review-title{ display: inline-block; width: 100%; float: left; padding: 28px 20px; font-size: 18px; line-height: 26px; margin: 0px; position:relative; font-family: Open Sans, Arial; } .camera-finder-wrap .author-review .author-review-title p:first-of-type:before { content: "\f10d"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; left: 10px; font-size: 20px; color: rgba(0,0,0,0.5); } .camera-finder-wrap .author-review .author-review-title p:last-of-type, #main-content .camera-finder-wrap .author-review .author-review-title p:last-of-type{ margin-bottom:0px; } .camera-finder-wrap .author-review .author-review-title p:last-of-type:after { content: "\f10e"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: rgba(0,0,0,0.5); position: absolute; bottom: 0; } .camera-finder-wrap .author-review small { display: block; font-size: 14px; margin-top: 0; text-transform: none; letter-spacing: 0.5px; padding: 0 20px; } .camera-finder-wrap .btn:focus, .camera-finder-wrap .btn:active{ color:#fff !important; } .step-finder-name.step-finder-name-smaller{ font-size: 25px !important; line-height: 35px !important; } .questions{ display:none; } #finderForm .pager li.next { text-align: center; } ::marker{ content: ''; } #tab1 .pager.wizard { margin:0; } .pager.wizard li, .blog-content .pager.wizard li{ margin:0px; } .pager.wizard li:before, .blog-content .pager.wizard li:before{ display:none; } .pager.wizard li.zuruck{ display: inline-block; position:absolute; cursor: pointer; left: 30px; bottom: 20px; } .pager.wizard li.weiter{ display: inline-block; position:absolute; cursor: pointer; right: 30px; bottom: 20px; } .pager.wizard li.zuruck:before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f30a"; color: #285bb8; margin-right: 8px; font-size: 50px; position: absolute; left: 2px; bottom: 0px; width: auto; font-weight: bold; line-height: 80px; } .pager.wizard li.weiter:after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f30b"; color: #285bb8; margin-right: 8px; font-size: 50px; position: absolute; right: -6px; bottom: 0px; width: auto; font-weight: bold; line-height: 80px; } .tab-content .pager { display: inline-block; width: 100%; margin:20px 0 0 0; padding: 0px; position: initial; } i.fa-question-circle { color: #285bb8; } .bigbox i.fa-question-circle { color: #fff; } h2 i.fa-question-circle { font-size: 23px; } .tooltip_custom { display: inline; position: relative; z-index: 999; } .tooltip_custom-item { cursor: pointer; display: inline-block; padding:2px 0px 0px 0px; } .tooltip_custom-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_custom:hover .tooltip_custom-item::after { pointer-events: auto; } .tooltip_custom-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; box-shadow: -5px -5px 15px rgba(48,54,61,0.2); background: #2a3035; opacity: 0; cursor: default; pointer-events: none; line-height:18px !important; font-style:italic !important; } .tooltip_custom-effect-5 .tooltip_custom-content { width: 300px; margin-left: -150px; -webkit-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); } .tooltip_custom:hover .tooltip_custom-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } .tooltip_custom-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #2a3035; border-width: 10px; margin-left: -10px; } .tooltip_custom-text { display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; font-size:13px; text-align:center; } .tooltip_custom-effect-5 .tooltip_custom-text { padding: 1.4em; } .tooltip_custom-effect-5 .tooltip_custom-text a{ color: #fff; text-decoration: underline; } .tooltip_custom-effect-5 .tooltip_custom-text a:hover{ color: #fff; text-decoration: none; } .tooltip_custom-text a { font-weight: bold; } .progress-bar { background-color: #285bb8; height: 1.5rem; } .progress{ height: 1.5rem; } .submit-button{ position: absolute; right:30px; bottom: 10px; } .page-template-page-Finder #main-content, .page-template-page-Finder-ES #main-content, .page-template-page-Finder-NL #main-content, .page-template-page-Finder-EN #main-content, .page-template-page-Finder-FR #main-content{ padding-top: 0; } .email_results .blue-btn.small-btn{ float: right; margin-top: 15px; } .badge-at { background: #285bb8; border-radius: 3px; color: #fff; font-size: 13px; padding: 3px 5px; z-index: 1; display: inline-block; position: absolute; left: 10px; top: 10px; margin: 0px; } #main-content .selected_finder_product img.attachment-post-thumbnail{ margin: 0px; padding:10px 0 0 10px; } #main-content .selected_finder_product .buttons_with_images img{ margin: 0; padding:0; } .small-finder { background: rgba(0, 0, 0, 0.04); float: left; width: 100%; padding: 15px; margin: 20px 0; text-align: center; box-sizing: border-box; position: relative; text-align: left; } #main-content .small-finder img{ margin:0px; } #main-content .small-finder h3, .small-finder h3{ font-size: 21px; margin: 0px 0px 15px 0px; } .small-finder-title, #main-content p.small-finder-title{ font-size: 17px; margin: 0px 0px 10px 0px; color: #285bb8; line-height: 25px; font-weight:600; } .small-finder .proscons_div{ width: 100%; display: inline-block; } .small-finder .pros { width: auto; margin-right: 15px; } .small-finder .pros i{ margin: 5px 10px 0px 0; } #main-content .small-finder .pros p{ margin: 0; width: auto; } .form-control:focus { box-shadow: none; border: 1px solid #ced4da; } .bf-slider p.save{ margin-bottom: 0px !important; } .product_list{ width: 100%; margin: 0 0 20px 0; display: inline-block; border-radius: 10px; background: #f9f9f9; } .product_list_item{ width: 100%; display: inline-block; padding:0 15px; border-bottom: 1px solid #e1e1e1; } .product_list_item:last-of-type{ border-bottom: none; } .product_list_item img, #main-content .product_list_item img{ mix-blend-mode: multiply; margin: 0px; width: 100px; margin-right: -30px; } #main-content .product_list_item h4, .product_list_item h4{ color: #141416; margin: 0px; font-size: 18px; } #main-content .product_list_item h4 a, .product_list_item h4 a{ color: #141416; text-decoration: none; } .blog-content .product_list_item ul, .category-content .product_list_item ul{ padding: 15px 0 15px 20px; margin: 0; } .blog-content .product_list_item ul li:last-child, .category-content .product_list_item ul li:last-child{ margin-bottom: 0; } .product_list_item span{ font-weight: bold; font-size: 15px; margin-bottom: 5px; display: inline-block; color: #285bb8; } .product_list_item .col-xl-4.col-lg-12.align-self-center{ padding-left: 0px; } .product_list_item p.pros-before, #main-content .product_list_item p.pros-before{ font-size: 15px; line-height: 20px; } .blue-btn.small-btn.orange-amazon{ background:#b86428; border-color: #b86428; text-align: center; } .blue-btn.small-btn.orange-amazon:hover{ background:#000; border-color: #000; } .product_list_item .row{ min-height: 130px; } .product_list_item .blue-btn.small-btn{ text-align: center; width: 100%; margin:5px 0 !important; } .procons h3, #main-content .procons h3{ color: #4d4d4d; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 600; text-transform: capitalized; font-size:1rem; background:#f0f0f0; padding:15px 20px; margin:0px 0px 0px 0px; border-bottom:2px solid #285bb8 ; width:100%; box-sizing:border-box; } .procons{ background:#fafafa; padding-left:0px; padding-right:0px; } .proconsrow{ background:#fafafa; margin-bottom:20px; margin-left:0px; margin-right:0px; box-sizing:border-box; display:flex; width:100%; border-radius: 10px; overflow: hidden; } .procons .ul-style-3{ padding:0px 15px 10px 20px; } .procons .ul-style-4{ padding:0px 15px 10px 20px; } .procons .ul-style-3 li:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f00c"; color:#285bb8; margin-right:8px; font-size:20px; width:auto; top:-1px; left:0px; } .procons .ul-style-4 li:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f068"; color:#757575; margin-right:8px; font-size:20px; width:auto; top:-1px; left:0px; } .page-id-6 .home-buttons .blue-btn:first-of-type{ display: none; } .buttons_with_images .row_price del { top: -2px; left: 7px; margin-right: 7px; font-size: 0.7em; position: relative; color: #FF1300; } #main-content .category-content > a img{ margin-top:0px !important; } #main-content .callTo a{ text-decoration: none; } .ml{ margin-left:20px; } .mr{ margin-right:20px; } .mb{ margin-bottom:20px; } .mt{ margin-top:20px; } .callTo{ display: inline-block; width: 100%; padding:20px; background:#285bb8; border-radius:5px; } #main-content a[data-fancybox] + .callTo.mb{ margin-top: -20px; } .procons.procons-en h3, #main-content .procons.procons-en h3{ color:#000; font-size: 1.3rem; } .best-product-new .pros-before:before, .best-product .pros-before:before, .product_list .pros-before:before{ content: "\f00c"; } .best-product-new{ padding-top:30px; margin: 0 0 20px 0 !important; } .best-product-new .cons-before:before, .best-product .cons-before:before{ content: "\f068"; color: #757575; } .procons.procons-en .ul-style-4 li:before { color: #b8b8b8; } .best-product-new .image_button{ background:#b86428; border-color: #b86428; text-align: center; color:#fff; } .best-product-new .image_button:hover{ background:#000; border-color: #000; color:#fff; } #products_in_table .image_button img.fnac_svg{ margin: -16px 0 0 -4px !important; } #products_in_table .image_button img.cdiscount_svg{ margin: 0 0 0 -7px !important; } #products_in_table .image_button img.elcorteingles_svg{ margin: -52px 0 0 0px !important; } .presto-block-video{ width:100%; } .jens_form, #mauticform_coffeecnuswaitlist_focus .mauticform-page-1{ width: 100%; margin: 0 0 20px 0; display: table; position: relative; } .jens_form_left, .jens_form_right, #mauticform_coffeecnuswaitlist_focus #mauticform_coffeecnuswaitlist_focus_f_left, #mauticform_coffeecnuswaitlist_focus_f_right{ width: 50%; height:100%; padding:20px 20px 30px 20px; display: table-cell; vertical-align: top; } #mauticform_coffeecnuswaitlist_focus_f_right{ margin-bottom:0px; position: relative; background: #f9f9f9; } #mauticform_coffeecnuswaitlist_focus_f_right .jens_form_right_info_text p, #main-content #mauticform_coffeecnuswaitlist_focus_f_right .jens_form_right_info_text p{ color: #285BB8; font-size: 30px; line-height: 36px; padding: 0px; } #mauticform_coffeecnuswaitlist_focus_f_right .mauticform-button{ word-break: break-word; white-space: break-spaces; display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 30px; font-size: 13px; line-height: 1.3856; border-radius: 3px; color: #fff; bottom: 20px; margin: 15px 0 0 0; background: #b86428; border-color: #b86428; } #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_coffeecnuswaitlistalextest_submit, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_coffeecnuswaitlistalextest_submit { width: 100%; text-align: center; } #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_coffeecnuswaitlist_focus_f_left, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_coffeecnuswaitlist_focus_f_left{ background:url('../jpg/arnes-kaffee-ohne-kva-blau-square.jpg'); padding: 0px; background-size: cover; background-position: center; } #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_kvanachpreisklassen_f_right, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_kvanachpreisklassen_f_right{ background: #f9f9f9; position: relative; } #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_kvanachpreisklassen_f_right .jens_form_right_info_text:first-of-type p, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_kvanachpreisklassen_f_right .jens_form_right_info_text:first-of-type p{ color: #285BB8; font-size: 30px; line-height: 36px; padding: 0px; } .jens_form_left{ background: #3363bc; } .jens_form_right, .mautic_right{ background: #f9f9f9; position: relative; text-align: center; } #mauticform_kvanachpreisklassen_firstname1, #mauticform_kvanachpreisklassen_email, #mauticform_coffeenessglaser_firstname1, #mauticform_coffeenessglaser_firstname{ float: left; width: 49%; } #mauticform_kvanachpreisklassen_firstname1, #mauticform_coffeenessglaser_firstname1{ margin-right: 1%; } #mauticform_kvanachpreisklassen_email, #mauticform_coffeenessglaser_firstname{ margin-left: 1%; } .logo-text{ display: inline-block; text-align: center; margin: 0 auto; background: #fff; border-radius: 50%; } .jens_form_right_image{ background:url('../png/coffeeness_logo_squirrel1.png'); background-size: 50px 50px; width: 50px; height:50px; } #main-content .jens_form h4, .jens_form h4{ color: #fff; font-size: 25px; text-align: center; font-weight: 400; margin:30px 0 10px 0; } #main-content .jens_form .jens_form_left img{ margin: 10px auto 20px; width: 329px; } .jens_form_left{ text-align: center; } #main-content .jens_form .jens_form_left p, .jens_form .jens_form_left p{ color: #fff; text-align: center; padding:20px 0; position: relative; margin-bottom: 40px; } #main-content .jens_form p:before, .jens_form p:before { content : ""; position: absolute; left : 15%; top : 0; height : 1px; width : 70%; /* or 100px */ border-bottom:1px solid #fff; } #main-content .jens_form p:after, .jens_form p:after { content : ""; position: absolute; left : 15%; bottom : 0; height : 1px; width : 70%; /* or 100px */ border-bottom:1px solid #fff; } .jens_form select, .jens_form input, .jens_form textarea{ width: 100%; padding: 0.5em 0.5em; border: 1px solid #194595; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; margin:0 0 10px 0; } .jens_form select { color: #757575; } .jens_form option:not(:first-of-type) { color: #3363bc; } .jens_form_right header{ float: left; width: 100%; text-align: center; } .jens_form_right_info_text{ width: 100%; margin: 10px 0; display: inline-block; text-align: center; } .jens_form_right_info_text:first-of-type p, #main-content .jens_form_right_info_text:first-of-type p{ font-size: 20px; font-weight: bold; width: 100%; text-align: center; padding: 0 10%; } #mauticform_welchenkvahastdu_submit{ text-align: center; } .jens_form .mauticform-button{ background: #000; border-radius: 50px; padding: 15px 100px; font-weight: bold; color: #fff; bottom: 20px; margin:15px 0 0 0; background:#b86428; border-color: #b86428; } .jens_form .mauticform-button:focus{ border:none; outline: none; } .jens_form .mauticform-button:hover{ background:#000; border-color: #000; } .mauticform-errormsg{ color:#fff; margin-bottom:10px; } .jens_form_right .mauticform-errormsg{ color:#3363bc; } .jens_form label, .jens_form br{ display: none; } #mauticform_welchenkvahastdu_kva_modell, #mauticform_welchenkvahastdu_firstname, #mauticform_welchenkvahastdu_f_name, #mauticform_welchenkvahastdu_email{ margin-bottom:10px; } .jens_form_right small{ width: 100%; display: inline-block; color:#666; font-style: italic; } #mauticform_input_welchenkvahastdu_dein_kva_modell{ display: none; } .wt-cli-manage-consent-link a:not([href]){ cursor: pointer !important; } .cli-tab-footer .wt-cli-privacy-accept-btn{ background: #285bb8 !important; } .cli-tab-footer .wt-cli-privacy-accept-btn:hover{ background: #285bb8 !important; color:#fff !important; } #main-content .mauticform-innerform p span, .mauticform-innerform p span{ background: none; } .custom-table-horizontal.specifications td p, #main-content .custom-table-horizontal.specifications td p, .specifications td p, #main-content .specifications td p{ margin-bottom: 0px; } .custom-table-horizontal table.table_of_one tr{ width:100% !important; padding-left:50% !important; } .custom-table-horizontal .table.table_of_one tr th{ width:50% !important; } .custom-table-horizontal .table.table_of_one tr td{ min-width:100% !important; max-width:100% !important; display: inline-block; } .height70{ height:70px; } .table_of_one .height70{ height:auto; } .custom-table-horizontal.specifications table.table_of_one tr:last-of-type{ padding-bottom: 0px; } .specifications{ border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; width:100%; float:left; box-sizing:border-box; margin:20px 0px 40px 0px; border-radius:5px; background:#fafafa; position:relative; transform: translateX(0); overflow:hidden; } .specifications table.table_of_one tr th { border-right: 1px solid #dee2e6; } .specifications table tr th { background: #f0f0f0; } .specifications table tr:nth-child(1) td, .specifications table tr:nth-child(1) th { background: #285bb8; } .specifications table tr:first-of-type td a, .blog-content .specifications table tr:first-of-type td a, .blog-content .specifications table tr:first-of-type td a:hover { color: #fff; } .specifications table.table_of_one tr td { text-align: center; } .specifications table.table_of_one{ margin-bottom: 0px; } .specifications .blue-btn.small-btn{ margin:0px; } .specifications i, .specifications_mobile i{ font-size: 20px; color:#757575; } .specifications tr td { vertical-align: middle; } .specifications .fa-check-circle, .specifications_mobile .fa-check-circle{ color:#285bb8; position: relative; top: 2px; margin: 0 3px; } .specifications .fa-times-circle, .specifications_mobile .fa-times-circle{ position: relative; top: 2px; margin: 0 3px; } .specifications a.blue-btn.small-btn{ background: #285bb8; border-color: #194595; } .specifications a.blue-btn.small-btn:hover{ background: #194595; border-color: #194595; } .specifications_mobile, .specifications_mobile_scroll{ display: none; } .specifications_mobile th{ background: #285bb8; color:#fff; width:100%; display: inline-block; border-top: none; } .specifications_mobile .table tr{ display: inline-block; width:100%; margin-bottom:10px; border-bottom: 1px solid #dee2e6; border-left: 1px solid #dee2e6; } .specifications_mobile .table td{ width: 100%; display: flex; padding: 0; } .specifications_mobile .table .td_left{ background: #f0f0f0; width:50%; display: inline-block; padding: 0.65rem; } .specifications_mobile .table .td_right{ width:50%; display: inline-block; border-right: 1px solid #dee2e6; padding: 0.65rem; text-align: center; } .specifications_mobile .table p{ margin-bottom:0px !important; } .specifications_mobile td a { line-height: 27px; } .blog-content .product_list_item ul li .fa-circle, .category-content .product_list_item ul li .fa-circle{ display: none; } #main-content .jens_form.mautic_form_en, .jens_form.mautic_form_en{ table-layout: fixed; } #main-content .jens_form.mautic_form_en h4, .jens_form.mautic_form_en h4{ margin-top:5px; } .jens_form.mautic_form_en .jens_form_left, #main-content .jens_form.mautic_form_en .jens_form_left{ background:#fff; padding:0px; background-size: cover; background-position: center; } .jens_form.mautic_form_en #mauticform_coffeecnuswaitlist_submit, .jens_form.mautic_form_en #mauticform_coffeecnuswaitlistform_submit{ width:100%; text-align: center; } .jens_form.mautic_form_en .jens_form_right_info_text:first-of-type p, #main-content .jens_form.mautic_form_en .jens_form_right_info_text:first-of-type p{ color:#285BB8; font-size: 30px; line-height: 36px; padding: 0px; } .jens_form.mautic_form_en .mauticform-button { padding-left: 30px; padding-right: 30px; word-break: break-word; white-space: break-spaces; } #mauticform_kvanachpreisklassen_submit{ text-align: center; } #wt-cli-accept-btn{ margin-right: 5px; } .specifications_mobile_scroll_table td, .specifications_mobile_scroll_table th { min-width: 240px; max-width: 240px; border-right: 1px solid #dee2e6; } .specifications_mobile_scroll_table td { text-align: center; } #mauticform_wrapper_kvanachpreisklassen .jens_form .jens_form_right p, #mauticform_wrapper_coffeenessglaser .jens_form .jens_form_right p{ font-weight:bold; font-size: 19px; } #mauticform_wrapper_coffeenessglaser .jens_form .jens_form_right p.small{ font-weight:normal; font-size: 14px; margin:15px 0 0 0 !important; } .cli-barmodal-open{ overflow: auto !important; } #mauticform_wrapper_coffeenessglaser p.sub-title { font-size: 25px !important; line-height: 32px !important; font-weight:normal !important; } #wpdcom .wpd-comment .wpd-avatar img, #wpdcom .wpd-comment .wpd-avatar img.avatar, #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-editor .wpd-avatar img{ margin:10px 0 0 0 !important; } #wpdcom .wpd-comment .wpd-reply-to a { color: #285bb8 !important; } #main-content p a.green{ display: initial; } .specifications table.table_of_one th{ width:40%; } .specifications table.table_of_one td{ width:60%; } .specifications table.table_of_two th{ width:33%; } .specifications table.table_of_two td{ width:33%; } .specifications table.table_of_three th{ width:25%; } .specifications table.table_of_three td{ width:25%; } .best-product .blue-btn.small-btn.asin-button, #products_in_table .blue-btn.small-btn.asin-button{ margin-bottom: 10px !important; text-transform: none; } .tablepress th, .tablepress td{ padding:8px !important; } .tablepress td{ border-bottom: 1px solid #DEE2E6 !important; } .dataTables_scrollBody .tablepress thead th{ padding:0 8px !important; } .best-product .buttons_with_images a:nth-child(4), .best-product .buttons_with_images a:nth-child(5), .best-product .buttons_with_images a:nth-child(6), #products_in_table .buttons_with_images a:nth-child(4), #products_in_table .buttons_with_images a:nth-child(5), #products_in_table .buttons_with_images a:nth-child(6){ display: none; } .best-product .buttons_table tr:nth-child(4), .best-product .buttons_table tr:nth-child(5), .best-product .buttons_table tr:nth-child(6), #products_in_table .buttons_table tr:nth-child(4), #products_in_table .buttons_table tr:nth-child(5), #products_in_table .buttons_table tr:nth-child(6){ display: none; } .buttons_table{ margin:10px 0px; width: 100%; } .page-template-page-Finder .buttons_table, .page-template-page-Finder-NL .buttons_table, .page-template-page-Finder-FR .buttons_table, .page-template-page-Finder-EN .buttons_table, .page-template-page-Finder-ES .buttons_table{ max-width: 450px; } .page-template-page-Finder .buttons_table a, .page-template-page-Finder-NL .buttons_table a, .page-template-page-Finder-FR .buttons_table a, .page-template-page-Finder-EN .buttons_table a, .page-template-page-Finder-ES .buttons_table a{ margin:0px !important; width: 100%; } .page-template-page-Finder .buttons_table td:nth-child(even), .page-template-page-Finder-NL .buttons_table td:nth-child(even), .page-template-page-Finder-FR .buttons_table td:nth-child(even), .page-template-page-Finder-EN .buttons_table td:nth-child(even), .page-template-page-Finder-ES .buttons_table td:nth-child(even){ width:55%; padding-left: 40px; } .buttons_table tr{ width: 100%; } .buttons_table td{ padding:10px; text-align: center; } .buttons_table td:nth-child(even){ width:55%; } .buttons_table td:nth-child(odd){ width:45%; } .buttons_table img, #main-content .buttons_table img{ margin:0 auto; text-align: center; max-height: 30px; } .buttons_table img.coolblue_svg, #main-content .buttons_table img.coolblue_svg{ max-height: 45px; } .buttons_table img.fnac_svg, #main-content .buttons_table img.fnac_svg{ max-height: 25px; } .buttons_table img, #main-content .buttons_table img.coolblue_svg{ width: auto; max-width:90%; } .best-product .buttons_table .blue-btn.small-btn{ margin:0px !important; padding:10px 0px !important; } #products_in_table .table .buttons_table td{ padding:7px 0 !important; border-right:none; vertical-align: middle; } #products_in_table .table .buttons_table td:nth-child(even){ width:55%; } #products_in_table .table .buttons_table td:nth-child(odd){ width:45%; } #products_in_table .table .buttons_table a.blue-btn.small-btn{ margin:0 !important; width: 100%; } .product_list_item .col-xl-3.align-self-center img, #main-content .product_list_item .col-xl-3.align-self-center img{ width: auto; margin: 0 auto 10px auto; display: inherit; max-width: 75%; max-height: 45px; } .product_list_item .col-xl-3.align-self-center img.amazon_svg, #main-content .product_list_item .col-xl-3.align-self-center img.amazon_svg{ height: auto; margin: 0px auto; display: inherit; max-width: 75%; max-height: 30px; } .product_list_item .col-xl-3.align-self-center a{ width: 100%; margin-top: 0px; margin-bottom: 5px; } .product_list .pros-before{ text-align: left; margin:10px 0 !important; } .product_list .buttons_table a{ text-decoration: none; font-size: 15px; font-weight: 400; color: #141416; } .product_list .display_flex a{ display: flex; align-items: center; justify-content: center; } .product_list .buttons_table td:nth-child(odd), .product_list .buttons_table td:nth-child(even) { width: 100%; float:left; padding:5px 0 0 0; display: flex; justify-content: center; } .product_list .highlight .buttons_table td:nth-child(odd), .product_list .highlight .buttons_table td:nth-child(even) { padding:0; } .product_list .buttons_table tr{ border-top: none !important; } .product_list .buttons_table img{ margin:0px 5px !important; } #baguetteBox-slider figure{ float: none; } .blue-btn.small-btn{ padding: 10px !important; } #baguetteBox-overlay .full-image figure{ display: inline-block; max-height: 80vh; vertical-align: middle; } #baguetteBox-overlay .full-image figcaption{ margin-bottom: 0; } .baguetteBox-button#close-button, .baguetteBox-button#close-button:hover{ background: none; } .baguetteBox-button#close-button svg g{ stroke:#285bb8; } .wp-block-image figcaption{ margin-top: -20px; } .main-menu li.bold-menu-item{ font-weight: 600 !important; } .accordion_wrap{ display: inline-block; width: 100%; margin-bottom: 20px; } .accordion_wrap .card:last-of-type{ border-bottom: 1px solid rgba(0,0,0,.125); } #main-content .alert-block p{ margin-bottom: 0px !important; } .qsm-before-message.mlw_qmn_message_before p, #main-content .qsm-before-message.mlw_qmn_message_before p{ font-size: 30px; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; margin: 0px 0 0px 0; display: inline-block; width: 100%; color: #141416; } .mlw_qmn_message_before { margin:0 !important; padding: 0 !important; display: inline-block !important; } .quiz_section { display: inline-block !important; margin: 0 0 20px 0 !important; padding: 0 !important; width: 100% !important; } .quiz_section .mlw_qmn_new_question{ font-size: 21px; width: 100% !important; margin: 0px 0 20px 0 !important; font-family: 'Mulish', Arial, sans-serif; font-weight: 500 !important; color: #285bb8 !important; } .mlw_qmn_hint_link { text-decoration: none !important; color: #285bb8 !important; } .qmn_radio_answers { margin-bottom: 20px; } .quiz_section .mlw_qmn_new_question{ width: 100% !important; display: inline-block !important; } .qmn_quiz_container select, .qmn_quiz_container textarea, .qmn_quiz_container input[type="text"], .qmn_quiz_container input[type="email"], .qmn_quiz_container input[type="url"], .qmn_quiz_container input[type="number"] { border: 1px solid #285bb8 !important; width: 100% !important; display: inline-block !important; } .qsm_auto_pagination_enabled .qmn_pagination{ display: inline-block !important; margin: 0 !important; padding: 0 !important; } .qsm-pagination.qmn_pagination.border.margin-bottom{ border: none !important; display: inline-block !important; margin: 0 0 20px 0 !important; padding: 0 !important; } .qmn_btn, .qsm-quiz-container.qmn_quiz_container .qmn_btn{ background:#285bb8 !important; border:1px solid #194595 !important; color:#fff !important; border-radius:4px; text-decoration:none !important; margin:0px 0px 15px 0px !important; text-decoration:none !important; padding:10px !important; font-size: 15px !important; text-transform: uppercase !important; font-weight: 600; } .qmn_btn:hover, .qsm-quiz-container.qmn_quiz_container .qmn_btn:hover{ background:#194595 !important; text-decoration:none !important; color:#fff !important; } #footer.footerNew p{ color: rgba(255,255,255,0.63); font-size: 16px; } #footer.footerNew h5{ font-size: 17px; margin-bottom: 15px; font-weight: 600 !important; line-height: 25.4px; } #footer.footerNew img{ margin-bottom: 15px; } #footer.footerNew ul{ margin: 0px !important; padding: 0px; } #footer.footerNew ul li{ margin-bottom: 10px; } #footer.footerNew ul li a{ color: rgba(255,255,255,0.63); } #footer.footerNew ul li a:hover{ color: #fff; } .row-border{ border-top: 1px solid #3d3d3d; width: 100%; display: inline-block; padding:10px 0 0 0; } #footer.footerNew .col-md-4.center{ text-align: center; } #footer.footerNew p a{ color: rgba(255,255,255,0.63) !important; margin-left: 30px; } #footer.footerNew p a:hover{ color: #fff !important; } #footer.footerNew p.float-right{ float: right; } .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{ flex: 1; } .specifications{border-radius:10px;} .specifications table.table_of_one tr th { background: none; border-right: none; } .specifications table.table_of_one tr:nth-child(odd) { background: #f0f0f0; } .specifications table.table_of_one tr td{ text-align: left; } .specifications table.table_of_one tr:first-of-type td{ text-align: center; background: #f0f0f0; border-bottom: 2px solid #285bb8; padding: 0.80rem; } .specifications table.table_of_one tr:first-of-type td a{ text-decoration: none; color: #212529; font-size: 18px; } .specifications table.table_of_one tr:first-of-type td a:hover{ color: #285bb8; } .specifications table.table_of_one .hidden_row{ display: none; } .specifications table.table_of_one.active .hidden_row{ display: table-row; } .specifications table.table_of_one tr.spez { background: #fff; } .specifications table.table_of_one tr.spez td { text-align: center; } .specifications table.table_of_one tr.spez i{ margin-left: 5px; color: #285bb8; } .specifications table.table_of_one tr.spez i:before{ font-size: 30px; vertical-align: middle; } .specifications table.table_of_one tr.spez span.active i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .specifications table.table_of_one tr.spez span{ cursor: pointer; text-decoration: underline; } .specifications table.table_of_one tr.spez span:hover{ text-decoration: none; } .wp-block-image img, #main-content .wp-block-image img{ border-radius: 10px; } .wp-block-image:has(figcaption) img, #main-content .wp-block-image:has(figcaption) img { border-radius: 10px 10px 0 0; } .wp-block-image figcaption{ border-radius: 0px 0px 10px 10px; font-size: 15px; text-align: left; padding: 10px; color: #285bb8; background-color: rgba(0,0,0,.03); text-shadow: none; } .wp-block-image figcaption { border-radius: 0 0 10px 10px; } #main-content .accordion-block a.card-link, .category-content .accordion-block a.card-link{ color:#212529; } #main-content .accordion-block a.card-link:hover, .category-content .accordion-block a.card-link:hover{ color:#212529; } #main-content .author-box_wrap p.redaktion_wrap, #main-content-page .author-box_wrap p.redaktion_wrap{ line-height: 15px; } #main-content .author-box_wrap .post-meta, #main-content-page .author-box_wrap .post-meta{ margin-bottom:25px; } @media only screen and (max-width:767.98px){ #main-content .author-box_wrap .post-meta, #main-content-page .author-box_wrap .post-meta{ margin-bottom:10px; } } #main-content .author-box_wrap .post-meta a{color:#212121;margin-right:20px;font-size:14px;} #main-content .author-box_wrap .post-meta a:last-child{margin-right:0;} #main-content .author-box_wrap .post-meta i.far, #main-content .author-box_wrap .post-meta i.fas{color:#285bb8;margin-right:3px;} #main-content .author-box_wrap .post-meta span{margin-right:10px;display:inline-block;background: none;} #main-content .author-box_wrap .img-span{width:60px;height:60px;display:inline-block;} #main-content .author-box_wrap .img-span img{margin:0;border-radius:50%;float:left;} #main-content .author-box_wrap .tooltip_custom{display:inline;position:relative;z-index:999;} #main-content .author-box_wrap span.tooltip_custom-content{position:absolute;z-index:9999;width:360px;left:50%;margin:0 0 20px -180px;bottom:100%;text-align:left;box-shadow:-5px -5px 15px rgba(48,54,61,.2);background:#2a3035;opacity:0;cursor:default;pointer-events:none;line-height:18px!important;font-style:italic!important;background: #2a3035;} #main-content .author-box_wrap .tooltip_custom-effect-5 .tooltip_custom-content{width:300px;margin-left:-150px;-webkit-transform-origin:50% calc(100% + 6em);transform-origin:50% calc(100% + 6em);-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;-webkit-transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39);transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39);} #main-content .author-box_wrap .tooltip_custom:hover .tooltip_custom-content{pointer-events:auto;opacity:1;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0);transform:translate3d(0,0,0) rotate3d(0,0,0,0);} #main-content .author-box_wrap .tooltip_custom-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#2a3035;border-width:10px;margin-left:-10px;} #main-content .author-box_wrap span.tooltip_custom-text{display:block;padding:1.31em 1.21em 1.21em 0;color:#fff;font-size:13px;text-align:center;background: #2a3035;} #main-content .author-box_wrap .tooltip_custom-effect-5 .tooltip_custom-text{padding:1.4em;} #main-content .author-box_wrap .post-meta p{margin-bottom:5px;} #main-content .author-box_wrap .fact_checked_by{text-align:left;padding:0 13px 2px 12px;border-radius:20px;background:#285bb8;color:#fff;font-size:15px;font-style:italic;} #main-content .author-box_wrap .fact_checked_by .tooltip_custom-content{text-align:center;} #main-content .author-box_wrap .post-meta .fact_checked_by i.fas{color:#fff;} #main-content .author-box_wrap .post-meta .fact_checked_by span{margin-right:0;margin-left: 0px;} #main-content .author-box_wrap .post-meta .fact_checked_by span.img-span{margin-right:0;float:none;display:inline-block;margin:20px auto 0;} #main-content .author-box_wrap .post-meta span{vertical-align:middle;} #main-content .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content{width:600px;margin-left:-300px;} #main-content .author-box_wrap .author_url{font-size:17px!important;} #main-content .author-box_wrap .post-meta a{text-decoration:underline;margin:0;display: inline;} #main-content .author-box_wrap .post-meta a:hover{text-decoration:none;} #main-content .author-box_wrap{border:1px solid #ebebeb;width:100%;padding:18px;border-radius:5px;float:left;margin-bottom:20px;} #main-content .author-box_wrap .author-box{margin-bottom:20px;flex-grow:0;flex-shrink:0;display:flex;flex-direction:row;border: none; padding: 0;} #main-content .author-box_wrap .img-span{width:auto;height:auto;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;margin:0;} #main-content .author-box_wrap .img-span img{width:50px;height:50px;margin-right:10px;max-width: 50px; max-height: 50px;} #main-content .author-box_wrap .meta_content_wrap p{width:100%;} #main-content .author-box_wrap .fact_checked_by{float:left;width:auto;} #main-content .author-box_wrap .fact_checked_by{display:inline!important;float:none!important;padding:0!important;border-radius:0!important;background:0 0!important;font-style:normal!important;color:#222!important;font-size:15px!important;} #main-content .author-box_wrap p{font-size:15px!important;} #main-content .author-box_wrap .post-meta span{vertical-align:initial;} #main-content .author-box_wrap .post-meta .fact_checked_by i.fas{color:#285bb8!important;margin-left:10px;} #main-content .author-box_wrap .redaktion{font-size:15px!important;color:#285bb8!important;line-height:1.5;vertical-align:middle;} #main-content .author-box_wrap .fact_checked_by span.tooltip_custom{display:inline!important;} #main-content .author-box_wrap .author_url{font-size:15px!important;font-weight: 400;} #main-content .author-box_wrap .author-left{display:flex;flex-direction:row;} #main-content .author-box_wrap .editor-right{display:flex;flex-direction:row;} #main-content .author-box_wrap .editor-border{border-left:1px solid #888;display:flex;padding:0 20px 0 0;margin-left:20px;} #main-content .author-box_wrap .post-meta p.author-name{margin-bottom:5px!important;} #main-content .author-box_wrap p.position,p.position{color:#888;font-size:14px!important;line-height:1.5!important;} #main-content .author-box_wrap .author-name{line-height:1.5!important;} #main-content-page .author-box_wrap .post-meta a{color:#212121;margin-right:20px;font-size:14px;} #main-content-page .author-box_wrap .post-meta a:last-child{margin-right:0;} #main-content-page .author-box_wrap .post-meta i.far, #main-content-page .author-box_wrap .post-meta i.fas{color:#285bb8;margin-right:5px;} #main-content-page .author-box_wrap .post-meta span{margin-right:10px;display:inline-block;background: none;} #main-content-page .author-box_wrap .img-span{width:60px;height:60px;display:inline-block;} #main-content-page .author-box_wrap .img-span img{margin:0;border-radius:50%;float:left;} #main-content-page .author-box_wrap .tooltip_custom{display:inline;position:relative;z-index:999;} #main-content-page .author-box_wrap span.tooltip_custom-content{position:absolute;z-index:9999;width:360px;left:50%;margin:0 0 20px -180px;bottom:100%;text-align:left;box-shadow:-5px -5px 15px rgba(48,54,61,.2);background:#2a3035;opacity:0;cursor:default;pointer-events:none;line-height:18px!important;font-style:italic!important;background: #2a3035;} #main-content-page .author-box_wrap .tooltip_custom-effect-5 .tooltip_custom-content{width:300px;margin-left:-150px;-webkit-transform-origin:50% calc(100% + 6em);transform-origin:50% calc(100% + 6em);-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;-webkit-transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39);transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39);} #main-content-page .author-box_wrap .tooltip_custom:hover .tooltip_custom-content{pointer-events:auto;opacity:1;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0);transform:translate3d(0,0,0) rotate3d(0,0,0,0);} #main-content-page .author-box_wrap .tooltip_custom-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#2a3035;border-width:10px;margin-left:-10px;} #main-content-page .author-box_wrap span.tooltip_custom-text{display:block;padding:1.31em 1.21em 1.21em 0;color:#fff;font-size:13px;text-align:center;background: #2a3035;} #main-content-page .author-box_wrap .tooltip_custom-effect-5 .tooltip_custom-text{padding:1.4em;} #main-content-page .author-box_wrap .post-meta p{margin-bottom:5px;} #main-content-page .author-box_wrap .fact_checked_by{text-align:left;padding:0 13px 2px 12px;border-radius:20px;background:#285bb8;color:#fff;font-size:15px;font-style:italic;} #main-content-page .author-box_wrap .fact_checked_by .tooltip_custom-content{text-align:center;} #main-content-page .author-box_wrap .post-meta .fact_checked_by span{margin-right:0;} #main-content-page .author-box_wrap .post-meta .fact_checked_by span.img-span{margin-right:0;float:none;display:inline-block;margin:20px auto 0;} #main-content-page .author-box_wrap .post-meta span{vertical-align:middle;} #main-content-page .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content{width:600px;margin-left:-300px;} #main-content-page .author-box_wrap .author_url{font-size:17px!important;} #main-content-page .author-box_wrap .post-meta a{text-decoration:underline;margin:0;display: inline;} #main-content-page .author-box_wrap .post-meta a:hover{text-decoration:none;} #main-content-page .author-box_wrap{border:1px solid #ebebeb;width:100%;padding:18px;border-radius:5px;float:left;margin-bottom:20px;} #main-content-page .author-box_wrap .author-box{margin-bottom:20px;flex-grow:0;flex-shrink:0;display:flex;flex-direction:row;border: none; padding: 0;} #main-content-page .author-box_wrap .img-span{width:auto;height:auto;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;margin:0;} #main-content-page .author-box_wrap .img-span img{width:50px;height:50px;margin-right:10px;max-width: 50px; max-height: 50px;} #main-content-page .author-box_wrap .meta_content_wrap p{width:100%;} #main-content-page .author-box_wrap .fact_checked_by{float:left;width:auto;} #main-content-page .author-box_wrap .fact_checked_by{display:inline!important;float:none!important;padding:0!important;border-radius:0!important;background:0 0!important;font-style:normal!important;color:#222!important;font-size:15px!important;} #main-content-page .author-box_wrap p{font-size:15px!important;} #main-content-page .author-box_wrap .post-meta span{vertical-align:initial;} #main-content-page .author-box_wrap .redaktion{font-size:15px!important;color:#285bb8!important;line-height:1.5;vertical-align:middle;} #main-content-page .author-box_wrap .fact_checked_by span.tooltip_custom{display:inline!important;} #main-content-page .author-box_wrap .author_url{font-size:15px!important;font-weight: 400;} #main-content-page .author-box_wrap .author-left{display:flex;flex-direction:row;} #main-content-page .author-box_wrap .editor-right{display:flex;flex-direction:row;} #main-content-page .author-box_wrap .editor-border{border-left:1px solid #888;display:flex;padding:0 20px 0 0;margin-left:20px;} #main-content-page .author-box_wrap .post-meta p.author-name{margin-bottom:5px!important;} #main-content-page .author-box_wrap p.position,p.position{color:#888;font-size:14px!important;line-height:1.5!important;} #main-content-page .author-box_wrap .author-name{line-height:1.5!important;} @media only screen and (max-width:1000px){ #main-content .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content, #main-content-page .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content{ width:400px;margin-left:-200px; } } @media only screen and (max-width:768px){ #main-content .author-box_wrap .fact_checked_by{text-align:left;margin-top:10px;} #main-content .author-box_wrap .author-box{flex-direction:column;} #main-content .author-box_wrap .editor-border{display:none;} #main-content .author-box_wrap .img-span{width:85px;position:relative;} #main-content .author-box_wrap .img-span .main_author_image{position:absolute;left:0;bottom:-5px;z-index:10; border:none; margin:0px !important;} #main-content .author-box_wrap .img-span .editor_image{position:absolute;right:0;top:30px; border:none; margin:0px !important;} #main-content .author-box_wrap{padding:15px;} #main-content .author-box_wrap .img-span img.main_author_image{ border: none !important; } #main-content-page .author-box_wrap .fact_checked_by{text-align:left;margin-top:10px;} #main-content-page .author-box_wrap .author-box{flex-direction:column;} #main-content-page .author-box_wrap .editor-border{display:none;} #main-content-page .author-box_wrap .img-span{width:85px;position:relative;} #main-content-page .author-box_wrap .img-span .main_author_image{position:absolute;left:0;bottom:-5px;z-index:10; border:none; margin:0px !important;} #main-content-page .author-box_wrap .img-span .editor_image{position:absolute;right:0;top:30px; border:none; margin:0px !important;} #main-content-page .author-box_wrap{padding:15px;} #main-content-page .author-box_wrap .img-span img.main_author_image{ border: none !important; } } @media only screen and (max-width:600px){ #main-content .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content{width:380px;margin-left:-190px;display:none;} #main-content .author-box_wrap .post-meta span.fact_checked_by{float:left!important;width:100%;margin:5px 0;} #main-content .author-box_wrap .post-meta .fact_checked_by i.fas{margin-left:0;margin-right:3px;} #main-content .author-box_wrap .post-meta i.far.fa-heart{margin-right:4px;} #main-content-page .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content{width:380px;margin-left:-190px;display:none;} #main-content-page .author-box_wrap .post-meta span.fact_checked_by{float:left!important;width:100%;margin:5px 0;} #main-content-page .author-box_wrap .post-meta .fact_checked_by i.fas{margin-left:0;margin-right:3px;} #main-content-page .author-box_wrap .post-meta i.far.fa-heart{margin-right:4px;} } @media only screen and (max-width:400px){ #main-content .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content, #main-content-page .author-box_wrap .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content { width:340px;margin-left:-170px; } } .author-box_wrap { border: 1px solid #ebebeb; width: 100%; padding: 18px; border-radius: 5px; float: left; margin-bottom: 20px; } #main-content .author-box_wrap p:last-of-type, #main-content-page .author-box_wrap p:last-of-type{ margin-bottom: 0px; float: left; } #main-content .author-box_wrap .post-meta i.far.fa-calendar-alt, #main-content-page .author-box_wrap .post-meta i.far.fa-calendar-alt{ margin-right:8px; } .author-box_wrap .author-header { width: auto; margin: 5px 0 0 0; float: right; } .author-box_wrap .social-author .fa-facebook{ color:#3b5998; } .author-box_wrap .social-author:hover i::before{ color: #285bb8 !important; } #footer.footerNew p a{ float: left; } #footer.footerNew p a i{ color: rgba(255,255,255,0.63) !important; float: none; } #footer.footerNew p a:hover i{ color:#fff; } #main-content .metadata p.bewertung, #main-content-page .metadata p.bewertung { font-size: 15px; display: inline-block; margin: 0px 10px 0 0 !important; font-weight: 600; color: #212529; } .single-tests .metadata{ margin-bottom: 10px; display: flex; align-items: flex-end; } .short_excerpt{ float: right; } #main-content .metadata p.short_excerpt, #main-content-page .metadata p.short_excerpt { float: right; margin:0px; padding:0px 15px; color: #fff; background: #285bb8; border-radius: 25px; font-weight: 400; font-size: 15px; } .grow{ flex-grow: 1; position: relative; top: 5px; } .metadata .starRating.meta-time { margin-top: 4px; } #main-content img.twetter-x, img.twetter-x, #main-content-page img.twetter-x, img.twetter-x{ margin: -7px 0 0 0px; } #main-content .author-box_wrap .img-span img.main_author_image, #main-content-page .author-box_wrap .img-span img.main_author_image{ border:2px solid #fff; z-index: 1; position: relative; } #main-content .author-box_wrap .img-span img.editor_image, #main-content-page .author-box_wrap .img-span img.editor_image{ margin-left: -20px !important; z-index: 0; border:2px solid #fff; } #main-content .author-box_wrap .fact_checked_by .img-span img.editor_image, #main-content-page .author-box_wrap .fact_checked_by .img-span img.editor_image{ margin: 0px !important; border: none; } .no-desktop{ display: none; } #main-content-page h1{ margin-bottom: 20px; } #main-content-page p.italic{ font-style: italic; width: 1000px; max-width: 100%; } #main-content-page .author-box_wrap{ width: 1000px; max-width: 100%; } #main-content-page .tooltip_custom-effect-5 .tooltip_custom-text{ position: relative; top: 0; left: 0; } #main-content-page .fa-caret-down{ position: absolute; bottom: -19px; font-size: 35px; left: 50%; margin: 0 0 0 -12px !important; color: #2a3035 !important; } #main-content .fa-caret-down{ position: absolute; bottom: -19px; font-size: 35px; left: 50%; margin: 0 0 0 -12px !important; color: #2a3035 !important; } #main-content .author-box_wrap .post-meta .fact_checked_by i.fas.fa-caret-down{ color: #2a3035 !important; } #main-content .tooltip_custom-effect-5 .tooltip_custom-text{ position: relative; top: 0; left: 0; } #main-content-page .author-box_wrap .post-meta span.img-span{ min-height: 95px; } #main-content-page .author-box_wrap .post-meta .fact_checked_by span.img-span{ min-height: auto; } .page-template-pageLegal #main-article-content .metadata p.meta-author{ text-transform: capitalize; } .page-template-pageLegal #main-article-content .metadata img{ max-width: 50px; max-height: 50px; } .page-template-pageLegal #main-article-content .metadata { display: flex; align-content: center; justify-content: center; align-items: center; } .author #home-blog{ padding-top: 0px; } .productlist-block .row .align-self-center{ padding-left: 10px !important; padding-right: 10px !important; } .productlist-block .row .align-self-center.no-padding-left{ padding-left: 0px !important; } .productlist-block .buttons_table img, #main-content .productlist-block .buttons_table img{ max-height: 27px; } .productlist-block span.number{ background: #e7e7e7; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; margin-left: -13px; text-align: center; } .procons-block a, .blog-content .procons-block a{ color:#141416; text-decoration: none; font-weight: normal; } .procons-block a:hover{ color:#141416; text-decoration: none; font-weight: normal; } .procons-block a img, .blog-content .procons-block a img{ margin: 0 8px !important; max-height: 27px; width: auto; } .procons-block .col-md-12{ display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .procons-block .img_link_text{ margin:0 10px; display: flex; align-items: center; } .procons-block .blue-btn{ margin: 10px 0px !important; } .author_info_box{background:#285bb8;color:#fff;padding:20px;margin:0;display:inline-block;width:100%;border-radius:10px;} .author_info_box img{border-radius:50%;} .speaker-info a,.row.remove-desktop a{color:#fff!important;text-decoration:underline!important;} .speaker-info a:hover,.row.remove-desktop a:hover{color:#fff!important;text-decoration:none!important;} .author_info_box_wrap{background:rgba(0, 0, 0, 0.04);padding:30px;border-radius:10px;display:inline-block;margin-top:30px;} .single_update_content{display:inline-block;margin-bottom:20px;} .single_update_wrap{border-bottom:1px solid #757575;margin-bottom:30px;} .less_updates,.more_updates{cursor:pointer;margin-bottom:20px;} .hidden_content{display:none;} .less_updates{display:none;} .single_update_wrap i{font-size:30px;color:#285bb8;position:relative;top:5px;margin-right:5px;} .less_updates:hover,.more_updates:hover{color:#285bb8;} .speaker-info p{font-size:15px!important; margin-bottom: 0px !important;} .remove-desktop{display:none !important;font-size: 15px;} .remove-mobile{ font-size: 15px; } #main-content .author_info_box_wrap p:last-child, #main-content-page .author_info_box_wrap p:last-child { margin-bottom: 0; } #main-content .author_info_box_wrap img, #main-content-page .author_info_box_wrap img{ margin: 0px; border-radius: 50%; } .author_info_box_wrap h5, .author_info_box_wrap h6{ font-weight: 600; font-size: 18px; } .count_box_single{background-color:#285bb8;padding:20px;border-radius:10px;color:#fff;margin:0 0 20px 0;flex:1;} .count_box_single h3, #main-content .count_box_single h3{color:#fff;font-size:35px; margin: 0 0 10px 0;font-weight: 500;font-family: 'Mulish', Arial, sans-serif; } .row.counter .col-6{ display: flex; } #main-content .count_box_single p, #main-content-page .count_box_single p{ margin: 0px; } #main-content .category-content.ContentContainer > img:first-child{ margin-top: 0px !important; } .wpd-form-wrap .fas.fa-caret-down{ display: none; } .author_holder{ display: inline-block; width: 100%; border-radius: 10px; color: #fff; background: #3363bc; padding: 20px 30px; margin-bottom: 40px; } .author #main-article-content{ text-align: left; padding-bottom: 0px; } .author #main-article-content h1{ margin: 0px; } .new_author_bio{ padding: 0 30px; } .author #main-article-content a{ color:#3363bc; } .author #main-article-content a:hover{ color:#194595; } .author #main-article-content .ul-style-5 li:before { top: -3px; } .author #main-article-content .editor_image{ width: 100%; border-radius: 10px; height: auto; } .info-links{ display: inline-block; width: 100%; position: relative; margin: 0px; background: #fff; text-align: center; } .info-links p{ margin: 0px; width: auto; display: inline-block; padding: 0px 15px; background: #fff; position: relative; z-index: 1; font-size: 14px; } .info-links::after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #c4c9c5; transform: translateY(-50%); } .show-hidden-content{ background: #888; position: relative; color: #fff; border-radius: 50%; text-decoration: none; width: 19px; height: 19px; line-height: 19px; display: inline-block; cursor: default; } .show-hidden-content:hover{ color: #fff; } .info-links:hover .hidden-info-content { display: block; } .hidden-info-content{ position: absolute; background: #fff; width: 190px; padding: 10px; border-radius: 10px; border: 1px solid #c4c9c5; padding: 10px; z-index: 20; left: 50%; margin-left: -90px; bottom: 0px; display: none; margin-bottom: 25px; } div.wpforms-container-full{ margin: 0 auto; } div.wpforms-container-full .wpforms-form .wpforms-head-container{ padding: 0px; } .wpforms-container .wpforms-field{ padding: 0px; } #main ul.wpforms-field-required{ list-style: none; padding: 0px; } .category-content .wpforms-form ul li::before{ display: none !important; } .wpforms-field-required{ margin-bottom: 20px !important; } .productlist-block .product_list_item.product_list_item_new.highlight{ background-color: #E5EEFF; } .productlist-block{ border-radius: 10px; overflow: hidden; } #main-content-page + #main-content{ margin-top: -70px !important; } .wpforms-render-modern .wpforms-field-required li::before{ display: none !important; } .wpforms-render-modern .wpforms-field-container{ margin-top: 20px !important; } #sidebar_box.fixed{ position: fixed; } #sidebar_box{ border-radius: 5px; box-shadow: 0px 0px 10px #ccc; width: 100%; max-width: 396px; float: left; height: auto; overflow: hidden; padding: 15px 100px 15px 15px; position: relative; background:url(../png/beans.png) no-repeat right 20px top 30px; } #sidebar_box::after{ background-color: #e5eeff; border-bottom-left-radius: 300px; transform: rotate(80deg); transform-origin: bottom right; content: ''; position: absolute; width: 310px; height: 381px; bottom: -150px; right: 132px; } #main-content #sidebar_box h2{ font-size: 22px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; } #sidebar_box ul{ padding: 0px; margin-bottom: 20px; } #sidebar_box ul li{ margin: 10px 0px 3px 0px; padding-left: 25px; position: relative; } #sidebar_box ul li:before { font-size: 16px; color: #285bb8; margin-right: 9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; position: absolute; top: 0px; left: 0px; } #sidebar_box .blue-btn.small-btn{ margin: 0px; padding: 10px 30px !important; } #baguetteBox-overlay .full-image img{ max-height: 80vh !important; } .page-template-page-Filter #products_in_table_wrap { padding: 0; background: none; } .page-template-page-Filter .our-coffee { border: 3px solid #f0f0f0; padding: 13px; } .page-template-page-Filter .our-coffee.filter-product-selected { border: 3px solid #285bb8; } .page-template-page-Filter .our-coffee.filter-product-selected .product--selected { box-shadow: none; } .page-template-page-Filter .our-coffee.filter-product .number{ position: absolute; right: -3px; top: -3px; width: 90px; height: 40px; background: #f0f0f0; border-radius: 0 5px 0 5px ; line-height: 40px; text-align: center; font-weight: bold; } .page-template-page-Filter .our-coffee.filter-product:nth-child(1) .number, .page-template-page-Filter .our-coffee.filter-product:nth-child(2) .number, .page-template-page-Filter .our-coffee.filter-product:nth-child(3) .number{ background: #4BB543; color: #fff; z-index: 1; } .page-template-page-Filter .our-coffee.filter-product.filter-product-selected .number{ background: #285bb8; color: #fff; } .page-template-page-Filter .compare-basket .product__image{ margin: 0px !important; } .page-template-page-Filter #main-content .our-coffee.filter-product h3{ text-align: left; margin: 0px; } .page-template-page-Filter #main-content .our-coffee.filter-product h3 a{ color:#141416; text-decoration: none; } .page-template-page-Filter #products_in_table .product-rating_wrap{ text-align: left; } .page-template-page-Filter #main-content .our-coffee.filter-product h4{ margin: 5px 0px; } .page-template-page-Filter .our-coffee p.pros-before, .page-template-page-Filter #main-content .our-coffee p.pros-before, .page-template-page-Filter .our-coffee p.cons-before, .page-template-page-Filter #main-content .our-coffee p.cons-before{ margin-bottom: 5px; width: 100%; } .page-template-page-Filter .our-coffee .blue-btn.small-btn{ border-radius: 5px !important; } .page-template-page-Filter #products_in_table .table.table_of_one, .page-template-page-Filter #products_in_table .table.table_of_one tbody, .page-template-page-Filter #products_in_table .table.table_of_one tr{ width: 100% !important; display: inline-table !important; margin: 0px !important; padding: 0px !important; } .page-template-page-Filter #products_in_table .table.table_of_one td{ background: none !important; padding: 0.75rem !important; } .page-template-page-Filter .specifications{ margin: 10px 0 0 0; padding: 0px; border-top: 1px solid #dee2e6; display: none; } .page-template-page-Filter .spez, .page-template-page-Filter #products_in_table .table.table_of_one tr:first-of-type, .page-template-page-Filter #products_in_table .table.table_of_one tr:last-of-type{ display: none !important; } .specifications_spez { background: #fff; margin:5px 0 0 0 } .specifications_spez td { text-align: center; } .specifications_spez i{ margin-left: 5px; color: #285bb8; } .specifications_spez i:before{ font-size: 30px; vertical-align: middle; } .specifications_spez span.active i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .specifications_spez span{ cursor: pointer; text-decoration: underline; } .specifications_spez span:hover{ text-decoration: none; } .page-template-page-Filter .product.our-coffee.filter-product.active .specifications{ display: inline-block; } .page-template-page-Filter #products_in_table .table th{ background: none; border-right: none; } .page-template-page-Filter .blue-btn.small-btn{ border-radius: 5px; padding:10px 20px !important; align-items: center; display: flex; } .spinner { width: 20px; height: 20px; border: 2px solid #ddd; border-top: 2px solid #285bb8; border-radius: 50%; animation: spin 1s linear infinite; } #sort_order { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background: #285bb8; background-image: none; flex: 1; padding: 0 .5em; color:#fff; cursor:pointer; font-size: 1em; font-family: 'Open Sans', sans-serif; } #sort_order::-ms-expand { display: none; } .select { position: relative; display: flex; width: 100%; height: 3em; line-height: 3; background: #285bb8; overflow: hidden; border-radius: .25em; } .select::after { content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; right: 0; padding: 0 1em; background: #194595; cursor:pointer; pointer-events:none; transition:.25s all ease; color: #fff; } .select:hover::after { color: #fff; } #main-content h4.filter_h4, #main-content h4.filter2_h4{ width: auto; margin-bottom: 0px; } #main-content h4.filter3_h4{ width: auto; flex: 0 0 auto; margin: 0 60px 0 0; } .filter3_h4_wrap{ position: relative; } .filter_h4_wrap{ display: flex; align-items: center; margin-bottom: 20px; } /* Style the dropdown options */ #sort_order option:hover { box-shadow: 0 0 10px 100px #1882A8 inset; color: #fff; /* Keeps text white for readability */ } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .page-template-page-Filter #products_in_table .buttons_with_images a:nth-child(4), .page-template-page-Filter #products_in_table .buttons_with_images a:nth-child(5), .page-template-page-Filter #products_in_table .buttons_with_images a:nth-child(6){ display: inline-block; } .price-range-slider { width: 100%; margin: 0 auto 20px auto; text-align: center; position: relative; } .price-range-slider label { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 16px; } .range-wrapper { position: relative; height: 8px; background: #ddd; /* Base track color */ border-radius: 5px; } .range-wrapper input[type="range"] { position: absolute; width: 100%; pointer-events: none; -webkit-appearance: none; appearance: none; height: 8px; background: transparent; margin: 0; left: 0; z-index: 3; /* Ensure the handles are above the track */ } .range-wrapper input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: all; /* Enable clicking and dragging */ width: 20px; height: 20px; background: #285bb8; /* Handle color */ border-radius: 50%; cursor: pointer; z-index: 4; /* Ensure it's above the slider track */ position: relative; } .range-wrapper input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; background: #285bb8; border-radius: 50%; cursor: pointer; z-index: 4; /* Ensure it's above the slider track */ position: relative; } .range-wrapper .wasser-slider-track, .range-wrapper .mahlgrade-slider-track, .range-wrapper .slider-track { position: absolute; height: 8px; background: #285bb8; /* Active track color */ border-radius: 5px; pointer-events: none; /* Prevent interference */ z-index: 1; /* Below the range inputs but above the base track */ } /* General styling for the input box */ .price-range-slider label input[type="number"] { width: 60px; height: 36px; /* Consistent height */ padding: 0; /* Remove extra padding */ text-align: center; /* Horizontally center the value */ font-size: 14px; border: 1px solid #ccc; border-radius: 4px; /* Remove default arrows */ -moz-appearance: textfield; /* Firefox */ -webkit-appearance: none; /* Chrome, Safari, Edge */ appearance: none; /* General */ } /* Explicitly remove arrows on hover and focus */ input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Chrome, Safari, Edge */ appearance: none; /* General */ } /* For WebKit browsers (Chrome, Safari, Edge) */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; /* Remove extra margin */ } /* For Firefox */ input[type="number"]::-moz-inner-spin-button { -moz-appearance: none; margin: 0; } .price-filter-wrapper, .material-filter-wrapper, .closed-filter-wrapper { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; border-radius: 5px; position: relative; } .filter-title { font-weight: bold; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .filter-title .fa-chevron-down{ margin-right: 5px; } .filter-title.open .fa-chevron-down { transform: rotate(180deg); /* Rotate to point upwards */ } .price-range-slider { margin-top: 10px; } .compare{ display: none; } /* Search Bar Styles */ .search-bar { background: #fff; border-radius: 5px; flex: 1 1 auto; position: relative; } .search-bar__container { display: inline-block; width: 100%; } .search-bar__text { font-size: 0.8rem; color: #333; display: none; } .search-bar__input { flex: 1; height: 30px; padding: 0 60px 0 10px; font-size: 0.9rem; border: 1px solid #ccc; border-radius: 4px; background: #f0f0f0 url("data:image/svg+xml;utf8,") no-repeat right 0.5rem center; background-size: 1rem; display: inline-block; width: 100%; position: relative; margin-bottom: 15px; } .search-bar__input:focus { outline: 2px solid #007BFF; } .search-bar__clear { width: 1.5rem; height: 1.5rem; background: url("data:image/svg+xml;utf8,") no-repeat center; background-size: 1rem; opacity: 0.4; visibility: hidden; border: none; position: absolute; right: 30px; top: 4px; } .search-bar__clear:hover { opacity: 1; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; /* Remove default styling */ appearance: none; } .search_wrap{ display: flex; } .search-bar__clear { visibility: hidden; } .filter-checkbox-container { display: flex; flex-direction: column; gap: 5px; margin-top: 10px; } .checkbox-wrapper { display: flex; align-items: center; cursor: pointer; } .checkbox-wrapper input[type="checkbox"] { display: none; } .custom-checkbox { width: 20px; height: 20px; border: 2px solid #285bb8; border-radius: 5px; background-color: #fff; display: inline-block; margin-right: 10px; transition: all 0.3s ease; vertical-align: middle; } .checkbox-wrapper input[type="checkbox"]:checked + label .custom-checkbox { background-color: #285bb8; border-color: #285bb8; } .checkbox-wrapper input[type="checkbox"]:checked + label .custom-checkbox::before { content: '\2713'; color: #fff; font-size: 16px; display: block; text-align: center; line-height: 17px; } .checkbox-wrapper label { display: flex; align-items: center; font-size: 16px; color: #333; cursor: pointer; transition: color 0.3s ease; } .checkbox-wrapper:hover label { color: #285bb8; } .checkbox-wrapper label { user-select: none; /* Prevent text selection */ } .product-rating_wrap h5{ width: auto; display: inline-block; margin-left: 20px; font-weight: 600; } .filter-product.filter-product-selected .add-for-compare{ display: none; } .filter-product .remove-from-compare{ display: none; } .filter-product.filter-product-selected .remove-from-compare{ display: flex; } .compare-toggle-link{ color:#285bb8; cursor: pointer; margin-top: 10px; display: flex; align-items: center; } .compare-toggle-link i{ font-size: 20px; margin-right: 10px; } .compare-toggle-link:hover span.underline{ text-decoration: underline; } .image_button.cheapest-button{ border:2px solid #4BB543; position: relative; overflow: visible !important; } #products_in_table .image_button.cheapest-button .row_price span{ color:#4BB543; } .page-template-page-Filter .coffee_friend_svg{ margin-top: -5px !important; } .image_button.cheapest-button:before { content: "\f559"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: -24px; top: 7px; font-size: 20px; color: #4BB543; } .page-template-page-Filter #main-content p.best-price{ display: flex; align-items: center; text-align: right; margin: 0 0 10px 0; justify-content: flex-end; color: #4BB543; font-size: 15px; } .page-template-page-Filter #main-content p.best-price i{ margin: 0px 8px 0 0; font-size: 20px; } .display-mobile{ display: none; } .page-template-page-Filter .image_button img.media_markt_svg{ max-height: 15.55px; } .filter-title i.fa-filter { margin-right: 0.5rem; /* Adds spacing between the first icon and text */ } .filter-title span { margin-right: auto; /* Pushes the third icon to the right */ } .filter-filter{ font-size: 22px; font-family: 'Mulish', Arial, sans-serif; font-weight: 500; color: #285bb8; display: none; background-color: #f5f5f5; border: 1px solid #285bb8; padding: 10px; margin-bottom: 20px; border-radius: 5px; position: relative; } .suggestions, .no-more-products{ color:#e05858FF; font-weight: bold; margin-bottom: 10px; } div:has(.no-more-products) #load-more { display: none; } .mehr{ cursor: pointer; font-size: 15px; color:#285bb8; font-weight: 600; margin-top: -8px; } .mehr-hidden{ display: none; } .closed-filter-wrapper .filter-checkbox-container, .closed-filter-wrapper .price-range-slider{ display: none; } .checkbox-wrapper label { display: flex; align-items: center; flex-wrap: wrap; } .custom-checkbox { flex-shrink: 0; } .checkbox-wrapper label span { white-space: normal; word-break: break-word; flex: 1; } .top-checkbox{ margin-top: 5px; } .checkbox-wrapper label.top-checkbox-wrap{ align-items: flex-start; } .page-template-page-Filter #main-content-page p.italic{ width: 100%; } .page-template-page-Filter #main-content-page + #main-content { margin-top: 0px !important; padding-top: 0 !important; } .page-template-page-Filter #main-content-page{ padding-bottom: 10px !important; } .additionalinfo{ display: inline-block; text-align: left; width: 100%; margin: 20px 0 0 0; font-size: 14px; color:#888; } .additionalinfo i{ margin: 0px 5px 0 0; font-size: 14px; color:#888; } .price-range-slider.price-range-slider-smaller-mb{ margin-bottom: 0px; } .suggestion-list { position: absolute; width: 100%; background: white; border: 1px solid #ddd; max-height: 400px; overflow-y: auto; z-index: 1000; list-style: none; padding: 0; margin: 0; font-size: 0.9rem; border-radius: 4px; top: 40px; } .suggestion-item { padding: 5px 10px; cursor: pointer; border-bottom: 1px solid #eee; } .suggestion-item:hover { background-color: #f0f0f0; } #products_in_table .blue-btn.small-btn{ border-radius: 10px; text-transform: capitalize; } .productlist-block.location_class .pros-before:before{content:"\f3c5";} .no-float, .no-float figure{ float: none !important; } .progress-bar { position: fixed; top: 0; left: 0; width: 0; z-index: 1000; height: 3px; /* Adjust the height as needed */ background-color: white; opacity: 0.5; transition: width 0.1s ease; } .single-post .box_single h3, .single-post #main-content .box_single h3{ color: #141416; margin: 0px; font-size: 18px; } .single-post .italic{ font-style: italic; margin-top: -10px; font-size: 18px; } .box_single{ background-color: #f9f9f9; padding:10px 0; border-radius: 10px; overflow: hidden; border: 1px solid #e1e1e1; position: relative; padding-bottom: 80px; } .box_single.highlight{ background-color: #E5EEFF; border: 1px solid #285bb8; } #main-content p.box-label{ font-weight: bold; font-size: 15px; margin-bottom: 5px; display: inline-block; color: #285bb8; width: 100%; padding-bottom: 10px; } #main-content .box_single p.box-label{ border-bottom: 1px solid #e1e1e1; } #main-content .box_single.highlight p.box-label{ border-bottom: 1px solid #285bb8; } #main-content p.box-label span { background: #e7e7e7; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; margin: 0 5px 0 10px; text-align: center; display: inline-block; } .box_single img{ margin:0 0 0 0px !important; mix-blend-mode: multiply; } #main-content .box_single h3 a{ text-decoration: none; color: #141416; } .box-content { display: flex; align-items: center; } .box-image-link, .box-content > img { flex: 0 0 auto; /* Don't grow, keep natural image size */ max-width: 100px; /* Optional: restrict image width */ } .box-text { flex: 1 1 auto; /* Grow to take remaining space */ } .box_single .pros-before:before { content: "\f00c"; } .box_single .pros-content{ padding: 10px 20px 0 20px; } .box_single .pros-content p{ margin-bottom: 0px !important; } .counter.boxes{ padding-top: 10px; margin-bottom:20px; } .box_single .blue-btn.small-btn{ padding: 10px !important; width: calc(100% - 40px); text-align: center; margin: 0 20px; position: absolute; border: 0px; bottom: 20px; } .filterCTA{ display: inline-block; width: 100%; border-radius: 10px; background: #c08f6e; padding: 0 20px; color: #fff; margin: 0 0 20px 0; overflow: hidden; position: relative; } #main-content .filterCTA h3 a, .filterCTA h3 a{ text-decoration: underline; color: #fff; } #main-content .filterCTA h3 a:hover, .filterCTA h3 a:hover{ text-decoration: none; color: #fff; } .filterCTA h4, #main-content .filterCTA h4{ color: #fff; margin: 10px 0 20px 0; } .filterCTA h4 a, #main-content .filterCTA h4 a, .filterCTA h4 a:hover, #main-content .filterCTA h4 a:hover{ color: #fff; } .filterCTA span{ background: #7e5d4c; border-radius: 5px; padding: 8px 15px 10px 15px; margin: 0 10px; } .filterCTA p{ margin-bottom: 0px !important; } .filterCTA *{ position: relative; z-index: 1; } .filterCTA .curved-edge { --c: 130px; /* adjust curvature */ position: absolute !important; bottom: 0; right: 0; width: 180px; height: 100%; background: #7e5d4c; /* darker tone */ mask: radial-gradient(var(--c) 100% at top left, #0000 calc(100% - 1px), #000); -webkit-mask: radial-gradient(var(--c) 100% at top left, #0000 calc(100% - 1px), #000); z-index: 0; } .filterCTA-Content{ width: 80%; max-width: 100%; display: inline-block; } .filterCTA img{ position: absolute; right: 10px; bottom: 10px; margin:0px !important; } @media (max-width: 1600px){ .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 25%; } } @media (max-width: 1400px){ .blue-btn { padding:20px; font-size:15px; margin-right:5px; } .blue-btn.small-btn{ padding:10px; } } @media (max-width:1280px){ .page-template-page-Filter #main-content .container > .row{ margin-right: 0px; } .search-header{ float: right !important; margin: 0 15px 0 0 !important; width: auto !important; } } @media (max-width:1250px){ .mega-menu ul{ left: 0; width: 100%; } } @media (max-width: 1200px){ #intro-section{ padding:50px 0 0 0; } #intro-section h2{ font-size:40px; } #intro-section h4{ font-size:20px; line-height:30px; margin-bottom:30px; } #intro-section h3{ font-size:30px; } .blue-btn { padding:20px; font-size:15px; margin-right:5px; } #intro-section p { font-size:14px; } .blue-border{ display:none; } .logo-wrap { text-align: center; } .best-desc{ padding-left:0px; } .mega-menu ul { padding:20px; top:123px; } #breadcrumb p{ text-align:center; } #breadcrumb ol{ text-align:left; } .machine-wrap svg { margin-left: -160px; } #products_cat ul li{ width:calc(33.33% - 20px); } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 33.3%; } .search-header { float: none; padding: 10px 0 0 0; display: inline-block; text-align: center; margin: 0 auto; width: 100%; height:18px; } .best-product .buttons_with_images .row_price { text-align: center; } .best-product .buttons_with_images .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .best-product .buttons_with_images .image_button{ height:auto; } #main-content .best-product .buttons_with_images img.amazon_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.seattle_svg{ margin-left: 0; } .image_button img.fnac_svg, #main-content .image_button img.fnac_svg{ margin: 0px !important; } .image_button img.fnac_svg, #main-content .image_button img.elcorteingles_svg{ margin-left: 0px !important; margin-bottom: -46px !important; } #main-content .best-product .buttons_with_images img.media_markt_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.onestincoffee_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.saturn_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.coffee_friend_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.otto_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.bol_svg{ margin-left: 0; } #main-content .best-product.best-product-new .buttons_with_images img.bol_svg { margin-left: 0; } #main-content .best-product .buttons_with_images img.coolblue_svg{ margin-left: 0; } #main-content .best-product .buttons_with_images img.expert_svg{ margin-left: 0; } .selected_finder_product:first-of-type .badge-at { position: relative; left: 10px; top: 0; } .product_list_item img, #main-content .product_list_item img{ margin-top: 15px; } .blog-content .product_list_item ul, .category-content .product_list_item ul { padding: 15px 0 15px 0px; } .blog-content .product_list_item ul li, .category-content .product_list_item ul li { margin: 0px 0px 10px 30px; } .blog-content .product_list_item ul li::before, .category-content .product_list_item ul li::before{ left:10px; } .product_list .buttons_table img{ margin: auto !important; } .product_list .buttons_table tr{ border-top: none !important; } .product_list .display_flex a{ display: inline-block; } .product_list .buttons_table a{ margin:0px; } .container-header-page{ padding: 0 15px; } .search-header{ margin: 18px 15px !important; } .page-template-page-Filter #main-content .container > .row { margin-right: -15px; } .page-template-page-Filter #products_in_table_wrap{ padding: 0 15px; } .page-template-page-Filter .col-xl-3 .filter-container{ display: none; } .page-template-page-Filter #products_in_table_wrap{ display: flex; flex-direction: column; } .page-template-page-Filter #products_in_table_wrap .search_wrap{ order: 1; } .page-template-page-Filter #products_in_table_wrap #products_in_table{ order: 2; } .page-template-page-Filter #products_in_table_wrap #load-more{ order: 3; margin-bottom: 30px; margin-right: 0px; } .filter-filter{ display: flex; width: 100%; } .filter-container{ background-color: #f5f5f5; border: 1px solid #285bb8; padding: 10px; margin-bottom: 20px !important; border-radius: 5px; } .price-filter-wrapper, .material-filter-wrapper, .closed-filter-wrapper{ background-color: #fff; } .top-checkbox{ margin-top: 0px; } .checkbox-wrapper label.top-checkbox-wrap{ align-items: center; } } @media (max-width: 1000px){ .main-menu li a{ border:none; padding-top:0px; padding-bottom:0px; background:none; } .main-menu{ text-align:center; margin-bottom:22px; padding:0 10px; } .main-menu li{ float:none; padding:22px 0px 0px 0px; } .arne{ max-width:450px; margin:30px auto 0 auto; text-align:center; } #topics a { margin:0 10px; } .main-menu li.active{ background:none; } #sidebar{ margin-top:30px; } #toc.opened ul { height: auto; } #toc ul { height: auto; } #toc.fixed{ position:static; } #toc{ max-width:100%; display: none; } #toc ul li{ text-align:center; } #toc ul li.child i{ display:none; } .toc-link{ display:block; position:fixed; bottom:0px; right:0px; background: #285bb8; color: #fff; text-transform: uppercase; font-weight: 600; padding: 5px 10px; } .toc-link:hover, .toc-link:focus{ color: #fff; text-decoration:none; } .main-menu li.active{ background:none !important; } .main-menu li.active:focus { background: none !important; } .main-menu li.active.active-gray{ background:none !important; } .main-menu li.active.active-black{ background:none !important; } .mega-menu ul li { padding:20px; float:left; text-align:left; width:33%; min-height:290px; } .mega-menu ul { top: 105px; } .relative .sub-menu { top: 54px; } .main-menu li a{ padding-bottom:10px; } .main-menu li { padding: 17px 0px 0px 0px; } .main-menu li.relative ul.sub-menu li{ padding:0px; text-align:left; } .machine-wrap svg { margin-left: -280px; } #products_cat ul li{ width:calc(50% - 20px); } .sitemap-wrap ul{ padding:0px; } .black-section{ width:96%; margin:0 2%; overflow:hidden; } p.step-finder-name, .single-post p.step-finder-name, .single-post #content article p.step-finder-name, h2.step-finder-name{ padding: 0; } p.step-finder-desc, .single-post p.step-finder-desc{ width: 100%; display:inline-block; } .jens_form_left, .jens_form_right { width: 100%; display:inline-block; } .jens_form_left{ padding: 20px; } .jens_form .mauticform-button { bottom: 30px; } .jens_form_left input::placeholder{ display: none; } .specifications_mobile, .specifications_mobile_scroll{ display: inline-block; } .custom-table-horizontal.specifications{ display: none; } .jens_form .mauticform-button { max-width: 100%; } .specifications.specifications_mobile_scroll { overflow-x: scroll; width: 100%; float: none; transform: none; position: unset; margin:0px; padding: 0px; border: none; border-radius: none; } #sidebar_box{ display: none !important; } #sidebar_box.fixed{ display: none !important; } .main-menu { margin-bottom: 0; padding: 0 ; } .main-menu li { padding: 0; } .main-menu li a { padding: 22px 20px; } } @media (max-width: 995px){ .product { margin: 0 0 1em !important; } .page-template-page-Filter #main-content .our-coffee img.amazon_svg, .page-template-page-Filter #main-content .our-coffee img.media_markt_svg, .page-template-page-Filter #main-content .our-coffee img.saturn_svg, .page-template-page-Filter #main-content .our-coffee img.otto_svg, .page-template-page-Filter #main-content .our-coffee img.coffee_friend_svg{ width: auto; padding-left: 30px; } } @media (max-width: 990px){ .best-desc{ text-align:center; } .best-product{ padding:15px; } #main-content .best-product-title{ top:-40px; } .best-product .buttons_with_images .row_price { text-align: right; } .best-product .buttons_with_images .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .best-product .buttons_with_images .image_button{ height:46px; } #main-content .best-product .buttons_with_images img.amazon_svg{ margin:0px; position: absolute; left: -10px; top: 2px; } #main-content .best-product .buttons_with_images img.seattle_svg{ margin:0px; position: absolute; left: 15px; top: 5px; } #main-content .best-product .buttons_with_images img.fnac_svg{ margin: -16px 0 0 -230px !important; } #main-content .best-product .buttons_with_images img.elcorteingles_svg{ margin-left: -180px !important; } #main-content .best-product .buttons_with_images img.media_markt_svg{ margin-left: -175px; } #main-content .best-product .buttons_with_images img.onestincoffee_svg{ margin:0px; position: absolute; left: -5px; top: -8px; } #main-content .best-product .buttons_with_images img.saturn_svg{ margin-left: -197px; } #main-content .best-product .buttons_with_images img.coffee_friend_svg{ margin-left: -216px; } #main-content .best-product .buttons_with_images img.otto_svg{ margin-left: -237px; } #main-content .best-product .buttons_with_images img.bol_svg{ max-height: 23px; margin-left: -200px; } #main-content .best-product .buttons_with_images img.coolblue_svg{ margin: 0; position: absolute; left: -19px; top: -3px; } #main-content .best-product .buttons_with_images img.expert_svg{ margin: 0; position: absolute; left: 10px; top: -3px; } #main-content .best-product.best-product-new .buttons_with_images img.bol_svg{ margin: 0; position: absolute; left: 15px; top: -2px; } #main-content .best-product .buttons_with_images img.boulanger_svg{ margin-left: -170px; } #main-content .best-product .buttons_with_images img.cdiscount_svg{ margin-left: -170px; } #main-content .best-product .best-desc p { text-align: left; } .bigbox_wrap .tooltip_custom{ margin-bottom: 10px; display: inline-block; } .camera-finder-wrap .author-review { margin: 90px 0 30px; border-radius: 40px; padding: 100px 40px 30px 40px; } .author-review .pic { position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; } .camera-finder-wrap .author-review .author-review-title{ text-align: center; } #sidebar{ display: none; } .page-template-page-Filter #main-content .container > .row{ margin-right: -15px; } .main-menu li a { padding: 22px 10px !important; } } @media only screen and (max-width: 960px){ .ac_results { width: 90%; } } @media (max-width: 800px){ .mega-menu ul li { min-height:310px; } .first-cta-link{ width: 100%; text-align: left; margin: 0 0 20px 0; display: inline-block; } .filterCTA span { margin: 0; } } @media (max-width: 767px) { #header{ background:#285bb8; } #header.white{ background:#fff; } .logo-wrap a{ position:absolute; width:160px; height:32px; display:block; top:33px; left:30px; z-index:10000; } .logo-white{ display:none; } .menu-icon-wrapper { position:relative; display: inline-block; width: 34px; height: 34px; margin: 2em; pointer-events: none; transition: 0.1s; right:0; } .menu-icon-wrapper.scaled { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .menu-icon-wrapper svg { fill: currentColor; position: absolute; top: -33px; left: -33px; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .menu-icon-wrapper svg path { fill: #ff0000; } .menu-icon-wrapper svg path { stroke: #fff; stroke-width: 60px; stroke-linecap: round; stroke-linejoin: round; fill: transparent; } #header.white .menu-icon-wrapper svg{ fill: #232c3c; } #header.white .menu-icon-wrapper svg path { stroke: #232c3c; } #header.white .logo-blue{ display:none; } #header.white .logo-white{ display:block; } .menu-icon-wrapper .menu-icon-trigger { position: relative; width: 100%; height: 100%; cursor: pointer; pointer-events: auto; background: none; border: none; margin: 0; padding: 0; } .menu-icon-wrapper .menu-icon-trigger:hover, .menu-icon-wrapper .menu-icon-trigger:focus { outline: none; } .device { position: relative; overflow: hidden; margin: 0 auto; background-size: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; } .device__screen { position: relative; overflow: hidden; height: auto; text-align: right; border-radius: 4px 4px 0 0; } .dummy{ visibility: visible; position: relative; } .dummy--active{ visibility: visible; display:block; position: relative; } .device--alt .device__screen { background: #4ECE77; } .open-menu { color:#fff; cursor:pointer; font-size:1.2rem; padding:1.3rem; position:absolute; right:0; top:0; transition:transform 250ms ease; } .rotate { transform:rotate(135deg); } #mobile-nav { background-color:#232c3c; position:relative; width:100%; z-index:1; } #mobile-nav ul { background-color:rgba(255,255,255,.05); display:none; margin:0; padding:0; position:relative; text-align:left; } #mobile-nav ul:first-child { background-color:transparent; } #mobile-nav ul li { border-top:1px solid rgba(255,255,255,.075); list-style:none; margin-bottom:0; position:relative; padding: 0; } #mobile-nav ul li a { color:#fff; display:inline-block; font-size:1.3rem; padding:1rem; text-decoration:none; width:100%; } #mobile-nav ul li ul{ margin: 0 1rem; } #mobile-nav ul li ul li{ padding:0; } #mobile-nav ul li ul li a{ padding:1rem; } #mobile-nav ul li a:focus { background-color:rgba(255,255,255,.1); } #mobile-nav ul li ul li a:focus { background-color:rgba(255,255,255,.1); } #mobile-nav ul ul { margin:0; } #mobile-nav ul ul li { border-top:none; padding-left:1rem; } #mobile-nav .icon{ width:40px; height:auto; display:block; float:left; margin-right:15px; text-align:center; } #mobile-nav .icon img{ max-width:100%; max-height:40px; } .li-icon ul li a{ line-height:40px; } .desktop-menu-wraper{ display:none; } #header .container{ max-width:100%; } #intro-section h2{ text-align:center; } #intro-section h4{ text-align:center;; } #intro-section h3{ text-align:center; width:100%; } .blue-btn{ width:100%; margin:20px 0 0px 0; text-align:center; padding:15px 0; font-size:15px; } .black-section .blue-btn{ width:auto; padding-left:20px; padding-right:20px; } .arne{ max-width:70%; } #topics{ display:none; } #home-blog, #best, #best2{ padding:30px 0; width:100%; float:left; text-align:left; } #home-blog h2, #best h2, #best2 h2{ font-family: 'Mulish', Arial, sans-serif; font-size:34px; font-weight:500; margin:0 auto; } #home-blog p, #best p, #best2 p{ margin:20px auto; color:#141416; max-width:100%; font-size:18px; line-height:30px; } .slick-arrow { margin-top: -60px; } .fa-angle-left.slick-arrow { left: -20px; } .fa-angle-right.slick-arrow { right: -20px; } .home-product{ margin-bottom:20px; } #main-content{ padding:30px 0 !important; } #main-content h1, #main-article-content h1, #main-content-page h1, #main-article-content h1{ font-size:30px; word-wrap: break-word; } #main-article-content .metadata{ display:none; } #main-article-content h5{ font-size:18px; margin-bottom:40px; } #main-content h2{ font-size:27px; word-wrap: break-word; } #main-content h3{ font-size:23px; } #main-content h4{ font-size:20px; } .relatedArticle{ text-align:center; } .img-wrap{ float:left; width:100%; text-align:center; padding:0 30px } #main-content .img-wrap img{ border-radius:0px; width:auto; max-width:100%; height:auto; margin:0 auto 30px auto; } .table-wrap{ float:left; width:100%; padding:0 30px } .best-featured-product-heading{ text-align:center; padding:0 30px } .table-wrap table td{ width:auto; } #main-content .best-featured-product-title{ position:relative; left:0; right:0; top:-25px; margin-left: auto; margin-right: auto; } .best-featured-product{ text-align:center; padding-top:0px; } .best-featured-product-heading{ margin-top:0px; } .blog-text-wrap-container{ min-height:auto; } .ingredients{ width:100%; } .recipe_svg{ width:100%; padding-left:10px; } .recipe_cat p { width:100%; } #main-content .recipe_cat p:nth-child(1){ text-align:center; } #main-content .recipe_cat p:nth-child(2){ text-align:center; border-top:none; } .pecipe_video iframe{ height:auto; } #main-content .recipe_cat p{ width:100%; margin-bottom:10px; } .machine-wrap svg{ text-align: left; margin-left: -317px; margin-top: -100px; } .machine-wrap{ height: 640px; text-align:center; width:95%; margin-left:auto; margin-right:auto; } .wpml-ls-legacy-dropdown{ position: static; width:100% !important; left:0px; } .wpml-ls-legacy-dropdown ul{ position: relative !important; width:100% !important; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ position: relative !important; width:100% !important; display:none; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu.active{ visibility: visible !important; } .wpml-ls-item-toggle{ color: #000 !important; background: #f9f9f9 !important; } .wpml-ls-legacy-dropdown a{ padding:15px 30px !important; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{ right:35px !important; } #products_cat ul li{ width:calc(100% - 20px); } #header_image{ background-size: cover !important; height: 120px !important; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 50%; } .top_products{ width:100%; display:inline-block; margin:0px 0px 10px 0px; } .single_top_product{ margin:0px 0px 20px 0px; background-color: #fff; box-shadow: 0px 30px 60px rgba(136, 143, 161, 0.3); border-radius: 5px; border: 0; transition: 0.3s all ease-out; position: relative; padding-bottom:20px; } .single_top_product .number{ position:absolute; left:-10px; top:7px; width:45px; height:30px; background:#3F454D; color:#fff; font-size:15px; line-height:30px; border-top-right-radius:5px; border-bottom-right-radius:5px; z-index: 100; } .single_top_product .number:before{ content:""; width:0; height:0; border-top:10px solid #21262D; border-left:10px solid transparent; position:absolute; left:0px; bottom:-10px; } @media only screen and (max-width: 992px){ .single_top_product .number{display:none;} } @media only screen and (max-width: 992px){ .single_top_product .number{display:none;} } .single_top_product .number{ font-size:18px; font-weight:bold; line-height:32px; color:#FFFFFF; width:45px; height:30px; display:flex; justify-content:center; align-items:center; } .single_top_product:first-of-type .number{ background: #285bb8; } .single_top_product:first-of-type .number:before { border-top: 10px solid #008c7d; } .single_top_product h3 { font-size: 21px; margin: 0px 0px 0px 0px; padding:10px 0 10px 30px; text-align: right; color:#3F454D; } .single_top_product .product-rating{ margin-top: 0px; margin-bottom: 10px; text-align: left; } .single_top_product h4, #main-content .single_top_product h4 { font-size: 16px; margin: 0px 0px 10px 0px; color: #285bb8; line-height: 20px; text-align: left; } .single_top_product .btn:after { content: "\f101"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px; } .single_top_product .btn{ padding: 10px; margin:0 0 0px 0; float:right; font-size:13px; } .single_top_product p.price_aawp { color: #285bb8; font-weight: 700; font-size: 19px; text-align: left; width: 100%; margin: 15px 0px 20px 0px; padding:0px; } .single_top_product p { margin-bottom: 15px; line-height: 20px; font-size:15px; position:relative; padding-left:30px; } .single_top_product .fa-check-circle { color: #285bb8; position:absolute; left:0px; top:1px; } .single_top_product p i { margin-right: 5px; font-size: 19px; } .search-header { position: absolute; right: 90px; font-size: 25px; top: 9px; color: #fff; width:auto; } #header.white .search-header { color: #232c3c; } #main-content .best-product .buttons_with_images .col-6{ position:relative; } #main-content .best-product .buttons_with_images img.amazon_svg{ position:absolute; margin:0px; left:-9px; } #main-content .best-product .buttons_with_images img.seattle_svg{ position:absolute; margin:0px; left: 18px; top: 5px; } #main-content .best-product .buttons_with_images img.fnac_svg{ margin: 0 !important; position:absolute; top:-16px; left:11px; } #main-content .best-product .buttons_with_images img.elcorteingles_svg{ margin: 0 !important; position:absolute; top:-50px; left:11px; } #main-content .best-product .buttons_with_images img.media_markt_svg{ position:absolute; margin:0px; left:13px; } #main-content .best-product .buttons_with_images img.saturn_svg{ position:absolute; margin:0px; left:0px; } #main-content .best-product .buttons_with_images img.coffee_friend_svg{ position:absolute; margin:-3px 0px 0px 0px; left:-9px; } #main-content .best-product .buttons_with_images img.otto_svg{ position:absolute; margin:0px; left:-17px; } #main-content .best-product .buttons_with_images img.bol_svg{ position:absolute; margin:0px; left:14px; } #main-content .best-product .buttons_with_images img.coolblue_svg{ position:absolute; margin:0px; left:-19px; top:-3px; } #main-content .best-product .buttons_with_images img.expert_svg{ position:absolute; margin:0px; left:10px; top:-3px; } #main-content .best-product .buttons_with_images img.boulanger_svg{ margin-left: 0px; position:absolute; left:16px; top: 2px; } #main-content .best-product .buttons_with_images img.cdiscount_svg{ margin-left: 0px; position:absolute; left:16px; top: 2px; } .bigbox{ margin-bottom: 25px; } .submit-button { position: relative; right: 0; bottom: 25px; } .tab-content .pager{ margin: 0; } p.step-finder-desc, .single-post p.step-finder-desc{ max-width: 100%; } h2.step-finder-name, #main-content h2.step-finder-name{ line-height: 32px; } .selected_finder_product:first-of-type .badge-at { left: 00px; } #main-content .selected_finder_product img.attachment-post-thumbnail{ padding-left: 0px; } .product_list_item{ text-align: center; } .blog-content .product_list_item ul, .category-content .product_list_item ul{ padding: 0; margin-top: 15px; } .blog-content ul li{ margin: 0px 0px 5px 0px; } .blog-content ul li:before{ display: block; } .blog-content .product_list_item ul li:before, .category-content .product_list_item ul li:before{ display: none; } .product_list_item img, #main-content .product_list_item img { margin: 15px 0 15px; } .blue-btn.small-btn.orange-amazon{ margin-bottom: 15px; } .procons, .proconsrow{ width:100%; display:inline-block; } .page-id-6 .home-buttons .blue-btn:first-of-type{ display: inline-block; } .callTo a{ margin-bottom: 10px !important; } .callTo{ padding-bottom: 10px; } .blog-content .product_list_item ul li{ margin-left: 0px; } .blog-content .product_list_item ul li .fa-circle, .category-content .product_list_item ul li .fa-circle{ display: inline-block; font-size: 8px; margin: 0px 5px 0 0; position: relative; top: -2px; color: #285bb8; } .product_list_item_new .blue-btn{ margin:20px 0 15px 0 !important; } .jens_form{ display: inline-block; } .jens_form.mautic_form_en .jens_form_right_info_text:first-of-type p, #main-content .jens_form.mautic_form_en .jens_form_right_info_text:first-of-type p { font-size: 25px; line-height: 30px; } .container-header .row{ margin:0px !important; } .container-header .row.counter{ margin-left: -15px !important; margin-right: -15px !important; } .best-featured-product .plus-minus-wrap ul li, .blog-content .best-featured-product .plus-minus-wrap ul li, .category-content .best-featured-product .plus-minus-wrap ul li{ position: relative; width: 100%; padding-left: 30px; } .best-featured-product.plus-ul li::before, .blog-content .best-featured-product .plus-ul li::before, .category-content .best-featured-product .plus-ul li::before, .best-featured-product.minus-ul li::before, .blog-content .best-featured-product .minus-ul li::before, .category-content .best-featured-product .minus-ul li::before{ left: 0; top:-2px; } .specifications table.table_of_one th{ width:50%; } .specifications table.table_of_one td{ width:50%; } .blog-content .product_list .product_list_item ul li, .category-content .product_list .product_list_item ul li{ margin-left: 0px; } .blog-content .product_list .product_list_item ul li i, .category-content .product_list .product_list_item ul li i{ display: none; } .product_list .buttons_table .blue-btn.small-btn{ margin:0px !important; } .wpml-ls ul li a{font-size:14px;} #footer.footerNew .col-md-4.mb-4:first-of-type{ text-align: center; } #footer.footerNew .col-md-6{ width: 50% !important; } #footer.footerNew h5{ font-size: 15.5px; } #footer.footerNew .col-md-4:first-of-type h5{ margin: 25px 0 15px 0 !important; } #footer.footerNew p { margin:0 0 35px 0 !important; font-size: 14.5px !important; } #footer.footerNew p.float-left, #footer.footerNew p.float-right { width: 100%; float: none; text-align: center; margin:10px 0 !important; } #footer.footerNew ul li { font-size: 14.5px !important; } #footer.footerNew ul { margin: 0px 0 60px 0 !important; } #footer.footerNew p a{ margin: 0 15px !important; } .product_list .buttons_table img{ margin: 0 10px !important; } .product_list .pros-before{ margin: 10px !important; } .productlist-block span.number{ display: none; } .remove-mobile{display:none;} .remove-desktop{display:inline-block !important;margin-top:15px;} .remove-desktop p{font-size:15px!important;} .author_info_box .col-10{align-items:center;display:flex;} .author_info_box .col-10 h5{margin-bottom:0px!important;} .author #main-article-content .editor_image{ margin-bottom: 20px; } .new_author_bio{ padding: 0px; } .page-template-page-Filter #main-content .our-coffee.filter-product h3{ padding-right: 80px; } .search_wrap { display: inline-block; width: 100%; } #main-content h4.filter3_h4{ width: 100%; } #main-content h4.filter3_h4 { margin: 0 0px 10px 0; } .box_single{ margin-bottom: 20px; } .counter.boxes{ justify-content: center; margin-bottom: 0px; } #finder-results .blue-btn.small-btn, .finder-back, .finder-step .blue-btn.small-btn{ margin-bottom: 10px!important; width: auto !important; } } @media only screen and (max-width: 600px){ .search-box-wrapper{top:140px;} .ac_results li{ border-bottom: 1px solid #ccc; } #products_in_table_wrap{ padding: 0 15px; } #left-button{ display: none; } #right-button{ display: none; } #products_in_table{ overflow: auto; } #products_in_table h3{ width:300px; max-width: 300px; } .separator-filter h3{ font-size: 20px; } #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_kvanachpreisklassen_firstname1, #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_kvanachpreisklassen_email, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_kvanachpreisklassen_firstname1, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_kvanachpreisklassen_email{ width: 100%; float: left; margin: 0 0 15px 0; } #mauticform_wrapper_coffeecnuswaitlist_focus #mauticform_kvanachpreisklassen_submit, #mauticform_wrapper_kvanachpreisklassen_focus #mauticform_kvanachpreisklassen_submit{ width:100%; padding:0; } .product_list_item .col-xl-3.align-self-center img.amazon_svg, #main-content .product_list_item .col-xl-3.align-self-center img.amazon_svg{ margin-top:20px; } .product_list_item .col-xl-3.align-self-center img, #main-content .product_list_item .col-xl-3.align-self-center img{ max-height:30px; margin: 20px auto 0px auto; } #products_in_table .table .buttons_table td:nth-child(even){ width:60%; } #products_in_table .table .buttons_table td:nth-child(odd){ width:40%; } .buttons_table img.elcorteingles_svg, #main-content .buttons_table img.elcorteingles_svg{ max-width: 80%; } .no-desktop{ display: inline-block; } .no-mobile{ display: none; } #main-content .author-box_wrap .author-left { min-height: 95px; } .single-tests .metadata { flex-direction: column; align-items: flex-start; } #main-content .metadata p.short_excerpt{ margin: 10px 0 5px 0; } .metadata .starRating.meta-time{ width: auto; } .author_info_box .col-2{padding:0px 0 0 10px;} /* .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{ flex: auto; } */ .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 { flex-wrap: wrap !important; display: inline-block; } .wp-container-core-columns-layout-2.wp-container-core-columns-layout-2 { flex-wrap: wrap !important; display: inline-block; } .list-block .ul-style-5{ margin: 0px !important; } .page-template-page-Filter .filter-product .col-sm-6{ max-width: 100%; flex: 0 0 100%; } .page-template-page-Filter #main-content .our-coffee.filter-product h3 { padding-right: 0px; } .display-mobile{ display: inline-block; } .display-desktop{ display: none; } .page-template-page-Filter .product__info{ margin-bottom: 15px; } .page-template-page-Filter #products_in_table .product_buttons, #products_in_table .buttons_with_images{ padding: 0px; } .display-mobile{ margin-left: 15px; } .mobile-order{ display: flex; flex-direction: column; } .mobile-order .display-mobile{ order: 4; } .order1{ order: 1; } .order2{ order: 2; display: flex; flex-direction: column; } .order3{ order: 3; } .order3 .cons-before:last-of-type{ border-bottom: 3px solid #f0f0f0; padding-bottom: 10px; } .order2 .buttons_with_images{ order: 1; } .order2 .product_buttons{ order: 2; } .image_button.cheapest-button:before{ left: 10px; } .specifications_spez{ display: inline-block; } } @media (max-width: 576px){ #intro-section h2 { font-size:30px; } #intro-section h3,#home-blog h2 { font-size: 25px; } #intro-section h4 { font-size: 19px; line-height: 27px; } #home-blog p { font-size: 17px; line-height: 27px; } .slider-container{ padding:0px; } .fa-angle-left.slick-arrow { left: 0px; opacity:0; } .fa-angle-right.slick-arrow { right: 0px; opacity:0; } .home-product-description{ text-align:center; } .home-category .plus-overlay img{ border-radius: 5px 5px 0 0; } .home-category-desc{ box-shadow: 0px 0px 10px #ccc; margin:-6px 0 15px 0px; padding:20px 30px; border-radius: 0 0 5px 5px; } .home-category{ margin-top:10px; width:100%; } #best h2.second-title, #best2 h2.second-title { margin-top: 30px; } #home-blog h2, #best h2, #best2 h2 { font-size: 25px; } .blog-article h4{ font-size: 20px; margin: 20px 0px 15px 0px; } #main-content .related-articles img{ width:300px; height:auto; max-width:100%; } #main-content ol { padding: 20px 10px; } #main-content #breadcrumb ol { padding: 0px; display: inline-block; } #main-content #breadcrumb ol li { margin-right: 4px; float: left; width: auto; margin: 0px; padding: 0px; min-height: auto; } #main-content .metadata p.meta-date, #main-article-content .metadata p.meta-date{ margin:5px 0px 0px 0px; width:100%; } #main-content .metadata p.meta-time, #main-article-content .metadata p.meta-time{ margin:0px 0px 0px 0px; width:auto } #main-article-content .metadata .tooltip_custom, .metadata .tooltip_custom { margin:0px; width:100%; } .metadata .tooltip_custom-effect-5 .tooltip_custom-content{ left:0px; margin-left: 0px; } .metadata .tooltip_custom-content::after{ left:45px; margin-top:-1px; } .home-category-desc{ width:100%; } .expand-author, .collapse-author{ width:100%; } #main-content .meta-author{ width:100%; float:left; margin-bottom:10px; } .social-author{ margin:0px 20px 0px 0px; display: none; } #main-content .best-product img{ margin-top:0px; } .best-product{ padding-top:0px; } .best-product-new img, #main-content .best-product-new img{ margin-top:15px; } #main-content .best-product-title{ top:-25px; } #main-content .best-desc p{ text-align:left; } .plusminus{ display:inline-block; } .pluses{ width:100%; } .minuses{ width:100%; } .two-columns{ columns: 1; -webkit-columns: 1; -moz-columns: 1; } .ul-arrow { margin: 30px 0px 10px 0px; } .plusminus{ border-radius:0px; border:none; } .pluses{ border-radius:5px; border:1px solid #285bb8; margin:10px 0 40px 0; } .minuses{ border-radius:5px; border:1px solid #e3e3e3; } .plusminus h3{ padding:20px 0; } .custom-table-horizontal{ display:none; } .custom-table-horizontal-mobile{ display:block; } .slick-slider.custom-table-horizontal-mobile{ display:block; } .center-div { margin: 0px 0px 20px 0; } .table-wrap table td:first-of-type{ width:50%; display:inline-block; float:left; } .table-wrap table td:nth-of-type(2){ width:50%; display:inline-block; float:left; } .table-wrap table td:last-of-type{ width:100%; display:inline-block; } .table-wrap table tr{ border: 2px solid #dee2e6; margin-bottom:20px; float:left; width:100%; } .table-wrap table{ border-bottom:none; } .plus-minus-wrap ul{ width:100%; } .plus-minus-wrap ul.plus-ul{ margin-bottom:30px; } .plus-minus-wrap{ margin-bottom:20px; } .best-featured-product .table-item-title{ padding:0 30px; } .machine-wrap, .machine-wrap svg, .info-404 h3{ display:none !important; } .info-404 a{ margin-bottom:0px; } #main-content #table_of_contents_blog{ display:none; } .md-trigger{ display:none; } .mobile-toc-wrap{ position:fixed; } .blog-content .custom-table-horizontal-mobile ul.slick-dots li::before, .custom-table-horizontal-mobile ul.slick-dots li::before{ display:none; } .blog-content .custom-table-horizontal-mobile ul.slick-dots li, .custom-table-horizontal-mobile ul.slick-dots li{ width:auto; margin-bottom:0px; display:inline-block; } .table-item-link{ margin-top:20px; } #products_cat{ padding:0px 10px 30px 10px; } #products_cat .product{ margin:0px; } .fas.fa-arrows-alt-h{ display:inline-block; padding:20px 0; color:#285bb8; } #home-blog.cat-products .fa-arrows-alt-h{ padding:0; } .action i { font-size: 2em !important; } .topratedproduct{ font-size:15px; } .separator-filter{ padding-top:40px !important; } #products_cat ul li{ margin: 5px; } #intro-section h1{ text-align:center; } .black-section .blue-btn{ margin-top:0px; } .grid-masonry-amazon .grid-masonry .grid-sizer, .grid-masonry-amazon .grid-item { width: 100%; } #header_image{ background-size: cover !important; height: 100px !important; } #main-content { overflow: hidden; } .plus-minus-wrap ul, .blog-content .plus-minus-wrap ul, .category-content .plus-minus-wrap ul { width:100%; } .our-coffee .twocolumns, #main-content .our-coffee .twocolumns { -webkit-column-gap: 0px; column-gap: 0px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .best-featured-product .table-wrap table td:last-of-type{ padding: .65rem; } .finder-form .col-xs-6{ width:100% !important; } .finder-form{ padding-bottom:30px; } p.step-finder-name{ font-size: 23px; line-height: 33px; } .selected_finder_product .table tbody tr{ border:none; } .selected_finder_product .custommoema{ margin-bottom:20px !important; } .camera-finder-wrap .author-review .author-review-title{ text-align:left; } .camera-finder-wrap .author-review small{ margin-top:10px; display:inline-block; } p.step-finder-desc, .single-post p.step-finder-desc{ max-width:100%; } .finder-form .tooltip_custom.tooltip_custom-effect-5 .tooltip_custom-content{ display:none; } .finder-form .tooltip_custom.tooltip_custom-effect-5.active .tooltip_custom-content{ display:block; } #finderForm .pager .bigbox li.next { display: none; } .bigbox i.fa-question-circle, h2 i.fa-question-circle{ display: none; } .tab-content .pager { margin:0; } #main-content h2.step-finder-name, h2.step-finder-name{ line-height:30px; margin: 20px 0 20px 0; } .finder-form .check-holder, .blog-content .finder-form .check-holder, .category-content .finder-form .check-holder{ width: 100%; } .finder-form .checkbox-container-wrap .tooltip_custom.tooltip_custom-effect-5.active .tooltip_custom-content{ position: relative; width: 100%; margin:5px 0 20px 0; left: 0; transform: none; opacity: 1; } .finder-form .checkbox-container-wrap .tooltip_custom-content::after{ bottom:100%; top: unset; border-bottom-color: #2a3035; border-top-color: transparent; margin-left: 3px; left: 0; } .finder-products { margin:0; } .camera-finder-wrap .author-review { padding: 100px 10px 30px 10px; } .camera-finder-wrap .author-review .author-review-title p:first-of-type:before{ left:20px; } .our-coffee p.pros-before, #main-content .our-coffee p.pros-before{ width: 100%; } .jens_form_right_info_text:first-of-type p, #main-content .jens_form_right_info_text:first-of-type p{ padding:0px; font-size: 19px; } .metadata .starRating { text-align: left; margin-top: 5px; float: left; width: 100%; } .black-section .info-box-header{ padding: 5px 70px; } .black-section .slick-arrow{display:inline-block!important;} .black-section .bf-slider .slick-arrow.slick-prev{ margin-top: 5px; top:100px; left:60px; margin-left: -50px; } .black-section .bf-slider .slick-arrow.slick-next { margin-top: 5px; top:100px; right:10px; margin-left: 10px; } .wp-block-columns.is-layout-flex.wp-container-3.wp-block-columns-is-layout-flex{ display: grid; gap: 0; } #baguetteBox-overlay .full-image figure { display: flex; max-height: 80vh; vertical-align: middle; flex-direction: column-reverse; justify-content: center; } #baguetteBox-overlay .full-image { display: flex; align-items: center; justify-content: center; } .page-template-pageLegal #main-article-content .metadata{ flex-direction: column; } .page-template-pageLegal #main-article-content .metadata img, .page-template-pageLegal #main-article-content .metadata p { margin-right: 0px; } .page-template-pageLegal #main-article-content .metadata p { width: auto; } .top-checkbox{ margin-top: 5px; } .checkbox-wrapper label.top-checkbox-wrap{ align-items: flex-start; } .row.counter .col-6{ display: inline-block; flex: 0 0 100%; max-width: 100%; } .filterCTA span { background: none; border-radius: 5px; padding: 0; } .first-cta-link { margin: 0 0 10px 0; } .filterCTA img{ width: 70px; height: 70px; } .filterCTA-Content{ width: 100%; } .filterCTA h4, #main-content .filterCTA h4{ width: 80%; } .option-description{ font-size: 14px; } .option-title{ font-size: 16px !important; } } @media screen and (max-width: 1630px) and (min-width: 1500px) { .product .buttons_with_images .row_price { text-align: center; } .product .buttons_with_images .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product .buttons_with_images img{ display: inline-block; } .product .buttons_with_images .image_button{ height:auto; } .product .buttons_with_images img.amazon_svg{ margin-left: 0; } .product .buttons_with_images img.media_markt_svg{ margin-left: 0; } .product .buttons_with_images img.saturn_svg{ margin-left: 0; } .product .buttons_with_images img.coffee_friend_svg{ margin-left: 0; } .product .buttons_with_images img.otto_svg{ margin-left: 0; } .product .buttons_with_images img.bol_svg{ margin-left: 0; } .product .buttons_with_images img.coolblue_svg{ margin-left: 0; } .page-template-page-Filter .product .buttons_with_images .col-6{ flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 1300px) and (min-width: 1200px) { .product .buttons_with_images .row_price { text-align: center; } .product .buttons_with_images .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product .buttons_with_images img{ display: inline-block; } .product .buttons_with_images .image_button{ height:auto; } .product .buttons_with_images img.amazon_svg{ margin-left: 0; } .product .buttons_with_images img.media_markt_svg{ margin-left: 0; } .product .buttons_with_images img.saturn_svg{ margin-left: 0; } .product .buttons_with_images img.coffee_friend_svg{ margin-left: 0; } .product .buttons_with_images img.otto_svg{ margin-left: 0; } .product .buttons_with_images img.bol_svg{ margin-left: 0; } .product .buttons_with_images img.coolblue_svg{ margin-left: 0; } .page-template-page-Filter .product .buttons_with_images .col-6{ flex: 0 0 50%; max-width: 50%; } } @media (max-width: 361px){ #products_in_table h3{ width:280px; max-width: 280px; } } @media screen and (min-width: 769px) { body:not(.wp-admin) .blockopts-hide.blockopts-desktop, body:not(.wp-admin) .editorskit-no-desktop { display: none; } } @media screen and (max-width: 736px) { body:not(.wp-admin) .blockopts-hide.blockopts-mobile, body:not(.wp-admin) .editorskit-no-mobile { display: none; } } @media screen and (max-width: 768px) and (min-width: 737px) { body:not(.wp-admin) .blockopts-hide.blockopts-tablet, body:not(.wp-admin) .editorskit-no-tablet { display: none; } }