﻿/*
KUTEC GmbH Template
creation Date: 2025-01-17
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

/* white */
.white_bg,
.white_bg_onHover:hover,
body, html,
#menu-activator > div{
  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,
#kontaktlink,
#kontaktlink.smaller.res_act{
  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);
}

/* transparent */
.transparent{
  background-color: transparent;
}


/* light blue */
.lblue_bg{
  background-color: #eff8f9;
}
.lblue,
.lblue_highlight b,
.lblue_highlight strong,
.lblue_highlight h1,
.lblue_highlight h2,
.lblue_highlight h3,
.lblue_highlight h4,
.lblue_highlight h5,
.lblue_links a,
.lblue_hover:hover{
  color: #eff8f9;
}
.lblue_border,
.lblue_hover:hover{
  border-color: #eff8f9;
}



/* medium blue */
.medblue_bg{
  background-color: #91d1da;
}
.medblue,
.medblue_highlight b,
.medblue_highlight strong,
.medblue_highlight h1,
.medblue_highlight h2,
.medblue_highlight h3,
.medblue_highlight h4,
.medblue_highlight h5,
.medblue_links a,
.medblue_hover:hover{
  color: #91d1da;
}
.medblue_border,
.medblue_hover:hover{
  border-color: #91d1da;
}



/* alternative blue */
.altblue_bg{
  background-color: #bfe1e9;
}
.altblue,
.altblue_highlight b,
.altblue_highlight strong,
.altblue_highlight h1,
.altblue_highlight h2,
.altblue_highlight h3,
.altblue_highlight h4,
.altblue_highlight h5,
.altblue_links a,
.altblue_hover:hover{
  color: #bfe1e9;
}
.altblue_border,
.altblue_hover:hover{
  border-color: #bfe1e9;
}


/* blue */
.blue_bg,
#topmenu-wrapper.res_act #menu-activator > div,
#topmenu-wrapper.smaller #menu-activator > div{
  background-color: #034770;
}
.blue,
.blue_highlight b,
.blue_highlight strong,
.blue_highlight h1,
.blue_highlight h2,
.blue_highlight h3,
.blue_highlight h4,
.blue_highlight h5,
.blue_links a,
.blue_hover:hover,
#topmenu-wrapper li a:hover,
#topmenu-wrapper li a.current,
#kontaktlink.smaller{
  color: #034770;
}
.blue_border,
.blue_hover:hover{
  border-color: #034770;
}



/* gray */
.g_bg{
  background-color: #666666;
}
.g,
.g_links a,
.g_highlight b,
.g_highlight strong,
.g_highlight h1,
.g_highlight h2,
.g_highlight h3,
.g_highlight h4,
.g_highlight h5{
  color: #666666;
}
.g_border{
  border-color: #666666;
}



/* light gray */
.lg_bg{
  background-color: #ededed;
}
.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: #ededed;
}
.lg_border{
  border-color: #ededed;
}


/* dark gray */
.dg_bg{
  background-color: #333333;
}
.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: #333333;
}
.dg_border{
  border-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{
  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){
}