/*
Ziegler Mietstapler Template
creation Date: 2021-07-06
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

/* white */
.white_bg,
.white_bg_onHover:hover{
  background-color: #ffffff;
}
.white,
.white_highlight b,
.white_highlight strong,
.white_highlight h1,
.white_highlight h2,
.white_highlight h3,
.white_highlight h4,
.white_highlight h5,
.white_links a,
.white_hover:hover{
  color: #ffffff;
}
.white_border,
.white_hover:hover{
	border-color: #ffffff;
}
.white_trans{
  background: rgba(255, 255, 255, 0.9);
}
.white_trans:hover{
  background: rgba(255, 255, 255, 0.97);
}

/* transparent */
.transparent{
  background-color: transparent;
}

/* yellow */
.yel_bg,
.lineholder > div,
#topmenu-wrapper ul.nav li,
.buttonBox.spec_yel:hover .buttonBox_img_wrap{
  background-color: #ffcc00;
}
.yel,
.yel_highlight b,
.yel_highlight strong,
.yel_highlight h1,
.yel_highlight h2,
.yel_highlight h3,
.yel_highlight h4,
.yel_highlight h5,
.yel_links a,
.yel_hover:hover,
.buttonBox.spec_yel:hover .buttonshape p,
.acc_icon{
  color: #ffcc00;
}
.yel_border,
.yel_hover:hover{
  border-color: #ffcc00;
}
.yel_trans_bg{
  background-color: rgba(255, 204, 0, 1);
}

/* blue */
.red_bg,
.news_box_cont .button_add .lineholder > div,
.product_box_lineholder .lineholder > div{
  background-color: #e52724;
}
.red,
.red_highlight b,
.red_highlight strong,
.red_highlight h1,
.red_highlight h2,
.red_highlight h3,
.red_highlight h4,
.red_highlight h5,
.red_links a,
.red_hover:hover{
  color: #e52724;
}
.red_border,
.red_hover:hover{
  border-color: #e52724;
}
.red_trans_bg{
  background-color: rgba(229, 39, 36, 1);
}

/* gray */
.g_bg{
  background-color: #282828;
}
.g{
  color: #282828;
}
.g_border{
  border-color: #282828;
}

/* light gray */
.lg_bg{
  background-color: #ececec;
}
.lg,
.lg_links a,
.lg_highlight b,
.lg_highlight strong,
.lg_highlight h1,
.lg_highlight h2,
.lg_highlight h3,
.lg_highlight h4,
.lg_highlight h5{
  color: #ececec;
}
.lg_border{
  border-color: #ececec;
}

/* dark gray */
.dg_bg{
  background-color: #2d2c31;
}
.dg,
.dg_links a,
.dg_highlight b,
.dg_highlight strong,
.dg_highlight h1,
.dg_highlight h2,
.dg_highlight h3,
.dg_highlight h4,
.dg_highlight h5,
.dg_hover:hover,
html, body{
  color: #2d2c31;
}
.dg_border{
  border-color: #2d2c31;
}


/* black */
.black_bg,
#menu-activator > div{
  background-color: #000000;
}
.black,
.black_links a,
.black_highlight b,
.black_highlight strong,
.black_highlight h1,
.black_highlight h2,
.black_highlight h3,
.black_highlight h4,
.black_highlight h5,
.acc_box.yel_bg .acc_icon{
  color: #000000;
}
.black_border{
  border-color: #000000;
}
.black_trans{
  background-color: rgba(0,0,0,0.5);
}
.overlay_mask.light{
  background-color: rgba(0,0,0,0.2);
}
.overlay_mask{
  background-color: rgba(0,0,0,0.4);
}
.overlay_mask.middark{
  background-color: rgba(0,0,0,0.6);
}
.overlay_mask.dark,
.video_overlay{
  background-color: rgba(0,0,0,0.8);
}


@media (max-width: 1270px){
  #topmenu-wrapper{
    background-color: #ffcc00;
  }
}