/*
Interflex Katalog Template
creation Date: 2025-09-29
Author: Sebastian Osinski
https://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);
}

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




.lightwhite_bg{
  background-color: #fffaf3;
}
.lightwhite,
.lightwhite_highlight b,
.lightwhite_highlight strong,
.lightwhite_highlight h1,
.lightwhite_highlight h2,
.lightwhite_highlight h3,
.lightwhite_highlight h4,
.lightwhite_highlight h5,
.lightwhite_links a,
.lightwhite_hover:hover{
  color: #fffaf3;
}
.lightwhite_border,
.lightwhite_hover:hover{
  border-color: #fffaf3;
}



/* green */
.green_bg{
  background-color: #5C6B2B;
}
.green,
.green_highlight b,
.green_highlight strong,
.green_highlight h1,
.green_highlight h2,
.green_highlight h3,
.green_highlight h4,
.green_highlight h5,
.green_links a,
.green_hover:hover{
  color: #5C6B2B;
}
.green_border,
.green_hover:hover{
  border-color: #5C6B2B;
}

.green_desat_bg{
  background-color: #859060;
}
.green_desat,
.green_desat_highlight b,
.green_desat_highlight strong,
.green_desat_highlight h1,
.green_desat_highlight h2,
.green_desat_highlight h3,
.green_desat_highlight h4,
.green_desat_highlight h5,
.green_desat_links a,
.green_desat_hover:hover{
  color: #859060;
}
.green_desat_border,
.green_desat_hover:hover{
  border-color: #859060;
}



/* green2 */
.green2_bg{
  background-color: #00784F;
}
.green2,
.green2_highlight b,
.green2_highlight strong,
.green2_highlight h1,
.green2_highlight h2,
.green2_highlight h3,
.green2_highlight h4,
.green2_highlight h5,
.green2_links a,
.green2_hover:hover{
  color: #00784F;
}
.green2_border,
.green2_hover:hover{
  border-color: #00784F;
}

.green2_desat_bg{
  background-color: #409A7B;
}
.green2_desat,
.green2_desat_highlight b,
.green2_desat_highlight strong,
.green2_desat_highlight h1,
.green2_desat_highlight h2,
.green2_desat_highlight h3,
.green2_desat_highlight h4,
.green2_desat_highlight h5,
.green2_desat_links a,
.green2_desat_hover:hover{
  color: #409A7B;
}
.green2_desat_border,
.green2_desat_hover:hover{
  border-color: #409A7B;
}


/* green3 */
.green3_bg{
  background-color: #99A645;
}
.green3,
.green3_highlight b,
.green3_highlight strong,
.green3_highlight h1,
.green3_highlight h2,
.green3_highlight h3,
.green3_highlight h4,
.green3_highlight h5,
.green3_links a,
.green3_hover:hover{
  color: #99A645;
}
.green3_border,
.green3_hover:hover{
  border-color: #99A645;
}

.green3_desat_bg{
  background-color: #B2BC74;
}
.green3_desat,
.green3_desat_highlight b,
.green3_desat_highlight strong,
.green3_desat_highlight h1,
.green3_desat_highlight h2,
.green3_desat_highlight h3,
.green3_desat_highlight h4,
.green3_desat_highlight h5,
.green3_desat_links a,
.green3_desat_hover:hover{
  color: #B2BC74;
}
.green3_desat_border,
.green3_desat_hover:hover{
  border-color: #B2BC74;
}



/* green4 */
.green4_bg{
  background-color: #7ac5b8;
}
.green4,
.green4_highlight b,
.green4_highlight strong,
.green4_highlight h1,
.green4_highlight h2,
.green4_highlight h3,
.green4_highlight h4,
.green4_highlight h5,
.green4_links a,
.green4_hover:hover{
  color: #7ac5b8;
}
.green4_border,
.green4_hover:hover{
  border-color: #7ac5b8;
}


/* blue */
.blue_bg{
  background-color: #59A1CC;
}
.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{
  color: #59A1CC;
}
.blue_border,
.blue_hover:hover{
  border-color: #59A1CC;
}

.blue_desat_bg{
  background-color: #83B9D9;
}
.blue_desat,
.blue_desat_highlight b,
.blue_desat_highlight strong,
.blue_desat_highlight h1,
.blue_desat_highlight h2,
.blue_desat_highlight h3,
.blue_desat_highlight h4,
.blue_desat_highlight h5,
.blue_desat_links a,
.blue_desat_hover:hover{
  color: #83B9D9;
}
.blue_desat_border,
.blue_desat_hover:hover{
  border-color: #83B9D9;
}



.blue_v2_bg{
  background-color: #71aad1;
}
.blue_v2,
.blue_v2_highlight b,
.blue_v2_highlight strong,
.blue_v2_highlight h1,
.blue_v2_highlight h2,
.blue_v2_highlight h3,
.blue_v2_highlight h4,
.blue_v2_highlight h5,
.blue_v2_links a,
.blue_v2_hover:hover{
  color: #71aad1;
}
.blue_v2_border,
.blue_v2_hover:hover{
  border-color: #71aad1;
}


.blue_v3_bg{
  background-color: #5ba1cc;
}
.blue_v3,
.blue_v3_highlight b,
.blue_v3_highlight strong,
.blue_v3_highlight h1,
.blue_v3_highlight h2,
.blue_v3_highlight h3,
.blue_v3_highlight h4,
.blue_v3_highlight h5,
.blue_v3_links a,
.blue_v3_hover:hover{
  color: #5ba1cc;
}
.blue_v3_border,
.blue_v3_hover:hover{
  border-color: #5ba1cc;
}



.dblue_bg{
  background-color: #15418c;
}
.dblue,
.dblue_highlight b,
.dblue_highlight strong,
.dblue_highlight h1,
.dblue_highlight h2,
.dblue_highlight h3,
.dblue_highlight h4,
.dblue_highlight h5,
.dblue_links a,
.dblue_hover:hover{
  color: #15418c;
}
.dblue_border,
.dblue_hover:hover{
  border-color: #15418c;
}



/* orange */
.orange_bg{
  background-color: #F28714;
}
.orange,
.orange_highlight b,
.orange_highlight strong,
.orange_highlight h1,
.orange_highlight h2,
.orange_highlight h3,
.orange_highlight h4,
.orange_highlight h5,
.orange_links a,
.orange_hover:hover{
  color: #F28714;
}
.orange_border,
.orange_hover:hover{
  border-color: #F28714;
}

.orange_desat_bg{
  background-color: #F5A54F;
}
.orange_desat,
.orange_desat_highlight b,
.orange_desat_highlight strong,
.orange_desat_highlight h1,
.orange_desat_highlight h2,
.orange_desat_highlight h3,
.orange_desat_highlight h4,
.orange_desat_highlight h5,
.orange_desat_links a,
.orange_desat_hover:hover{
  color: #F5A54F;
}
.orange_desat_border,
.orange_desat_hover:hover{
  border-color: #F5A54F;
}



/* red */
.red_bg{
  background-color: #CF171A;
}
.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: #CF171A;
}
.red_border,
.red_hover:hover{
  border-color: #CF171A;
}

.red_desat_bg{
  background-color: #DB5153;
}
.red_desat,
.red_desat_highlight b,
.red_desat_highlight strong,
.red_desat_highlight h1,
.red_desat_highlight h2,
.red_desat_highlight h3,
.red_desat_highlight h4,
.red_desat_highlight h5,
.red_desat_links a,
.red_desat_hover:hover{
  color: #DB5153;
}
.red_desat_border,
.red_desat_hover:hover{
  border-color: #DB5153;
}



.red_v1_bg{
  background-color: #e9b9a5;
}
.red_v1,
.red_v1_highlight b,
.red_v1_highlight strong,
.red_v1_highlight h1,
.red_v1_highlight h2,
.red_v1_highlight h3,
.red_v1_highlight h4,
.red_v1_highlight h5,
.red_v1_links a,
.red_v1_hover:hover{
  color: #e9b9a5;
}
.red_v1_border,
.red_v1_hover:hover{
  border-color: #e9b9a5;
}




/* yel */
.yel_bg{
  background-color: #F2B800;
}
.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{
  color: #F2B800;
}
.yel_border,
.yel_hover:hover{
  border-color: #F2B800;
}

.yel_desat_bg{
  background-color: #F5CA40;
}
.yel_desat,
.yel_desat_highlight b,
.yel_desat_highlight strong,
.yel_desat_highlight h1,
.yel_desat_highlight h2,
.yel_desat_highlight h3,
.yel_desat_highlight h4,
.yel_desat_highlight h5,
.yel_desat_links a,
.yel_desat_hover:hover{
  color: #F5CA40;
}
.yel_desat_border,
.yel_desat_hover:hover{
  border-color: #F5CA40;
}



/* purple */
.purple_bg{
  background-color: #7A549C;
}
.purple,
.purple_highlight b,
.purple_highlight strong,
.purple_highlight h1,
.purple_highlight h2,
.purple_highlight h3,
.purple_highlight h4,
.purple_highlight h5,
.purple_links a,
.purple_hover:hover{
  color: #7A549C;
}
.purple_border,
.purple_hover:hover{
  border-color: #7A549C;
}

.purple_desat_bg{
  background-color: #9B7FB5;
}
.purple_desat,
.purple_desat_highlight b,
.purple_desat_highlight strong,
.purple_desat_highlight h1,
.purple_desat_highlight h2,
.purple_desat_highlight h3,
.purple_desat_highlight h4,
.purple_desat_highlight h5,
.purple_desat_links a,
.purple_desat_hover:hover{
  color: #9B7FB5;
}
.purple_desat_border,
.purple_desat_hover:hover{
  border-color: #9B7FB5;
}



/* brown */
.brown_bg{
  background-color: #8F7547;
}
.brown,
.brown_highlight b,
.brown_highlight strong,
.brown_highlight h1,
.brown_highlight h2,
.brown_highlight h3,
.brown_highlight h4,
.brown_highlight h5,
.brown_links a,
.brown_hover:hover{
  color: #8F7547;
}
.brown_border,
.brown_hover:hover{
  border-color: #8F7547;
}

.brown_desat_bg{
  background-color: #AB9775;
}
.brown_desat,
.brown_desat_highlight b,
.brown_desat_highlight strong,
.brown_desat_highlight h1,
.brown_desat_highlight h2,
.brown_desat_highlight h3,
.brown_desat_highlight h4,
.brown_desat_highlight h5,
.brown_desat_links a,
.brown_desat_hover:hover{
  color: #AB9775;
}
.brown_desat_border,
.brown_desat_hover:hover{
  border-color: #AB9775;
}



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

.gg_bg{
  background-color: #B2B2B2;
}
.gg{
  color: #B2B2B2;
}
.gg_border{
  border-color: #B2B2B2;
}

.gg2_bg{
  background-color: #999999;
}
.gg2{
  color: #999999;
}
.gg2_border{
  border-color: #999999;
}


/* light gray */
.lg_bg{
  background-color: #F5F5F5;
}
.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: #F5F5F5;
}
.lg_border{
  border-color: #F5F5F5;
}


.llg_bg{
  background-color: #FAFAFA;
}
.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: #FAFAFA;
}
.llg_border{
  border-color: #FAFAFA;
}


/* dark gray */
.dg_bg{
  background-color: #383636;
}
.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{
  color: #383636;
}
.dg_border{
  border-color: #383636;
}

.dg2_bg{
  background-color: #6A6868;
}
.dg2,
.dg2_links a,
.dg2_highlight b,
.dg2_highlight strong,
.dg2_highlight h1,
.dg2_highlight h2,
.dg2_highlight h3,
.dg2_highlight h4,
.dg2_highlight h5,
.dg2_hover:hover{
  color: #6A6868;
}
.dg2_border{
  border-color: #6A6868;
}



.dg3_bg{
  background-color: #202020;
}
.dg3,
.dg3_links a,
.dg3_highlight b,
.dg3_highlight strong,
.dg3_highlight h1,
.dg3_highlight h2,
.dg3_highlight h3,
.dg3_highlight h4,
.dg3_highlight h5,
.dg3_hover:hover,
body, html{
  color: #202020;
}
.dg3_border{
  border-color: #202020;
}


/* 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);
}

.overlay_mask.light.darkenOnHover{
  background-color: rgba(0,0,0,0.4);
}

.trans_g_bg{
  background: rgb(240,240,240);
  background: linear-gradient(90deg, rgba(240,240,240,1) 0%, rgba(227,227,227,1) 100%);
}

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