﻿/*
Spattenhuber Template
creation Date: 2023-12-22
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

/* white */
.white_bg,
.white_bg_onHover:hover,
body, html{
  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_important *{
	color: #ffffff !important;
}
.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);
}
.home_featureflex.white_bg:hover{
  background-color: #f2f2f2;
}

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


/* red */
.red_bg{
  background-color: #e10823;
}
.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,
#footer-wrapper ul li a:hover,
#footer-wrapper ul li a.current,
.kontaktblock_flexbox_txt a:hover,
.personen_flexbox_txt a:hover{
  color: #e10823;
}
.red_border,
.red_hover:hover{
  border-color: #e10823;
}
.red_trans_bg{
  background-color: rgba(225,8,35,1);
}
.red_shadow_onHover:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(225,8,35,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(225,8,35,0.75);
	box-shadow: 0px 0px 5px 0px rgba(225,8,35,0.75);
}


/* anthrazit */
.anthrazit_bg{
  background-color: #1a1a1a;
}
.anthrazit{
  color: #1a1a1a;
}
.anthrazit_border{
  border-color: #1a1a1a;
}


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



/* light gray */
.lg_bg{
  background-color: #d9d9d9;
}
.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,
.referenzen_nav_button.active,
.referenzen_nav_button:hover{
  color: #d9d9d9;
}
.lg_border{
  border-color: #d9d9d9;
}


.llg_bg{
  background-color: #e0e0e0;
}
.llg,
.llg_links a,
.llg_highlight b,
.llg_highlight strong,
.llg_highlight h1,
.llg_highlight h2,
.llg_highlight h3,
.llg_highlight h4,
.llg_highlight h5{
  color: #e0e0e0;
}
.llg_border{
  border-color: #e0e0e0;
}
.home_featureflex.llg_bg:hover{
  background-color: #d9d9d9;
}


.lllg_bg{
  background-color: #717171;
}
.lllg,
.lllg_links a,
.lllg_highlight b,
.lllg_highlight strong,
.lllg_highlight h1,
.lllg_highlight h2,
.lllg_highlight h3,
.lllg_highlight h4,
.lllg_highlight h5{
  color: #717171;
}
.lllg_border{
  border-color: #717171;
}


/* dark gray */
.dg_bg{
  background-color: #262626;
}
.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,
body, html{
  color: #262626;
}
.dg_border{
  border-color: #262626;
}
.home_featureflex.dg_bg:hover{
  background-color: #1a1a1a;
}

.ddg_bg,
#menu-activator > div{
  background-color: #3a3a3a;
}
.ddg,
.ddg_links a,
.ddg_highlight b,
.ddg_highlight strong,
.ddg_highlight h1,
.ddg_highlight h2,
.ddg_highlight h3,
.ddg_highlight h4,
.ddg_highlight h5,
.ddg_hover:hover{
  color: #3a3a3a;
}
.ddg_border{
  border-color: #3a3a3a;
}
.home_featureflex.ddg_bg:hover{
  background-color: #333333;
}

/* black */
.black_bg{
  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,
.black_hover:hover,
.inline_anchorlink_menu li a:hover{
  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{
  background-color: rgba(0,0,0,0.8);
}

@media (max-width: 1270px){
}