/* **************************************************************************************** */
/* ********************************************************************* Cookiebar ******** */
/* **************************************************************************************** */

  #ckBar {
    background-color : rgba(231, 227, 227, 1);
  }


  #ckBar {
    color : rgba(105, 106, 107, 1);
  }



/* **************************************************************************************** */
/* *********************************************************************** Infobar ******** */
/* **************************************************************************************** */

  #topbar .custom_bg,
  .searchForm-item .dropdown-menu,
  #nav_mobile,
  .accountLinks {
    background-color : rgba(54, 57, 59, 1);
  }
  .accountLinks {
    border-color : rgba(54, 57, 59, 1);
  }
  .searchForm-item .dropdown-menu {
    border-color : rgba(54, 57, 59, 1);
  }


  #topbar,
  #topbar .navbar-dark .navbar-nav .nav-link,
  #topbar .nav-link,
  #topbar a,
  .searchForm-item .btn-outline-secondary,
  .navbar-dark .navbar-toggler,
  .btn-link.grey {
    color : rgba(255, 255, 255, 1);
  }
  .searchForm-item .btn-outline-secondary,
  .searchForm-item .form-control,
  .navbar-dark .navbar-toggler,
  #nav_mobile .btn-link.grey {
    border-color : rgba(255, 255, 255, 1);
  }
  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  .navbar-dark .navbar-toggler {
    opacity:0.3;
  }
  #nav_mobile hr {
    border-top-color : rgba(255, 255, 255, 1);
    opacity:0.3;
  }
  #nav_mobile .btn-link.grey {
    opacity:0.3;
  }


  #topbar .navbar {
    padding-top:5px;
  }


  #topbar .navbar {
    padding-bottom:5px;
  }


  #nav_mobile a.active,
  #nav_mobile li.subItem.actStyle a { 
    color: rgba(247, 120, 37, 1);
  }  



/* **************************************************************************************** */
/* ********************************************************* Kopfbereich allgemein ******** */
/* **************************************************************************************** */

  #header {
    margin-top:10px;
  }


  #header {
    margin-bottom:0px;
  }


  #header {
    padding-top:20px;
  }


  #header {
    padding-bottom:20px;
  }






/* **************************************************************************************** */
/* ********************************************************* Kategorie Navigation ********* */
/* **************************************************************************************** */

  #naviTop {
    margin-top:0px;
  }


  #naviTop {
    margin-bottom:18px;
  }




  #naviTop .level_1_li a.link_level_1 {
    color: rgba(54, 57, 59, 1);
  }


  #naviTop .level_1_li.actItem,
  #naviTop .level_1_li.actItem a.link_level_1,
  #naviTop .level_1_li a.active {
    background-color: rgba(247, 120, 37, 1);
  }
  #naviTop .level_1_li .actArrow {
    border-top-color: rgba(247, 120, 37, 1);
  }


  #naviTop .level_1_li.actItem a.link_level_1 {
    color: rgba(255, 255, 255, 1);
  }



  .level_2_layer .inner,
  #naviTop .level_1 li .level_2 li a,
  #naviTop .level_1 li .level_2 li a:hover {
    background-color: rgba(225, 225, 225, 1);
  }


  #naviTop .level_1 li .level_2 li a {
    color: rgba(54, 57, 59, 1);
  }


  #naviTop .level_1 li .level_2 li a:hover {
    color: rgba(247, 120, 37, 1);
  }



  #naviTop hr { 
    border-top-color: rgba(229, 229, 229, 1);
  }  


  #naviTop hr {
    margin-bottom:0px;
  }


  #naviTop hr {
    margin-top:0px;
  }



  @media (min-width: 1380px) {
    .bgr_wrap {
      max-width: 100%;
    }
    #content_section {
      max-width: 1320px;
      margin:0 auto;
    }
  }
  @media (min-width: 1580px) {
    #content_section {
      max-width: 1520px;
      margin:0 auto;
    }
  }
  @media (min-width: 1200px) and (max-width: 1379px) {
    .bgr_wrap {
      max-width: 100%;
    }
    #content_section {
      max-width: 1140px;
      margin:0 auto;
    }
  }  
  


/* **************************************************************************************** */
/* ********************************************************************* Homepage ********* */
/* **************************************************************************************** */
  
  .col-dyn.onslider {
    width: 82%;
    -ms-flex: 0 0 82%;
    flex: 0 0 82%;
    max-width: 82%;
  }
  
  
  
  .col-dyn.onteaser {
    width: 18%;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
  }  



  #mainCarousel {
    padding-top:0px;
  }


  #mainCarousel {
    padding-bottom:0px;
  }



/* **************************************************************************************** */
/* *********************************************************************** Footer ********* */
/* **************************************************************************************** */

  footer {
    width:100%;
    max-width:100%;
  }
  
    footer {
      background-color: rgba(104, 107, 108, 1);
    }
  



  footer .container {
    background-color: rgba(104, 107, 108, 1);
  }



  footer,
  footer a,
  footer a:hover,
  footer hr {
    color:rgba(246, 246, 246, 1);
  }



  footer hr {
    background-color : rgba(246, 246, 246, 1);
  }



  footer {
    margin-top : 20px;
  }



/* **************************************************************************************** */
/* ********************************************************************* Listenansicht **** */
/* **************************************************************************************** */


  .articlelist_item .card {
    border-color:rgba(0, 0, 0, 0.13);
  }  


  .articlelist_item.onlastRow .card {
    border-color:transparent;
  }
  .articlelist_cont.masonry_list .card {
    border-color:transparent;
  }









/* **************************************************************************************** */
/* ********************************************************************* Detailansicht **** */
/* **************************************************************************************** */

  .line-bar .indicator {
    background-color: rgba(247, 120, 37, 1);
  }




/* **************************************************************************************** */
/* ********************************************************************** Buttons ********* */
/* **************************************************************************************** */

  .btn-secondary {
    background-color: rgba(108, 117, 125, 1);
  }


  .btn-secondary,
  a.btn-secondary:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, 1);
  }


  .btn-secondary {
    border-color: rgba(108, 117, 125, 1);
  }



  .btn-secondary:hover {
    background-color: rgba(90, 98, 104, 1);
  }


  .btn-secondary:hover {
    color: rgba(255, 255, 255, 1);
  }


  .btn-secondary:hover {
    border-color: rgba(90, 98, 104, 1);
  }




/* **************************************************************************************** */
/* ********************************************************************** Markers ********* */
/* **************************************************************************************** */
/* ***************************************************************** NEW ****************** */

  .marker_new .badge-bgr-custom {
    background-color: rgba(130, 64, 193, 1);
  }


  .marker_new .badge-bgr-custom {
    color: rgba(255, 255, 255, 1);
  }


/* ***************************************************************** SPECIAL ************** */

  .marker_special .badge-bgr-custom {
    background-color: rgba(102, 169, 198, 1);
  }


  .marker_special .badge-bgr-custom {
    color: rgba(255, 255, 255, 1);
  }


/* ***************************************************************** TOP ****************** */

  .marker_top .badge-bgr-custom {
    background-color: rgba(118, 169, 64, 1);
  }


  .marker_top .badge-bgr-custom {
    color: rgba(255, 255, 255, 1);
  }


/* ***************************************************************** Rabatt *************** */

  .article_salesicon .badge-bgr-custom {
    background-color: rgba(247, 120, 37, 1);
  }


  .article_salesicon .badge-bgr-custom {
    color: rgba(255, 255, 255, 1);
  }




/* **************************************************************************************** */
/* ****************************************************************** Hintergrund ********* */
/* **************************************************************************************** */



  body {
    background-repeat: repeat;
  }


  body {
    background-position: 0 0;
  }




/* **************************************************************************************** */
/* ****************************************************************** Elemente ************ */
/* **************************************************************************************** */

  .custom-bgr-color {
    background-color:#f0f0f0;
  }








/* **************************************************************************************** */
/* ****************************************************************** Fonts *************** */
/* **************************************************************************************** */
/* ***************************************************************** Global Font ********** */



/* ***************************************************************** H1 ****************** */
h1 {
  font-family: inherit, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
  
  
  font-weight:normal; 
}

/* ***************************************************************** H2 ****************** */
h2 {
  font-family: inherit, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
  
  
  font-weight:normal; 
}

/* ***************************************************************** H3 ****************** */
h3 {
  font-family: inherit, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
  font-size: 1.1em;
  
  font-weight:normal; 
}

  @media (max-width: 576px) {
    h3 {
      font-size: 1.25rem;
    }  
  }




/* **************************************************************************************** */
/* ********************************************************************* Preis ************ */
/* **************************************************************************************** */
.price_main {
  font-family: inherit, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
  
  
  font-weight:bold; 
}
.article_list_price {
  font-family: inherit, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
  font-size: 1rem;
  
  font-weight:normal;
}



/* **************************************************************************************** */
/* ************************************************************* Bestellprozess Steps ***** */
/* **************************************************************************************** */

  .steps {
    margin-top:0px;
  }


  .steps {
    margin-bottom:18px;
  }












@media (max-width: 768px) {
  .arrow_box_1:after,
  .arrow_box_2:after,
  .arrow_box_3:after {
    border-color: rgba(179, 181, 181, 0);
    
  }
  .arrow_box_1:before,
  .arrow_box_2:before,
  .arrow_box_3:before {
    border-color: rgba(247, 247, 247, 0);
    
  }
  .arrow_box_3:before {
    
  }
  .arrow_box_1.current_step:after,
  .arrow_box_2.current_step:after,
  .arrow_box_3.current_step:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_3.current_step.w_border:after {
    border-color: rgba(179, 181, 181, 0);
  }
  .arrow_box_1.current_step:before,
  .arrow_box_2.current_step:before,
  .arrow_box_3.current_step:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_3.current_step.w_border:before {
    border-color: rgba(247, 247, 247, 0);
    
  }
  .arrow_box_1.current_step.w_border,
  .arrow_box_1.w_arrow_w,
  .arrow_box_2.current_step.w_border,
  .arrow_box_2.w_arrow_w,
  .arrow_box_3.current_step.w_border,
  .arrow_box_3.w_arrow_w {
    
  }
  .arrow_box_1.current_step.w_border:before
  .arrow_box_1.w_arrow_w:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_2.w_arrow_w:before,
  .arrow_box_3.current_step.w_border:before,
  .arrow_box_3.w_arrow_w:before {
    
  }
  .arrow_box_1.w_arrow_w:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_2.w_arrow_w:after,
  .arrow_box_3.current_step.w_border:after,
  .arrow_box_3.w_arrow_w:after {
    border-color: rgba(179, 181, 181, 0);
     
  }
  .arrow_box_1:hover:after,
  .arrow_box_2:hover:after,
  .arrow_box_3:hover:after {
    border-color: rgba(179, 181, 181, 0);
    
  }
  .arrow_box_1:hover:before,
  .arrow_box_2:hover:before,
  .arrow_box_3:hover:before {
    border-color: rgba(179, 181, 181, 0);
    
  }
  .steps-steps:hover,
  .arrow_box_2:hover,
  .arrow_box_3:hover,
  .arrow_box_4:hover {
     
  }
  .arrow_box_3:hover {
    
  }
  .arrow_box_1.w_arrow_w:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_2.w_arrow_w:before,
  .arrow_box_3.current_step.w_border:before,
  .arrow_box_3.w_arrow_w:before {
    
  }
  .arrow_box_1.w_arrow_w:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_2.w_arrow_w:after,
  .arrow_box_3.current_step.w_border:after,
  .arrow_box_3.w_arrow_w:after {
     
  }
}