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

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


  #ckBar {
    color : rgba(54, 57, 59, 1);
  }



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

  #topbar .custom_bg,
  .searchForm-item .dropdown-menu,
  #nav_mobile,
  .accountLinks {
    background-color : rgba(84, 84, 84, 1);
  }
  .accountLinks {
    border-color : rgba(84, 84, 84, 1);
  }
  .searchForm-item .dropdown-menu {
    border-color : rgba(84, 84, 84, 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(255, 255, 255, 1);
  }  



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

  #header {
    margin-top:0px;
  }


  #header {
    margin-bottom:0px;
  }


  #header {
    padding-top:20px;
  }


  #header {
    padding-top:20px;
  }
  @media (min-width: 992px) { 
    #header {
      padding-bottom:20px;
    }
  }  


  #header {
    background-color : rgba(255, 255, 255, 1);
  }  



  header {
    background-image: url(//cdn.2ask.com/1337/554/themes/29/assets/img/spacer.gif);
  }


  header {
    background-repeat: no-repeat;
  }


  header {
    background-position: center 0;
  }


  header {
    background-size: auto;
  }





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

  #naviTop {
    margin-top:0px;
  }
    



  #naviTop {
    margin-bottom:4px;
  }



  #naviTop .level_1,
  #naviTop .full_width_wraper {
    background-color: rgba(255, 255, 255, 1);
  }



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


  #naviTop .level_1_li.actItem,
  #naviTop .level_1_li.actItem a.link_level_1,
  #naviTop .level_1_li a.active,
  #naviTop .level_1 li .level_2 .level_2_li.sub-act a  {
    background-color: rgba(76, 175, 80, 1);
  }
  #naviTop .level_1_li .actArrow {
    border-top-color: rgba(76, 175, 80, 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 {
    background-color: rgba(255, 255, 255, 1);
  }


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


  #naviTop .level_1 li .level_2 li a:hover {
    color: rgba(255, 255, 255, 1);
  }
  #naviTop .level_1 li .level_2 li.sub-act a {
    color: rgba(255, 255, 255, 1);
  }



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


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


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



  #content_section {
    max-width: 100%;
    margin:0 auto;
  }
  @media (min-width: 1200px) {
    .bgr_wrap {
      max-width: 100%;
    }
  }
  
  
  
   







/* **************************************************************************************** */
/* ********************************************************************* Homepage ********* */
/* **************************************************************************************** */

  .col-dyn.onslider {
    width: 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  
  
  
  .col-dyn.onteaser {
    width: 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }  



  #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 {
    background-image: url(//cdn.2ask.com/1337/554/themes/29/assets/img/spacer.gif);
  }
  

  
    footer {
      background-repeat: no-repeat;
    }
  
  
    footer {
      background-position: center bottom;
    }
  
  
    footer {
      background-size: auto;
    }
  



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



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



  #content_section {
    padding-bottom : 0px;
  }



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


  .articlelist_item .card {
    border-color:rgba(243, 243, 243, 1);
  }  


  .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) !important;
  }


  .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,
  .bgr_wrap {
    background-color: rgba(255, 255, 255, 1);
  }
  #content_section {
    background-color: #fff;
  }



  body {
    background-repeat: repeat;
  }


  body {
    background-position: 0 0;
  }




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

  .custom-bgr-color {
    background-color:rgba(247, 247, 247, 1) !important;
  }




  .custom-border-color {
    border:1px solid rgba(0, 0, 0, .125) !important;
  }



  .custom-text-color,
  .custom-text-color * {
    color:rgba(33, 37, 41, 1) !important;
  }  




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


  body,
  a, a:hover,
  .cms_cont a:hover,
  .form-control,
  .form-control:focus,
  button,
  .dropdown-menu {
    color: rgba(54, 57, 59, 1);
  }


  body,
  .popover {
    font-family: Arial, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }


/* ***************************************************************** 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-size: 2rem;
  color: rgba(54, 57, 59, 1);
  font-weight:normal; 
}

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

/* ***************************************************************** 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-size: 2rem;
  color: rgba(54, 57, 59, 1);
  font-weight:normal; 
}

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

/* ***************************************************************** 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.25rem;
  color: rgba(54, 57, 59, 1);
  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-size: 1.2rem;
  color: rgba(54, 57, 59, 1);
  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;
  color: rgba(54, 57, 59, 1);
  font-weight:bold;
}



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

  .steps {
    margin-top:0px;
  }


  .steps {
    margin-bottom:4px;
  }



  .arrow_box_1, .arrow_box_2, .arrow_box_3, .arrow_box_4,
  .steps-step.arrow_box_1:hover {
    background-color: rgba(247, 247, 247, 1);
  }
  .arrow_box_1::after, .arrow_box_2::after, .arrow_box_3::after {
    border-left-color: rgba(247, 247, 247, 1);
  }  



  .steps-step .oi,
  .steps-step a,
  .steps-step.arrow_box_1:hover,
  .steps-step.arrow_box_1:hover a,
  .steps-step.arrow_box_1:hover .oi {
    color: inherit;
  }



    .arrow_box_1, .arrow_box_2, .arrow_box_3, .arrow_box_4,
    .arrow_box_1.current_step, .arrow_box_2.current_step, .arrow_box_3.current_step, .arrow_box_4.current_step {
      border: 1px solid rgba(223, 223, 223, 1);
    }
    .arrow_box_1::before, .arrow_box_2::before, .arrow_box_3::before,
    .arrow_box_2.current_step::before, .arrow_box_3.current_step::before,
    .arrow_box_2.w_arrow_w:before, .arrow_box_3.w_arrow_w:before,
    .arrow_box_3.current_step.w_border::before, .arrow_box_3:hover:before,
    .arrow_box_2.current_step.w_border::before, .arrow_box_2:hover:before {
      border-left-color: rgba(223, 223, 223, 1); 
    }
    .arrow_box_1:hover, .arrow_box_2:hover, .arrow_box_3:hover, .arrow_box_4:hover {
      border-color: rgba(223, 223, 223, 1); 
    }



  .steps .current_step, .steps-step:hover,
  .arrow_box_1.current_step, .arrow_box_2.current_step, .arrow_box_3.current_step,
  .arrow_box_2:hover, .arrow_box_3:hover {
    background-color: rgba(104, 107, 108, 1);
  }
  .arrow_box_2.current_step::after, .arrow_box_3.current_step::after,
  .arrow_box_2:hover:after, .arrow_box_3:hover:after,
  .arrow_box_2.w_arrow_w:after, .arrow_box_3.w_arrow_w:after {
    border-left-color: rgba(104, 107, 108, 1);
  }



  .steps .current_step, .steps-step:hover,
  .steps-step:hover a, .steps .current_step a,
  .arrow_box_2:hover, .arrow_box_3:hover,
  .steps-step:hover .oi,
  .steps .current_step .oi, .steps-step:hover oi, .arrow_box_2:hover oi, .arrow_box_3:hover oi {
    color: rgba(255, 255, 255, 1);
  }


@media (max-width: 768px) {
  .arrow_box_1:after,
  .arrow_box_2:after,
  .arrow_box_3:after {
    border-color: rgba(179, 181, 181, 0);
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .arrow_box_1:before,
  .arrow_box_2:before,
  .arrow_box_3:before {
    border-color: rgba(247, 247, 247, 0);
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .arrow_box_3:before {
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .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);
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .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 {
    
      border-bottom-color: rgba(223, 223, 223, 1);
    
  }
  .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 {
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .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);
    
      border-top-color: rgba(223, 223, 223, 1);
     
  }
  .arrow_box_1:hover:after,
  .arrow_box_2:hover:after,
  .arrow_box_3:hover:after {
    border-color: rgba(179, 181, 181, 0);
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .arrow_box_1:hover:before,
  .arrow_box_2:hover:before,
  .arrow_box_3:hover:before {
    border-color: rgba(179, 181, 181, 0);
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .steps-steps:hover,
  .arrow_box_2:hover,
  .arrow_box_3:hover,
  .arrow_box_4:hover {
    
      border-color: rgba(223, 223, 223, 1);
     
  }
  .arrow_box_3:hover {
    
      border-right: 1px solid rgba(223, 223, 223, 1);
    
  }
  .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 {
    
      border-top-color: rgba(223, 223, 223, 1);
    
  }
  .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-top-color: rgba(223, 223, 223, 1);
     
  }
}



/* **************************************************************************************** */
/* ************************************************************* Immer 100%  ************** */
/* **************************************************************************************** */