/* epoq search v1.1.0 2017_04_18 */
#epoq_submit, .epoq_search_button {
    float: left;
}

#epoq_typeaheadbox, .epoq_search_box {
    float: left;
}

#epoq_typeaheadbox:focus, .epoq_search_box:focus {
    outline: none;
}

/* input warning */
.epoq_warning_wrapper {
    position: absolute;
    top: 35px;
    left: 40%;
    margin-left: -100px;
    width: 200px;
}

.epoq-arrow-up {
    margin-left: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    z-index: 1;
    position: absolute;
}

.epoq_warning_text {
    margin-top: -1px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    padding: 5px;
    position: absolute;
    top: 10px;
    height: 50px;
}


.epoq_highlight_input {
    border: 1px solid #ff0000 !important;
}

.epoq_highlight_input_no {
    -webkit-transition: border-color 1s ease;
    -moz-transition: border-color 1s ease;
    -ms-transition: border-color 1s ease;
    -o-transition: border-color 1s ease;
    transition: border-color 1s ease;
}

/* autocomplete style */
ul.epoq_autocomplete.ui-autocomplete {
    z-index: 1000 !important;
    position: absolute;
    /*border: 1px solid black;*/
    border: 1px solid #dadae5;
    border-radius: 3px;
    box-shadow: 0 10px 25px -15px #000;
    padding: 5px;
    background: #fff;
    /*TODO: comment out next line after testing*/
    /*display: block !important;*/
}

ul.epoq_autocomplete.ui-autocomplete.epoq_productTypeahead {
    padding-right: 300px;
    width: 600px !important;
}

.epoq_autocomplete.ui-autocomplete .ui-state-hover {
    cursor: pointer;
}

.epoq_autocomplete.ui-autocomplete .ui-state-focus {
    margin: 0;
    /*background: #EEE;*/
}

.epoq_autocomplete.ui-autocomplete .epoq_highlight {
    color: #029731; /*#d9400b;*/
}

.epoq_autocomplete.ui-autocomplete .ui-state-focus .epoq_suggestion {
    color: #029731; /*#d9400b;*/
}

.epoq_field_match {
    float: right;
}

.epoq_sugg_label2 {
    float: right;
}

.epoq_ac_close:HOVER {
    cursor: pointer;
}

.epoq_autocomplete .epoq_ta_li {
    list-style: none;
    padding: 0;
    cursor: pointer;
}

.epoq_autocomplete .epoq_ta_a {
    display: inline-block;
    width: 100%;
    padding: 5px;
    color: #5f7285;
}

.epoq_autocomplete .epoq_ta_a.ui-state-active {
    color: #fff; /*#d9400b;*/
	border: 0;
	background: #c00;
	margin: 0;
	font-weight: bold;
}

.epoq_autocomplete .epoq_ta_li a.ui-state-hover .epoq_highlight {
    color: #029731; /*#d9400b;*/
}

.epoq_ta_separator {
    padding: 5px;
    /*background: #999;*/
    /*color: #FFFFFF;*/
    font-weight: bold;
    border-bottom: 1px solid #5f7285
}
/* end autocomplete style */

#epoq_currentSearch {
    float: left;
    width: 100%;
}

.epoq_currentSearch_wrapper {
    float: left;
    width: 100%;
    /*    border-radius: 3px;
        border: 1px solid #dadae5;
        background: #f5f5f8;
        background-clip: padding-box;
        padding: 10px;*/
}

.epoq_active_filters_wrapper {
    float: left;
    width: 100%;
    /*    border-radius: 3px;
        background-clip: padding-box;*/
    background-color: #fff;
    border-top: 1px solid #dadae5;
    padding: 10px;
}

#epoq_search {
    float: left;
    width: 100%;
    line-height: 36px;
}

#epoq_doyoumean {
    float: left;
    width: 100%;
}

/* query and number of results */
.epoq_search_term {
    font-weight: bold;
}

.epoq_search_hits {
    display: inline;
}
/* end query and number of results */

/* do you mean */
#epoq_doyoumean_inner {
    text-align: center;
}

.epoq_doYouMeanLabel {
    display: inline;
    cursor: default;
}

.epoq_doyoumean_text {
    cursor: pointer;
    padding-left: 10px;
    text-decoration: underline;
}
/* end do you mean */

/* result page style */
#epoq_searchresult {
    float: left;
    width: 100%;
    position: relative;
}

#epoq_resultrows_header .epoq_sortlist,#epoq_resultrows_footer .epoq_sortlist
{
    float: right;
    list-style-type: none;
}

#epoq_resultrows_header .epoq_sortlist div,#epoq_resultrows_footer .epoq_sortlist div
{
    float: left;
}

#epoq_resultrows_header .epoq_header,#epoq_resultrows_footer .epoq_header
{
    float: left;
}

.epoq_navigate {
    float: left;
    width: 100%;
    border: 1px solid #dadae5;
    border-radius: 3px;
    /*padding-top: 10px;*/
    background: #f5f5f8;
    margin-top: 10px;
}

.epoq_navigate .epoq_header {
    float: left;
}

.epoq_filterbutton_sort_wrapper {
    float: left;
    width: 100%;
    padding: 10px;
}

/* epoq sort */
.epoq_sort {
    float: right;
    width: 50%;
}

.epoq_sortlist div {
    text-align: center;
}

.epoq_sortlist div a {
    color: black;
    text-decoration: none;
}

.epoq_sort_down {
    cursor: pointer;
}

.epoq_sort_down.epoq_active {
    cursor: default;
}

.epoq_sort_up {
    cursor: pointer;
}

.epoq_sort_up.epoq_active {
    cursor: default;
}
/* end epoq sort */

/* epoq results per page */
.epoq_resultsize {
    float: left;
    width: 25%;
}

.epoq_resultsizes {
    float: left;
}

.epoq_resultsizes .epoq_limitNo {
    float: left;
    cursor: pointer;
    display: inline-block;
    width: 25px;
    text-align: center;
}

.epoq_resultsizes .epoq_limitNo.epoq_active {
    cursor: default;
}

.epoq_resultsizes .epoq_limitNo:HOVER {
    text-decoration: none;
}

.epoq_resultsizes .epoq_limitNo a {
    color: black;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
/* end epoq results per page */

/* epoq changepage */
.epoq_changepage {
    float: left;
    width: 50%;
    text-align: right;
}


.epoq_resultpages .epoq_pageNo {
    display: inline-block;
    float: none;
    cursor: pointer;
    width: 25px;
    text-align: center;
}

.epoq_resultpages .epoq_pageNo.epoq_active {
    cursor: default;
}

.epoq_resultpages .epoq_pageNo.more {
    cursor: default;
}

.epoq_resultpages .epoq_pageNo.epoq_page_left {
    text-decoration: none;
}

.epoq_resultpages .epoq_pageNo.epoq_page_right {
    text-decoration: none;
}

.epoq_resultpages .epoq_pageNo a {
    text-decoration: none;
    color: black;
    display: inline-block;
    width: 100%;
}
/* end epoq changepage */

.epoq_count {
    float: left;
    width: 25%;
}

.epoq_viewmode {
    float: right;
}

.epoq_viewmode span {
    float: left;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.epoq_grid_button {
    background-image: url("images/grid.png");
}

.epoq_list_button {
    background-image: url("images/list.png");
}

#epoq_resultrows_header {
    float: left;
    width: 100%;
}

#epoq_resultrows {
	/*    float: left;
		width: 100%;*/
}

#epoq_resultrows_footer {
    float: left;
    width: 100%;
}

.epoq_resultrow {
	/*    width: 25%;
		float: left;
		height: 420px;*/
}

.epoq_resultrow.epoq_list {
    width: 100%;
}

.epoq_hoverInfo {
    left: 0;
    position: relative;
    top: 0;
    border: 2px solid #fff;
    background: #fff;
    height: auto;
    width: 94%;
    float: left;
    padding: 3%;
}

.epoq_hoverInfo:hover {
    border: 2px dotted #014998;
    z-index: 1;
}

.epoq_hoverInfo .epoq_nonhoverText, .epoq_hoverInfo:hover .epoq_hoverText {
    display: block;
}

.epoq_hoverInfo .epoq_hoverText, .epoq_hoverInfo:hover .epoq_nonhoverText {
    display: none;
}

.epoq_resultpic {
    float: left;
    cursor: pointer;
    width: 100%;
}

.epoq_prodimg {
    max-width: 140px;
}

.epoq_prodAttributes {
    float: left;
    width: 100%;
}

.epoq_prodAttributes div {
    float: left;
    width: 100%;
}

.epoq_title {
    float: left;
    cursor: pointer;
}

.epoq_brand {
    float: left;
    cursor: pointer;
}

.epoq_price {
    float: right;
    cursor: pointer;
}

.epoq_description {
    float: left;
    cursor: pointer;
}

.epoq_typ {
    float: left;
    cursor: pointer;
}

.epoq_debug {
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc;
    opacity: 0.8;
    font-size: 12px;
}
/* end result page style */

/* statistics style */
#epoq_filterresult {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px solid #dadae5;
    padding: .625rem;
    box-sizing: border-box;
}

#epoq_filterHeader {
    float: left;
    width: 100%;
    margin: 0;
}

#epoq_filterHeaderLabel {
    float: left;
    width: 100%;
    cursor: pointer;
}

#epoq_filterHeaderLabel.epoq_open {
    /*background-image: url("images/drivein.png");*/
}

#epoq_filters {
    float: left;
    width: 100%;
    margin-top: 20px
}

.epoq_filterRow {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    height: auto;
    background-image: none;
    /*border: 1px solid #d9400b !important;*/
}

.epoq_filterRow.epoq_filter_closed {
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
}

.epoq_singlefilter {
    float: left;
    width: 100%;
}

.epoq_singlefilter.epoq_sliderFilter .epoq_filterList {
    margin: 5px 0 0 0;
}

.epoq_singlefilter .epoq_header {
    float: left;
    cursor: pointer;
    width: 100%;
    /*font-weight: bold;*/
    margin: 0;
    /*    background-color: #fff;
        background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);*/
    /*    border: 1px solid #dadae5;
        border-radius: 3px;*/
}

.epoq_sub_header {
    float: left;
    font-style: italic;
}

.epoq_filterstat {
    float: left;
    width: 100%;
}

.epoq_filterstat .epoq_reset {
    position: absolute;
    right: 0;
    display: none;
}

.epoq_filterInput {
    margin: 5px 0;
}

.epoq_filterList {
    float: left;
    width: 100%;
    padding: 10px;
    /*max-height: 200px;*/
    font-size: 13px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.epoq_filter_closed .epoq_filterList {
    display: none;
}

.epoq_filterresult {
    float: left;
    width: 100%;
    position: relative;
}

.epoq_filterresult.epoq_level2 {
    /*margin-left: 8px;*/
    /*border-left: 1px solid #dadae5;*/
    padding-left: 24px;
}
.epoq_filterresult.epoq_level3 {
    /*    margin-left: 8px;
        border-left: 1px solid #dadae5;*/
    padding-left: 39px;
}
/*.epoq_filterresult.epoq_level4 {
    padding-left: 30px;
}
.epoq_filterresult.epoq_level5 {
    padding-left: 40px;
}*/

.epoq_filterresult.epoq_size {
    width: auto;
    height: 30px;
    margin: 0 5px 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
}

.epoq_filterresult a {
    text-decoration: none;
    color: black;
}

.epoq_filterresult.epoq_disabled .epoq_filter_value{
    text-decoration: line-through;
}

.epoq_filterchart {
    float: left;
    cursor: default;
    width: 20px;
    height: 5px;
}

.epoq_select {
    /*    float: left;
        background-image: url("images/checkbox_unchecked.png");
        width: 12px;
        height: 12px;
        margin: 3px;*/
    position: absolute;
    top: 5px;
	left: 0;
}

.epoq_select input {
    pointer-events:none;
}

.epoq_filter_value {
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 4px 0 4px 25px;
    color: #5f7285;
    line-height: 18px;
}

.epoq_root .epoq_filter_value,.epoq_sliderreset.epoq_root {
    float: right;
    cursor: pointer;
}

.epoq_count_stat {
    cursor: default;
    position: absolute;
    right: 0;
    line-height: 26px;
    font-size: 12px;
    color: #029731; /*#d9400b;*/
    display: none;
}

.epoq_extend {
    cursor: pointer;
}

.epoq_collapse {
    cursor: pointer;
}

/* filter hierarchy */
.selected .epoq_filterchart,.active .epoq_filterchart,.selected .epoq_count_stat
{
    display: none;
}

/*.selected .epoq_select,.active .epoq_select {
    background-image: url("images/checkbox_checked.png");
}*/
/* end filter hierarchy */

/* sliderfilter price */
.epoq_sliderfilter_price {
    float: left;
}

.epoq_priceSpark {
    position: relative;
    float: left;
}

.epoq_sliderInfo {
    float: left;
    margin-top: 10px;
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.epoq_sliderInputContainer {
    float: left;
    width: 50%;
    height: 100%;
}

.epoq_sliderContainerRight {
    text-align: right;
}

.epoq_sliderMiddle {
    position: absolute;
    left: 45%;
    width: 10%;
    text-align: center;
}

.epoq_sliderRight {
    text-align: right;
}

.epoq_sliderUnit {
    display: none;
}

.epoq_sliderInputContainer input {
    cursor: pointer;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    width: 50px;
    height: 100%;
    text-align: center;
}

.epoq_left_slider {
    /*    background-repeat: no-repeat;
        background-image: url("images/sliderhandle-left.png") !important;*/
}

.epoq_right_slider {
    /*    background-repeat: no-repeat;
        background-image: url("images/./sliderhandle-right.png") !important;*/
}

.epoq_no_result .epoq_navigate, .epoq_no_result #epoq_resultrows_header {
    display: none;
}

#epoq_priceSlider {
    float: left;
}

.epoq_sliderfilter .ui-slider {
    position: relative;
    background: #ccc;
    height: 8px;
    margin: 0 10px;
}

.epoq_sliderfilter .ui-slider .ui-slider-range {
    background: #999;
    position: absolute;
    height: 100%;
}

.epoq_sliderfilter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    background: #fff;
    border: 1px solid #000;
    width: 8px;
    height: 12px;
    top: -2px;
    margin-left: -10px;
}

.epoq_sliderfilter .ui-slider .ui-state-hover {
    cursor: w-resize;
}

.epoq_hide {
    display: none;
    float: left;
    clear: right;
}
/* end sliderfilter price */
/* end statistics style */

/* active filters style */
#epoq_activefilters {
    float: left;
    width: 100%;
    /*margin-top: 20px;*/
}

#epoq_activefilters .epoq_header {
    float: left;
    margin-right: 20px;
    font-weight: bold;
    line-height: 38px;
}

.epoq_activefilters .epoq_header {
    display: inline;
    float: left;
    cursor: default;
}

.epoq_allActiveFilterValues {
    /*float: left;*/
    /*width: 100%;*/
}

.epoq_activeFilterList {
    float: left;
}

.epoq_activeFilter {
    float: left;
}

.epoq_activeFilter a {
    float: left;
}

.epoq_activeFilterHeader {
    float: left;
    display: none;
}

.epoq_activeValue {
    display: inline;
    cursor: pointer;
    float: left;
    border: 1px solid #ccc;
    /*padding: 5px;*/
    margin: 5px;
}

#epoq_removeAllFilters {
    float: left;
    margin: 5px;
    /*width: 100%;*/
    /*text-align: center;*/
    /*margin-top: 10px;*/
}

#epoq_removeAllFilters:HOVER {
    cursor: pointer;
}
/* end active filters style */

/*.ui-accordion .ui-accordion-content {
    padding: 0;
}*/

/*Colors*/
.epoq_colorFilter .epoq_filterresult {
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin: 0;
    padding: 2px;
}

.epoq_colorFilter .epoq_filterresult.active {
    /*border: 1px solid #000000;*/
}

.epoq_colorFilter .epoq_filter_value {
    width: 100%;
    height: 100%;
    border: 1px solid #CCCCCC;
}
.epoq_colorFilter .epoq_filter_value[data-value="Schwarz"] {
    background-color: #000;
}
/*End of Colors*/

/* CONTENT-SEARCH */
#epoq_contentresult {
    float: left;
    width: 100%;
}
#epoq_contentresult .epoq_content_header {
    font-size: 18px;
    margin: 10px 10px 10px 0;
}

.epoq_contentsearch_result {
    float: left;
    width: 100%;
}

.epoq_contentsearch_result a {
    color: #404040;
}

.epoq_contentsearch_result a:HOVER {
    text-decoration: none;
}

.epoq_contentsearch_row {
    float: left;
    padding: 5px;
    width: 100%;
}

.epoq_contentsearch_left {
    float: left;
    width: 50%;
}

.epoq_contentsearch_right {
    float: right;
    width: 50%;
}
/* END: CONTENT SEARCH */

/* loading overlay */
.epoq_loading_overlay {
    width: 0;
    height: 0;
    position: absolute;
}
.epoq_loading_overlay.epoq_active {
    width: 100%;
    height: 100%;
    min-height: 150px;
}

/*.epoq_loading_icon {
    background: url("images/ajax-loader.gif") no-repeat 50% 0;
    z-index: 999;
    transition:background-position 0.1s ease-in, width 0s ease-in 0.1s, height 0s ease-in 0.1s;
}
.epoq_loading_icon.epoq_active {
    background-position: 50% 200px;
    transition:background-position 0.5s ease-in, width 0s ease-in 0s, height 0s ease-in 0s;
}*/

.epoq_loading_bg {
    background-color: #fff;
    opacity: 0;
    z-index:998;
    transition: opacity 0.2s;
}

.epoq_loading_bg.epoq_active {
    opacity: 0.9;
}

/* BANNER-SEARCH */
#epoq_bannerresult {
    float: left;
    width: 100%;
}
#epoq_banner_service {
    padding: 0;
    float: left;
    width: 100%;
}

.epoq_banner_obj {
    float: left;
    width: 100%;
}

.epoq_banner_obj img {
    max-width: 100%;
}

.epoq_individualText {
    float: left;
    width: 100%;
}

.epoq_individualHeadline {
    float: left;
    width: 100%;
}

#epoq_individualResultrows {
    float: left;
    width: 100%;
}

/* new suggest */
/* product typeahead */
.epoq_autocomplete .epoq_products_menu {
    position: absolute;
    top: 0;
    left: 302px;
    padding: 4px;
    list-style-type: none;
    margin: 0;
    width: 296px;
    z-index: 100001;
    border-left: 1px solid #DDDDDD;
}

.epoq_autocomplete .ac_products {
    float: left;
    width: 100%;
}

.epoq_ta_li_product {
    float: left;
    width: 100%;
    height: 75px;
    padding: 5px 0;
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}

.epoq_ta_li_product a {
    color: #333333;
}

.epoq_sug_image {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    margin-right: 5px;
}

.epoq_sug_image img {
    max-height: 100%;
    max-width: 100%;
}

.epoq_sug_prod_infos {
    float: left;
    width: 100%;
    padding-left: 80px;
    color: #5f7285;
}

.epoq_sug_title {
    float: left;
	max-height: 40px;
	overflow: hidden;
}

.epoq_sug_title:hover {
    color:#029731; /*#d9400b;*/
}

.epoq_sug_price {
    position: absolute;
    right:0;
    bottom: 5px;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* suggest banners */
.epoq_autocomplete .epoq_banner_container {
    position: absolute;
    top: 0;
    left: 252px;
    width: 242px;
    height: 80px;
    padding-bottom: 10px;
    z-index: 4000;
    border-bottom: 1px solid #ccc;
}

.epoq_suggest_banner {
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
}

.epoq_suggest_banner img {
    max-width: 100%;
    max-height: 100%;
}

.epoq_bannerTypeahead .epoq_products_menu {
    top: 80px;
}

/* feedback widget */
.epoq_form_content {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.epoq_formFields {
    font-size: 14px;
    margin: 10px 0;
}

.epoq_formFields button {
    font-size: 18px;
}

.epoq_form_inner_box {
    border: 1px solid #d7d7d7;
    padding: 5px;
}

.epoq_headline {
    font-size: 18px;
    margin: 0 0 10px;
}

.epoq_question {
    font-size: 14px;
    margin: 0 0 15px;
}

.epoq_buttonLine {
    margin: 10px 0 0;
    display: none;
}

.epoq_info_Text {
    display: none;
    margin: 15px 0;
    width: 100%;
}

.epoq_form_textbox {
    width: 100%;
    margin: 5px 0 0;
}

.epoq_mailBlock {
    width: 100%;
    margin: 5px 0 0;
    display: none;
}

.epoq_mailText {
    width: 100%;
}

.epoq_help {
    font-size: 12px;
    margin: 15px 0 0;
}
.epoq_help a {
    text-decoration: underline;
}

.epoq_selectmenu {
    display: none;
    width: 100%;
    margin: 15px 0;
}

.epoq_validationError {
    border: 1px solid #ff0000 !important;
}

.epoq_valid_info {
    float: left;
    width: 100%;
    color: #ff0000;
}

/********************************************* CUSTOMIZING *****************/
/*.epoq_search_box {
    border-radius:3px;
    padding: .5625rem 2.375rem .5625rem .5625rem;
    width:100%;
    box-shadow: inset 0 1px 1px #dadae5;
    background: #f8f8fa;
    color:#8798a9;
    font-size:.875rem;
    border: 1px solid #dadae5;
    border-top-color:#cbcbdb;
}

.epoq_search_box:focus {
    box-shadow: 0 0 0 transparent;
    outline: none;
    border-color: #029731; #d9400b;
    background: #fff;
    color: #5f7285;
}*/

/*.epoq_search_button {
    position:absolute;
    right:0;
    width: 35px;
    height:2.5rem;
    border:0;
    background:transparent;
    z-index:1000;
}*/

.epoq_search_button_icon {
    position:absolute;
    top:10px;
    right:10px;
}

/*.epoq_resultrow.epoq_list {
    position:relative;
    height:auto;
    border: 1px solid #dadae5;
    border-radius: 3px;
    margin-top: 2%;
    padding: 1.25rem .625rem 1.25rem .625rem;
}*/

.epoq_resultpic {
    position:absolute;
    top:0;
    width:190px;
    height:100%;
}

.epoq_prodimg {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);

    display:block;
    margin: 0 auto;
    padding: 20px;
    box-sizing: content-box;
}

/* TODO */
/*.product--info {
    padding-left:11.875rem;
}

.product--description {
    display:inline-block;
    line-height:18px;
}

.product--rating-container {
    display: none;
}

.product--rating-container .icon--star {
    color:#f1c40f;
}

.product--title {
    display:inline-block;
    height:40px;
    color:#3f4c58;
    font-size:1rem;
    font-weight:700;
    text-decoration: none;
    width:100%;
}

.product--title:hover {
    color: #029731; #d9400b;
}

.product--actions::before {
    clear:both;
    content:"";
    display:block;
}

.product--actions {
    margin-top:15px;
}

.buybox--button-container {
    height:40px;
}

.block-prices {
    float:right;
    margin: 0 0 0 3em;
    list-style:none;
    font-size:0.9em;

}

.block-prices li {
    line-height:17px;
}

.blockpriceQuantity {
    display:inline-block;
    width:150px;
}

.isActiveBlockPrice {
    color:#029731;
    font-weight:bold;
}*/

#epoq_searchresult input.epoq_quantity {
    width:70px;
}

#epoq_searchresult .buybox--form {
    display:inline-block;
    margin-right:5px;
}

#epoq_searchresult .note--form {
    display:inline-block;
}

#epoq_searchresult .btn--product {
    margin-right:5px;
}

#epoq_searchresult .epoq_list .product--action [class^="icon--"] {
    margin-right: .3125rem;
    font-size:.75rem;
}

#epoq_searchresult .action--note {
    color:#5f7285;
    background:none;
    border:none;
}

#epoq_searchresult .action--note:hover {
    color: #029731; /*#d9400b;*/
}

/*.product--badges {
    top: 1.25rem;
    left: -0.0625rem;
    position: absolute;
    z-index: 750;
}*/

/*.product--badge {
    padding:.1875rem .625rem .1875rem .625rem;
    margin:0 0 .3125rem 0;
    font-size:.875rem;
    line-height:1rem;
    border-radius: 0 3px 3px 0;
    text-align:center;
    font-weight: 700;
}*/

/*.badge--newcomer {
    color: #fff;
    background: #f1c40f;
}*/

.epoq_nav_bottom {
    display:none;
}

.epoq_sort {
    width:auto;
}

.epoq_sort .epoq_header {
    font-weight: bold;
    line-height: 36px;
    margin-right: 10px;
}

/*#epoq_searchresult .select-field {
    float:right;
    margin-right:10px;
    width:200px;
    height:34px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}*/

#epoq_resultrows_header .epoq_header {
    margin-right:20px;
    font-weight:700;
    float:right;
}

.epoq_sort_wrapper {
    float:right;
    height:34px;
    position:relative;
}

.epoq_sort_wrapper::before {
    display:block;
    position:absolute;
    right:-5px;
    box-sizing:border-box;
    padding-left:10px;
    font:5px Shopware;
    content:"\e612";
    width:45px;
    height:34px;
    line-height:40px;
    vertical-align: baseline;
    color: #5f7285;
    border-left:1px solid #dadae5;
    pointer-events: none;

}

select.epoq_sortlist {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-color:#dadae5;
    width: auto;
    height:34px;
    margin-right:10px;
    padding:0 40px 0 10px;
    background: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
    border-radius:3px;
    cursor:pointer;

    box-sizing:content-box;
    vertical-align:middle;
}

select.epoq_sortlist::-ms-expand {
    display:none;
}

.epoq_sortlist_arrow {
    width:34px;
    height:34px;
    display:block;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    border-radius:0 3px 3px 0;
}

.epoq_sortlist_arrow .icon--arrow-down {
    font-size:10px;
    float:right;
}

.epoq_sliderfilter .ui-slider{
    box-sizing:content-box;
    border:1px solid #dadae5;
    background:#e9e9f0;
    box-shadow: inset 0 1px 1px #f0f0f0;
    border-radius:6px;
    height:10px;
}

.epoq_sliderfilter .ui-slider .ui-slider-range {
    background:#029731; /*#d9400b;*/
    box-shadow: inset 0 0 3px #d53f0b;
    height:10px;
}

.epoq_sliderfilter .ui-slider .ui-slider-handle {
    top:-5px;
    background: linear-gradient(to bottom, #fff 0%, #e9e9f0 100%);
    border: 1px solid #dadae5;
    cursor:pointer;
    width:1.25rem;
    height: 1.25rem;
    border-radius:3px;
}

.epoq_sliderfilter .ui-slider .ui-slider-handle:focus {
    outline:none;
}

.epoq_sliderfilter .ui-slider .ui-slider-handle:hover {
    border-color: #029731; /*#d9400b;*/
}

.epoq_sliderFrom {
    display:inline-block;
}

.epoq_mobile_filter_button {
    display: none;
}

.epoq_mobile_filter_button .icon--filter {
    margin-right: 10px;
}

.epoq_mobile_filters_close_button {
    display:none;
}

.epoq_mobile_filters_close_button .icon--arrow-right {
    float: right;
}

.epoq_filterRow:not(.epoq_filter_closed) {
    border: 1px solid #029731; /*#d9400b;*/
}

.epoq_filterRow:not(.epoq_filter_closed) .epoq_header {
    color: #029731; /*#d9400b;*/
}

.epoq_filterRow:not(.epoq_filter_closed) .filter-panel--icon {
    color: #029731; /*#d9400b;*/
}

.epoq_filterRow:not(.epoq_filter_closed) .filter-panel--icon::before {
    content: "\e610";
}

#epoq_currentSearch.epoq_no_result {
    display:none;
}

#epoq_filterresult.epoq_no_result {
    display:none;
}

#epoq_filterresult .epoq_activeValue {
    margin: 12px 0 0;
    max-width:210px;
}

#epoq_searchresult.epoq_no_result .epoq_resultrow {
    width: 100%;
}

.epoq_doYouMeanLabel{
    margin-right:14px;
}

.epoq_doyoumean_text {
    padding:0 5px;
}

.epoq_doyoumean_text:first-of-type {
    padding-left:0;
}

/*.sidebar-main {
    overflow:hidden;
}*/

.epoq_filterRow:last-of-type {
    margin-bottom:0;
}

ul.epoq_autocomplete.ui-autocomplete.epoq_productTypeahead {
    /*overflow: hidden;*/
    border-bottom:none;
}

.epoq_productTypeahead::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: .75rem;
    height: .75rem;
    top: -0.450rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    left: 48%;
    border: 1px solid #dadae5;
    border-top: 0 none;
    border-right: 0 none;
}

.epoq_productTypeahead::after {
    display: block;
    width:100%;
    height:48px;
    position: absolute;
    bottom:-50px;
    left:-1px;
    background:#fff;
    content:'';
    border:1px solid #dadae5;
    z-index:999999;
}

.epoq_showAllResults {
    height: 48px;
    width: 100%;
    position:absolute;
    bottom:-49px;
    left:0;
    line-height:50px;
    display:block;
    z-index:1000000;
    cursor:pointer;
    color: #029731; /*#d9400b;*/
}

/*.epoq_showAllResults.ui-state-focus {
    margin:14px 0 0 !important;
}*/

.epoq_showAllResultsHitCount {
    float:right;
    margin-right:10px;
    /*TODO: If TA hitcounts must be displayed, additional JS code is needed */
    display:none;
}

.ui-autocomplete .icon--arrow-right {
    font-size: 8px;
    margin:0 0.5rem;
}

.ui-autocomplete .epoq_ta_li.ui-menu-item {
    border-bottom: 1px solid #DDDDDD;
}

.ui-autocomplete .epoq_ta_li.ui-menu-item:last-of-type {
    border: none;
}


/*span.priceInquiry a {
	color: inherit;
}*/


/* responsive */
@media (max-width: 1023px) {
	ul.epoq_autocomplete.ui-autocomplete.epoq_productTypeahead {
		left: 10% !important;
		width: 80% !important;
		right: 10% !important;
		padding-right: 40%;
	}

	.epoq_productTypeahead::before {
		display: none;
	}

	.epoq_autocomplete .epoq_products_menu {
		left: 50%;
		width: 50%;
	}
}

@media (max-width: 767px) {
	ul.epoq_autocomplete.ui-autocomplete.epoq_productTypeahead {
		left: 5% !important;
		width: 90% !important;
		right: 5% !important;
		padding-right: 45%;
	}

    #epoq_filterHeader {
        position:absolute;
        top:0;
        left:0;
        padding: .75rem .625rem .75rem .625rem;
        background: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
        display: block;
        color: #fff;
        font-weight: 700;
    }

    .epoq_mobile_filters_close_button {
        display: block;
    }

    #epoq_filterresult {
        border:none;
    }

    #epoq_filters {
        margin-top: 43px;
    }

    #epoq_searchresult .icon--arrow-right {
        margin-top: 0.1875rem;
    }

	/*    .sidebar-main {
			overflow:auto;
		}*/

    .epoq_mobile_filter_button {
        padding:4px 4px 4px 10px;
        height:34px;
    }

	.is--ctl-search .search--results {
		margin-left: 0 !important;
	}

	/*    .action--collapse-icon {
			padding: 0 .625rem 0 .625rem;
			line-height: 1.5rem;
			background: linear-gradient(to bottom, #fa5d27 0%, #d9400b 100%);
			border-radius: 3px;
			background-clip: padding-box;
			display: inline-block;
			color: #fff;
			float: right;
		}*/

    .epoq_sort_wrapper::before {
        width:32px;
        right:0;
    }
}

@media (max-width: 478px) {
	ul.epoq_autocomplete.ui-autocomplete.epoq_productTypeahead {
		left: 2.5% !important;
		width: auto !important;
		right: 2.5% !important;
		padding-right: 0;
		min-height: 0 !important;
	}

	.epoq_productTypeahead::before {
		display: none;
	}

	.epoq_autocomplete .epoq_products_menu {
		display: none;
	}

    .epoq_nav_top {
        background:none;
        border:none;
    }

    #epoq_filterHeaderLabel {
        display: none;
    }

    .epoq_mobile_filter_button {
        float: left;
        width: auto;
        display: block;
    }

    .epoq_filterbutton_sort_wrapper {
        padding:0;
    }

    .epoq_sort .epoq_header {
        display: none;
    }

    .epoq_sort {
        width:100%;
        margin-bottom:20px;
    }

    .epoq_sort_wrapper {
        float:none;
    }

    select.epoq_sortlist {
        width:100%;
        box-sizing:border-box;
    }

    .epoq_mobile_filter_button {
        width:100%;
        margin-bottom:10px;
    }

    .epoq_resultpic {
        position:relative;
        width:100%;
        height:180px;
    }

    #epoq_searchresult .product--title {
        margin-bottom:5px;
    }

    #epoq_searchresult .product--info {
        padding-left:0;
    }

    #epoq_searchresult .block-prices {
        float:none;
        margin:0 0 2em 0;
        width:265px;
    }

    #epoq_searchresult .block-prices li span:first-of-type{
        width:140px;
    }

    #epoq_searchresult .block-prices li span:last-of-type {
        width:120px;
    }

    #epoq_searchresult .buybox--button {
        display:block;
        margin-top:0.5em;
    }

    #epoq_searchresult .btn--product {
        margin-top:1.2em;
    }

    #epoq_searchresult.epoq_no_result .epoq_resultrow {
        width: 100%;
    }
}

@media (min-width:479px) and (max-width: 767px) {
    .epoq_mobile_filter_button {
        float: left;
        width: auto;
        display: block;
    }

    .epoq_sort {
        width: 50%;
    }

    .epoq_sort .epoq_header {
        display: none;
    }

    #epoq_filterHeaderLabel {
        display: none;
    }

	/*    .current-language {
			display:none;
		}*/

    .epoq_search_form {
        width:90%;
        position:relative;
    }

    .epoq_nav_top {
        background:none;
        border:none;
    }

    .epoq_filterbutton_sort_wrapper {
        padding:0;
    }

    .epoq_sort {
        width:100%;
        margin-bottom:20px;
    }

    .epoq_sort_wrapper {
        float:none;
    }

    select.epoq_sortlist {
        width:100%;
        box-sizing:border-box;
    }

    .epoq_mobile_filter_button {
        width:100%;
        margin-bottom:10px;
    }

	/*    .product--title {
			margin-bottom:0.3125rem;
		}

		.block-prices {
			margin:0 0 2em 0;
			float:none;
		}

		.block-prices li span{
			width:140px;
		}

		span.priceInquiry {
			float:none;
		}

		.product--actions {
			margin-top:1.3rem;
		}

		.buybox--button {
			margin:7px 0 0 0;
			display:block;
		}

		.btn--product {
			margin-top:1.2em;
		}*/
}

@media (min-width: 768px) {
    #epoq_filters {
        transition:height 0.35s ease-in-out;
        padding-top:0;
        overflow:hidden;
    }

    #epoq_filters.collapsed {
        margin-top:0;
        position:relative;
        top:20px;
    }

	/*    .js--overlay {
			display:none;
		}*/

    #epoq_searchresult.epoq_no_result {
        position:relative;
        width:100%;
        left:-260px;
    }

    #epoq_searchresult.epoq_no_result .epoq_resultrow {
        width: calc(100% + 260px);
    }
}

@media (min-width:768px) and (max-width: 1023px) {
    .epoq_resultpic {
        position:relative;
        width:100%;
        height:180px;
    }

}
