/* LIST */
.tx_nseprconfig .list_view {width: 720px; position: relative; margin: 0 auto; margin-top: 20px;}
.tx_nseprconfig .list_view > .inner {width: 800px;}
.tx_nseprconfig .list_view > .inner .mid_section {width: 800px; margin:0 auto;}
.tx_nseprconfig h1 {}
.tx_nseprconfig h1 p {display: inline-block;}
.tx_nseprconfig h1 .other {color:#aaa; display: inline;}
/* @is_stuck */
.tx_nseprconfig .list_view .sidebar_left.is_stuck {position: fixed; top: 20px!important; max-height: 95%; overflow-x: hidden; overflow-y: scroll; left: auto; margin-left: -360px; }
.tx_nseprconfig .list_view .mid_section.is_stuck {position: fixed; top: 20px!important; width: 800px; height: 95%; overflow-x: hidden; overflow-y: scroll; }
.tx_nseprconfig .list_view.filter_stuck {}

body.noscroll {overflow: hidden;}

/* scroll gap filler */
.listview_scroll_gap_filler {display: none;}
.filter_stuck .listview_scroll_gap_filler {height: 200px;  width:100%;}

/* products */
.tx_nseprconfig .products {position: relative;}
.tx_nseprconfig .products .product { position: relative; width:215px; height:200px; cursor: pointer; float:left; margin-right: 45px; margin-bottom: 40px;}
.tx_nseprconfig .products .product a { text-decoration: none;}
.tx_nseprconfig .products .product .text { margin-top:10px;}
.tx_nseprconfig .products .product .text .name {color:#666666; font-size: 14px; line-height: 130%; text-decoration: none;}
.tx_nseprconfig .products .product .text .desc {color:#aaaaaa; font-size: 13px; line-height: 145%; margin-top:2px; text-decoration: none;}
.tx_nseprconfig .products .product .img_wrap {position: relative; display: inline-block;}
.tx_nseprconfig .products .product .img_wrap .badges {position: absolute; right: -18px; bottom: -3px; }
.tx_nseprconfig .products .product .img_wrap .badge {background: #5d5d5d; float: left; margin-left:2px; padding: 5px 13px; color: white; border-radius: 7px; font-size: 16px;}
.tx_nseprconfig .products .product .overlay {opacity: 0; background:rgba(255,255,255,0.6); width:105%; z-index: 20; position: absolute; left:0; top:0;  height: 100%; }
.tx_nseprconfig .products .product .overlay_btn {display: none; opacity: 0; z-index: 20; position: absolute; left:0; top:0; width:100%; height:100%;}
.tx_nseprconfig .products .product .overlay_btn .cg_btn {width:70%; position: absolute; left:16%; top:48px; padding-left: 10px; padding-right: 10px;}
/* @hover */
.tx_nseprconfig .products .product:hover .overlay {opacity: 1;}
.tx_nseprconfig .products .product:hover .overlay_btn {opacity: 1;}
/* @hide */
.tx_nseprconfig .products .product.hide {opacity: 0;}
/* @absolute */
.tx_nseprconfig .products .product.absolute {position: absolute;}
/* @filtered */
.tx_nseprconfig .products .product.filtered {}

/* filtergroups */
.tx_nseprconfig .sidebar_left {position: absolute; overflow: hidden; padding-top: 15px; left: -380px; width: 320px; box-shadow: 0 2px 4px #c7cbce; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); top:0;  background:white; border-top: 5px solid #006eab; }
.tx_nseprconfig .sidebar_left .ki_mobile_language {display: none;}
.tx_nseprconfig .sidebar_left .cg_title {padding:0 25px; margin-bottom: 15px;}
.tx_nseprconfig .sidebar_left .cg_title > .t {float: left;}
.tx_nseprconfig .sidebar_left .cg_title .reset_filter { color: #c93447; padding:7px; background: #F9F1F1; border-radius: 50%; cursor: pointer; float: right; margin-right: -8px;}
.tx_nseprconfig .sidebar_left .cg_title .reset_filter > .t {display: none; float:left; }
.tx_nseprconfig .sidebar_left .cg_title .reset_filter > i {display: block; font-weight: bold; font-size: 13px; }
.tx_nseprconfig .sidebar_left .cg_title .menu {display: none; float:right; }
.tx_nseprconfig .sidebar_left .cg_title .menu > i {font-size: 28px; color: #006eab;}
.tx_nseprconfig .filterGroups { border-top: 1px solid #cccccc;}
.tx_nseprconfig .filterGroup { border-bottom: 1px solid #d3d3d4;}
.tx_nseprconfig .filterGroup:first-child {margin-top:0;}
.tx_nseprconfig .filterGroup:last-child { border:none;}
.tx_nseprconfig .filterGroup > .name {position: relative; background:none; color:#006eab; user-select:none; cursor: pointer; padding: 15px 25px; font-size:14px;  }
.tx_nseprconfig .filterGroup > .name > i { color:#006FAB; background:#f1faff; padding:0px; font-size: 24px;  border-radius: 50%; float: right; margin-right: -8px;}
.tx_nseprconfig .filterGroup > .name > i.up {display: block;}
.tx_nseprconfig .filterGroup > .name > i.down {display: none;}
.tx_nseprconfig .filterGroup > .name > .t {display: inline-block; float: left; position: relative; top:4px;}
.tx_nseprconfig .filterGroup > .name .count_filters {display: none; position: absolute; top:40px; left: 25px; float: none; font-size: 12px; color: #8e8e8e;}
.tx_nseprconfig .filters {padding:0 15px; padding-bottom: 15px;}
.tx_nseprconfig .filter {color:#666666; padding:10px 10px; cursor: pointer;}
.tx_nseprconfig .filter .more_information{color:#6d9bb5; position: relative; top: 3px; left:5px; margin-left: 0px; font-family: Georgia,Times,serif; font-weight: 700; font-size: 13px; line-height: 12px; font-style: italic;}
.tx_nseprconfig .filter .more_information_mobile{display: none; color:#6d9bb5; margin-left: 0px; font-family: Georgia,Times,serif; font-weight: 700; font-size: 13px; line-height: 12px; font-style: italic;}
.tx_nseprconfig .filter .more_information:hover{color:#006eab;}
.tx_nseprconfig .filter .more_information .t {padding:2px 5px;}
.tx_nseprconfig .filter .name {display: inline-block; max-width: 225px; float: left; font-size: 13px; user-select:none;}
.tx_nseprconfig .filter .name .label {display: block; float: left; margin-right: 10px; }
.tx_nseprconfig .filter .name .more_information {display: inline-block; float: left;}
.tx_nseprconfig .filter .prediction {display: inline-block; float: right; font-size: 12px; color: #006eab; user-select: none; }
.tx_nseprconfig .cg_check {margin-top:-1px;}
.tx_nseprconfig .cg_radio {margin-top:-2px;}
/* @hover */
.tx_nseprconfig .sidebar_left .cg_title .reset_filter:hover {padding: 0 10px; padding-right: 7px; border-radius: 3px; background:#f7e7e7;}
.tx_nseprconfig .sidebar_left .cg_title .reset_filter:hover > .t { display: block; font-size: 11px; }
.tx_nseprconfig .sidebar_left .cg_title .reset_filter:hover > i {display: block; float: left; font-size: 13px; position: relative; top: 7px; margin-left: 5px; font-weight: bold; }
.tx_nseprconfig .filter:hover {color:#666; /*background: #f3f3f3;*/}
.tx_nseprconfig .filterGroup > .name:hover > i {background:#dbe5ea;}
/* @active */
.tx_nseprconfig .filter.active { color:#006eab; /*background: #eaeaea;*/}
.tx_nseprconfig .filter.active .prediction { display: none;}
/* @disabled */
.tx_nseprconfig .filter.disabled { color:#c3c3c3; cursor: default;}
.tx_nseprconfig .filter.disabled .prediction { display: none;}
.tx_nseprconfig .filter.disabled .cg_check { background: #e4e4e4;}
.tx_nseprconfig .filter.disabled .cg_radio { border:2px solid #d2d2d2;}
/* @disabled + @hover */
.tx_nseprconfig .filter.disabled:hover {background: none;}
/* @closed */
.tx_nseprconfig .filterGroup.closed > .name {background:#f5f5f5; margin-bottom: 0; }
.tx_nseprconfig .filterGroup.closed > .name > i.up {display: none;}
.tx_nseprconfig .filterGroup.closed > .name > i.down {display: block; background:none;}
.tx_nseprconfig .filterGroup.closed > .filters {margin-top:0; padding-bottom:0;}
.tx_nseprconfig .filterGroup.closed.oneActive > .name {padding-bottom: 30px;}
.tx_nseprconfig .filterGroup.closed.oneActive > .name > i {position: relative; top:8px;}
.tx_nseprconfig .filterGroup.closed.oneActive > .name .count_filters  {display: inline-block;}
/* @closed @filtered */
.tx_nseprconfig .filterGroup.closed.filtered > .name {background:white;}
.tx_nseprconfig .filterGroup.closed.filtered > .filters {padding-bottom: 10px;}


/* [small desktop] */
@media screen and (max-width : 1550px)  {
  /* view */
  .tx_nseprconfig .list_view > .inner {margin-left: 140px;}
  /* sidebar */
  .tx_nseprconfig .sidebar_left {left:-220px;}
}


/* [tablet] */
@media screen and (max-width : 1220px)  {
  /* list view */
  .tx_nseprconfig .list_view {width:480px;}
  .tx_nseprconfig .list_view > .inner {width:550px; margin-left:0;}
  .tx_nseprconfig .list_view > .inner .mid_section {position: static; width:auto; }
  .tx_nseprconfig .list_view > .inner .mid_section.is_stuck {top:auto!important; left:auto!important; bottom:auto!important; right:auto!important; position: static!important;}
  /* mobile buttons */
  .tx_nseprconfig .site_header .menu { display: block; }
  /* sidebar */
  .tx_nseprconfig .filter .name {max-width: 185px;}
  .tx_nseprconfig .sidebar_left {position: fixed; z-index: 1020; height:100%; left:-280px; top:0; width:280px; padding-top: 0;}
  .tx_nseprconfig .sidebar_left .ki_mobile_language {display: block;}
  .tx_nseprconfig .sidebar_left .inner {height:100%; overflow-y: scroll;}
  .tx_nseprconfig .sidebar_left .cg_title {padding:0 15px; padding-bottom: 15px; margin: 0;}
  .tx_nseprconfig .sidebar_left .cg_title .reset_filter {padding: 0 10px;  border: 1px solid #ecd8d8;  border-radius: 3px; float: left; clear:both; margin-top:5px;}
  .tx_nseprconfig .sidebar_left .cg_title .reset_filter > .t { display: block; font-size: 11px; }
  .tx_nseprconfig .sidebar_left .cg_title .reset_filter > i {display: none; float: left; font-size: 13px; position: relative; top: 7px; margin-left: 5px; font-weight: bold; }
  .tx_nseprconfig .sidebar_left .cg_title .menu {display: block;}
  .tx_nseprconfig .filterGroup:last-child {border-bottom: 1px solid #bdced8;}
  .tx_nseprconfig .filterGroup > .name {padding:15px 15px;}
  .tx_nseprconfig .filters {padding:0 15px; padding-bottom: 5px;}
  .tx_nseprconfig .filter {padding:10px 0;}
  .tx_nseprconfig .filter .name .label {margin-right: 5px; margin-bottom: 5px;}
  .tx_nseprconfig .filter .name .more_information {display: none;}
  .tx_nseprconfig .filter .name .more_information_mobile {display: inline-block; float: left; padding-left: 0px; position: relative; top: -5px;}
  .tx_nseprconfig .filter .name .more_information_mobile .t {display: block; padding: 6px 9px; line-height: 100%; width: 25px; height: 25px; border: 1px solid #cccccc; border-radius: 50%;}
  /* @filteropen */
  .tx_nseprconfig .list_view.filteropen .sidebar_left {display: block;}
}

@media screen and (max-width : 850px)  {
  /* filter */
  .tx_nseprconfig .filterGroup > .name {padding:15px 15px;}
  .tx_nseprconfig .filterGroup > .name .count_filters {left:15px;}
  .tx_nseprconfig .filters {padding: 0 15px; padding-bottom: 10px;}
}

@media screen and (max-width : 580px)  {
  /* list view */
  .tx_nseprconfig .list_view {width:100%; padding:0 10px; margin-top:20px;}
  .tx_nseprconfig .list_view > .inner {width:100%;}

  /* sidebar */
  .tx_nseprconfig .filter {padding:10px 0;}
  .tx_nseprconfig .filter .name {max-width: 185px;}
  .tx_nseprconfig .sidebar_left {width:280px;}

  /* products */
  .tx_nseprconfig .products {text-align: center;}
  .tx_nseprconfig .products .product .overlay {width:100%;}
  .tx_nseprconfig .products .product {width:100%; margin:0; margin-bottom: 20px; float:none;}
  .tx_nseprconfig .products .product > a{width:300px;}
}