@charset "UTF-8";
/* ===== begin: customer_default ===== */
/* ===== begin: variables ===== */
/* ===== end: variables ===== */
/* ===== begin: mixins ===== */
/* ===== end: mixins ===== */
/* ===== begin: elements ===== */
/* ===== end: elements ===== */
/* ===== begin: general ===== */
* {
  font-family: Roboto, sans-serif;
  font-size: 1rem;
}

/* Header Icons */
div#es_header.es_fixed_header.fixed_header_active #es_topnav .panel_head_text {
  position: absolute;
  margin: -35px 0 0 25px;
}

#es_topnav div.es_icon_head #panel_head_login, #es_topnav div.es_icon_head #panel_head_basket, #es_topnav div.es_icon_head #panel_head_search {
  background: none;
  width: auto;
}
#es_topnav div.es_icon_head .panel_head_text {
  position: absolute;
  margin: -35px 0 0 25px;
}
#es_topnav div.es_icon_head .panel_head_topic {
  font-size: 30px;
  color: white;
  font-weight: normal;
  margin-top: 0 !important;
  padding: 0;
  height: auto;
}
#es_topnav div.es_icon_head .panel_head_topic:hover {
  color: white;
}

/* ===== end: general ===== */
/* ===== begin: header ===== */
@media all and (min-width: 1200px) {
  #es_header_content {
    min-height: 84px;
  }
  #es_header_content #es_topnav {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 200px;
  }

  #es_menue1_bottom .es_menue1_bottom a {
    padding: 15px 15px 0 15px;
  }

  #es_outer_menue {
    background: none;
    position: absolute;
    left: 32%;
    top: 40px;
  }
  #es_outer_menue #es_menue1_bottom {
    margin: 0;
  }
  #es_outer_menue #es_menue1_bottom .es_menue1_bottom a:hover {
    background: none;
  }
  #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 a:hover > span::after {
    opacity: 1;
    -webkit-transition: 200ms ease-in;
    transition: 200ms ease-in;
  }
  #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 a::after {
    display: none;
  }
  #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 a span::after {
    content: "";
    display: block;
    height: 6px;
    background: #ca0000;
    width: 100%;
    left: 0;
    bottom: 0;
    margin-top: 7px;
    opacity: 0;
    -webkit-transition: 200ms ease-in;
    transition: 200ms ease-in;
  }
  #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.menue1on a {
    background: none;
    z-index: 99;
  }
  #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.menue1on a span::after {
    opacity: 1;
    -webkit-transition: 200ms ease-in;
    transition: 200ms ease-in;
  }
}
/* ===== end: header ===== */
/* ===== begin: header fixed ===== */
@media all and (min-width: 1200px) {
  div#es_header.es_fixed_header.fixed_header_active {
    -webkit-box-shadow: 0px 0px 10px;
    box-shadow: 0px 0px 10px;
    height: 84px;
  }
  div#es_header.es_fixed_header.fixed_header_active #es_header_content {
    min-height: unset;
    height: 100%;
  }
  div#es_header.es_fixed_header.fixed_header_active #es_header_content .es_head_left_content img {
    width: 100% !important;
    -webkit-transition: none;
    transition: none;
    top: 0;
  }
  div#es_header.es_fixed_header.fixed_header_active #es_header_content #es_topnav {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
  div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom {
    margin: 0;
  }

  /* Menüzeile */
  div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top .es_menue1_top li.es_level1 > a, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 > a, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top_reiter .es_menue1_top_reiter li.es_level1 > a, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom_reiter .es_menue1_bottom_reiter li.es_level1 > a, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top .es_menue1_top li.es_level1 > a:hover, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 > a:hover, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top_reiter .es_menue1_top_reiter li.es_level1 > a:hover, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom_reiter .es_menue1_bottom_reiter li.es_level1 > a:hover {
    font-size: 1rem;
    padding: 15px 15px 0 15px;
  }

  div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top .es_menue1_top li.es_level1 > a span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 > a span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top_reiter .es_menue1_top_reiter li.es_level1 > a span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom_reiter .es_menue1_bottom_reiter li.es_level1 > a span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top .es_menue1_top li.es_level1 > a:hover span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_level1 > a:hover span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_top_reiter .es_menue1_top_reiter li.es_level1 > a:hover span, div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom_reiter .es_menue1_bottom_reiter li.es_level1 > a:hover span {
    font-size: 1rem;
  }
}
/* ===== end: header fixed ===== */
/* ===== begin: footer ===== */
#es_seo_footer_content .seo_footer_headline {
  border-bottom: 1px solid #ca0000;
}

/* ===== end: footer ===== */
/* ===== begin: maincontent ===== */
/* ===== end: maincontent ===== */
/* ===== begin: navigation ===== */
/* ===== end: navigation ===== */
/* ===== begin: offer ===== */
/* ===== end: offer ===== */
/* ===== begin: article_detail ===== */
/* ===== end: article_detail ===== */
/* ===== begin: article_list ===== */
/* Header */
.es_box_header {
  background: none;
  border-bottom: 1px solid rgba(34, 34, 39, 0.3);
  color: #222227;
}

#es_articlelist-productgroup_path {
  margin-top: 50px;
}

div#es_articlelist-productgroup_path.es_box_header a.es_productlist-path {
  color: #222227;
}
div#es_articlelist-productgroup_path.es_box_header .es_productlist-path-divider {
  color: #222227;
}

/* Buttons */
div.button_long_uni_right.icon_detail {
  background-image: none;
}
div.button_long_uni_right.icon_detail:hover {
  background-image: none;
}
div.button_long_uni_right.icon_detail a.button_long_uni_bg {
  text-align: center;
  padding: 0;
}
div.button_long_uni_right.icon_detail a.button_long_uni_bg::before {
  content: "\f0f6";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 8px 0 0;
}

div.button_long_colored_right.icon_buy {
  background-image: none;
}
div.button_long_colored_right.icon_buy:hover {
  background-image: none;
}
div.button_long_colored_right.icon_buy a.button_long_colored_bg {
  text-align: center;
  padding: 0;
}
div.button_long_colored_right.icon_buy a.button_long_colored_bg::before {
  content: "\f07a";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 8px 0 0;
}

div.button_long_colored_right.added.icon_buy {
  background-image: none;
}
div.button_long_colored_right.added.icon_buy:hover {
  background-image: none;
}

/* ===== end: article_list ===== */
/* ===== begin: favorites ===== */
/* ===== end: favorites ===== */
/* ===== begin: user_center ===== */
/* ===== end: user_center ===== */
/* ===== begin: advisor ===== */
/* ===== end: advisor ===== */
/* ===== begin: order ===== */
/* ===== end: order ===== */
/* ===== begin: powersearch ===== */
/* ===== end: powersearch ===== */
/* ===== begin: promolist ===== */
/* ===== end: promolist ===== */
/* ===== begin: searchbox ===== */
/* ===== end: searchbox ===== */
/* ===== begin: basket ===== */
/* ===== end: basket ===== */
/* ===== begin: suppliesfinder ===== */
/* ===== end: suppliesfinder ===== */
/* ===== begin: parsley ===== */
/* ===== end: parsley ===== */
/* ===== begin: mega_menu ===== */
/* Header */
.es_catalog_head_container {
  position: fixed;
  width: 1200px;
  border: none;
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.8);
  top: 84px !important;
  right: 0;
  left: 0;
  margin: 0 auto;
}

/* Fixed Header */
div#es_header.es_fixed_header.fixed_header_active #es_outer_menue #es_menue1_bottom .es_menue1_bottom li.es_catalog_head_productgroups div.es_catalog_head_container {
  top: 84px !important;
}

/* ===== end: mega_menu ===== */
/* ===== begin: user_management ===== */
/* ===== end: user_management ===== */
/* ===== begin: basket_specials ===== */
/* ===== end: basket_specials ===== */
/* ===== begin: relogin ===== */
/* ===== end: relogin ===== */
/* ===== begin: short_order ===== */
/* ===== end: short_order ===== */
/* ===== begin: workflow ===== */
/* ===== end: workflow ===== */
/* ===== begin: Energielabel ===== */
/* ===== end: Energielabel ===== */
/* ===== begin: Konfigurator PRO ===== */
/* ===== end: Konfigurator PRO ===== */
/* ===== begin: cmspro_elements ===== */
/* Headline Different Types H2 */
.headline_different_types h2 {
  color: #222227;
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
}
.headline_different_types h2::before, .headline_different_types h2::after {
  content: "";
  display: inline-block;
  border-top: 2px solid #ca0000;
  width: 20%;
  max-width: 20%;
  margin: 0 1rem;
  -webkit-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  transform: translateY(-11px);
}
.headline_different_types h3 {
  font-size: 1.5rem;
  color: #ca0000;
  font-weight: normal;
}

/* Text only */
.type_content.text-content .content_only_text {
  font-size: 1rem;
  color: #222227;
}

/* Artikelslider */
/* Slider Controls Next/Prev */
.arrow_position.arrows_outside .bx-wrapper .bx-controls-direction a {
  top: -webkit-calc(50% - 15px);
  top: calc(50% - 15px);
  width: 50px !important;
  height: 50px !important;
  background: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow_position.arrows_outside .bx-wrapper .bx-controls-direction .bx-prev {
  border-left: 5px solid #222227;
  border-bottom: 5px solid #222227;
  -webkit-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
}
.arrow_position.arrows_outside .bx-wrapper .bx-controls-direction .bx-prev:hover {
  border-color: #ca0000;
  -webkit-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
}
.arrow_position.arrows_outside .bx-wrapper .bx-controls-direction .bx-next {
  border-right: 5px solid #222227;
  border-top: 5px solid #222227;
  -webkit-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
}
.arrow_position.arrows_outside .bx-wrapper .bx-controls-direction .bx-next:hover {
  border-color: #ca0000;
  -webkit-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
}

/* Artikelslider */
.type_promoslider.onlypromoarticle .container_background_articleslide img.top_new {
  display: none;
}
.type_promoslider.onlypromoarticle .container_background_articleslide .bx-wrapper .articlelist_slide_box {
  padding: 5% 5% 0 5%;
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow {
  border-color: rgba(34, 34, 39, 0.3);
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow .articlelist_slideshow_descshort {
  font-size: 1.125rem;
  color: black;
  font-weight: 300;
  height: 60px;
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow .cms_article_standard_price {
  font-size: 1.5rem;
  color: #222227;
  font-weight: bold;
  margin-bottom: 10px;
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow div.articlelist_slideshow_price span {
  font-size: 1rem;
  color: black;
  font-weight: 300;
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow div.articlelist_slideshow_price span a {
  color: #ca0000;
  font-size: 1rem;
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow div.button_long_colored_right {
  background: #ca0000;
}
.type_promoslider.onlypromoarticle .container_background_articleslide ul li.articlelist_slideshow div.button_long_colored_right a.button_long_colored_bg {
  font-size: 1.125rem;
  font-weight: 300;
}

/* ICS Dienstleistungen */
.ics_services .type_fontawesome.fontawesome_icon {
  font-size: 7em;
  height: 125px;
}
.ics_services .type_picture_text.picture {
  height: 125px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ics_services .headline_different_types h3 {
  text-align: center;
}
.ics_services .col-3-12 {
  width: -webkit-calc(33.33% - 20px);
  width: calc(33.33% - 20px);
}
.ics_services .col-3-12:first-child, .ics_services .col-3-12:last-child {
  width: -webkit-calc((33.33% / 2) - 20px);
  width: calc((33.33% / 2) - 20px);
}

/* Artikeldarstellung reduziert */
.type_article_standard.article_small {
  height: 400px;
  border: 1px solid rgba(34, 34, 39, 0.3);
}
.type_article_standard.article_small .article_standard_img_container {
  width: 100%;
  height: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.type_article_standard.article_small .article_standard_img_container img {
  max-width: 100%;
  max-height: 180px;
}
.type_article_standard.article_small .cms_article_standard_infos_bottom {
  text-align: left;
}
.type_article_standard.article_small .cms_article_standard_infos_bottom .cms_article_standard_description_short {
  font-size: 1.125rem;
  font-weight: 300;
}
.type_article_standard.article_small .cms_article_standard_infos_bottom .cms_article_standard_price_small {
  font-size: 1.5rem;
  color: #222227;
  margin-bottom: 10px;
}
.type_article_standard.article_small .cms_article_standard_infos_bottom .article_small_price_infos span {
  font-size: 1rem;
  font-weight: 300;
}
.type_article_standard.article_small .article_standard_icon_detail {
  text-align: left;
  float: left;
}
.type_article_standard.article_small .article_standard_icon_detail .button_long_colored_right {
  margin-left: 0;
}
.type_article_standard.article_small .article_standard_icon_detail .button_long_colored_right a.button_long_colored_bg {
  font-size: 1.125rem;
  font-weight: 300;
}

/* ===== end: cmspro_elements ===== */
/* ===== begin: individual Grid ===== */
/* ===== end: individual Grid ===== */
/* ===== begin: responsive Smartphone ===== */
/* ===== end: responsive Smartphone ===== */
/* ===== begin: responsive Phablet ===== */
/* ===== end: responsive Phablet ===== */
/* ===== begin: responsive tablet ===== */
/* ===== end: responsive tablet ===== */
/* ===== end: default ===== */