@CHARSET "UTF-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600);

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);

@import url(//fonts.googleapis.com/css?family=Volkhov:400italic);

/* --- --- Farb-Klassen --- --- */
/* --- Colour Cube Raster --- --- */
.f1_fam {
	/*	default	schrift */
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 15px;
}

.f2_fam {
	/*	alternative	schrift */
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
}

.f3_fam {
	/*	schrift bold */
	font-family: sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.f4_fam {
	/*	schrift italic */
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-size: 10px;
}

.c1_f, .c1_f_h:hover, .c1_f_a.act, .c1_f_ha:hover, .c1_f_ha.act {
	/*	default	schrift	farbe dunkel */
	color: rgba(48, 48, 48, 1);
}

.c2_f, .c2_f_h:hover, .c2_f_a.act, .c2_f_ha:hover, .c2_f_ha.act {
	/* alternative schrift farbe hell */
	color: rgba(48, 48, 48, 1);
}

.c3_f, .c3_f_h:hover, .c3_f_a.act, .c3_f_ha:hover, .c3_f_ha.act {
	/* akzentfarbe schrift 1 */
	color: rgba(31, 174, 219, 1);
}

.c4_f, .c4_f_h:hover, .c4_f_a.act, .c4_f_ha:hover, .c4_f_ha.act {
	/* akzentfarbe schrift 2 */
	color: rgba(31, 174, 219, 1);
	/* 	rgba(137, 25, 31, 1); */
}

.ci_f.inactive {
	/*	inaktive schrift farbe */
	color: rgba(30, 30, 30, 1);
}

.chip_padding {
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.bg_padding {
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.chip_txt_padding {
	width: calc(100% - 10px);
	padding: 10px 10px 0px 0px;
}

.chip_txt_align {
	text-align: left;
}

.cf_bg {
	/*	hintergrund für die schrift */
	background-color: rgba(255, 255, 255, 1);
}

.c1_bg, .c1_bg_h:hover, .c1_bg_a.act, .c1_bg_ha:hover, .c1_bg_ha.act {
	/*	 haupt hintergrund farbe */
	background-color: rgba(255, 255, 255, 1);
}

.c2_bg, .c2_bg_h:hover, .c2_bg_a.act, .c2_bg_ha:hover, .c2_bg_ha.act {
	/*	chip hintergrund farbe */
	background-color: rgba(255, 255, 255, 1);
}

.c3_bg, .c3_bg_h:hover, .c3_bg_a.act, .c3_bg_ha:hover, .c3_bg_ha.act {
	/*	chip info hintergrund farbe */
	background-color: rgba(31, 174, 219, 1);
}

.c4_bg, .c4_bg_h:hover, .c4_bg_a.act, .c4_bg_ha:hover, .c4_bg_ha.act {
	/*	akzent 1 hintergrund farbe */
	background-color: rgba(31, 174, 219, 1);
}

.c5_bg, .c5_bg_h:hover, .c5_bg_a.act, .c5_bg_ha:hover, .c5_bg_ha.act {
	/*	akzent 2 hintergrund farbe */
	background-color: rgba(30, 30, 30, 1);
}

.c6_bg, .c6_bg_h:hover, .c6_bg_a.act, .c6_bg_ha:hover, .c6_bg_ha.act {
	/*	default	hintergrund	farbe */
	background-color: rgba(255, 255, 255, 1);
}

.c7_bg, .c7_bg_h:hover, .c7_bg_a.act, .c7_bg_ha:hover, .c7_bg_ha.act {
	/*	alternative	hintergrund	farbe */
	background-color: rgba(255, 255, 255, 1);
}

.ci_bg.inactive {
	/*	inaktive hintergrund farbe */
	background-color: rgba(30, 30, 30, 1);
}

.c1_bc, .c1_bc_h:hover, .c1_bc_a.act, .c1_bc_ha:hover, .c1_bc_ha.act {
	/*	border farbe dunkel */
	border-color: rgba(48, 48, 48, 1);
}

.c2_bc, .c2_bc_h:hover, .c2_bc_a.act, .c2_bc_ha:hover, .c2_bc_ha.act {
	/* border farbe hell */
	border-color: rgba(255, 255, 255, 1);
}

.c3_bc, .c3_bc_h:hover, .c3_bc_a.act, .c3_bc_ha:hover, .c3_bc_ha.act {
	/*	akzent 1 border farbe */
	border-color: rgba(31, 174, 219, 1);
}

.c4_bc, .c4_bc_h:hover, .c4_bc_a.act, .c4_bc_ha:hover, .c4_bc_ha.act {
	/*	akzent 1 border farbe */
	border-color: rgba(48, 48, 48, 1);
}

#loader, #loader3 {
	/* ladesymbol color 1 */
	border-top-color: rgba(48, 48, 48, 1);
}

#loader2, #loader4 {
	/* ladesymbol color 2 */
	border-top-color: rgba(31, 174, 219, 1);
}

@media ( min-width : 1200px) {
	/*--- Screen größer 1200px ---*/
	/* 	.bg_padding { */
	/* 		width: calc(100% - 80px); */
	/* 		height: calc(100% - 80px); */
	/* 		padding-top: 40px; */
	/* 		padding-right: 40px; */
	/* 		padding-bottom: 40px; */
	/* 		padding-left: 40px; */
	/* 	} */
	.f1_fam {
		/*	default	schrift */
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
	}
	.f2_fam {
		/*	alternative	schrift */
		font-family: 'Roboto', sans-serif;
		font-size: 26px;
	}
	.f3_fam {
		/*	schrift bold */
		font-family: sans-serif;
		font-weight: bold;
		font-size: 20px;
	}
	.f4_fam {
		/*	schrift italic */
		font-family: 'Volkhov', serif;
		font-style: italic;
		font-size: 14px;
	}
}

@media ( max-width : 1024px) { /*--- Screen kleiner 1024px ---*/
}

@media ( max-width : 640px) {
	/*--- Screen kleiner 640px ---*/
	.f1_fam {
		/*	default	schrift */
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
	}
	.f2_fam {
		/*	alternative	schrift */
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
	}
	.f3_fam {
		/*	schrift bold */
		font-family: sans-serif;
		font-weight: bold;
		font-size: 12px;
	}
	.f4_fam {
		/*	schrift italic */
		font-family: 'Volkhov', serif;
		font-style: italic;
		font-size: 10px;
	}
}

@media ( max-width : 480px) { /*--- Screen kleiner 480px ---*/
}