/*----------------------*/
/*-- colours --*/
/*----------------------*/
/* page */
	/* backgrounds */
	#top.page #header-visual,
	#top.page footer#socket.socket_color{
		background-color: rgb(251, 177, 0);
	}
	/* text */
	#top.page .side-contact h3,
	#top.page .av-icon-char::before,
	#top #main .isotope-item.farben-page figcaption h3{
		color: rgb(251, 177, 0);
	}

/* gelb */
	/* backgrounds */
	#top.gelb #header-visual,
	#top.gelb footer#socket.socket_color{
		background-color: rgb(251, 177, 0);
	}
	/* text */
	#top.gelb .side-contact h3,
	#top.gelb .av-icon-char::before,
	#top #main .isotope-item.farben-gelb figcaption h3{
		color: rgb(251, 177, 0);
	}

/* blau */
	/* backgrounds */
	#top.blau #header-visual,
	#top.blau footer#socket.socket_color{
		background-color: rgb(66, 192, 240);
	}
	/* text */
	#top.blau .side-contact h3,
	#top.blau .av-icon-char::before,
	#top #main .isotope-item.farben-blau figcaption h3{
		color: rgb(66, 192, 240);
	}

/* rot */
	/* backgrounds */
	#top.rot #header-visual,
	#top.rot footer#socket.socket_color{
		background-color: rgb(200, 57, 51);
	}
	/* text */
	#top.rot .side-contact h3,
	#top.rot .av-icon-char::before,
	#top #main .isotope-item.farben-rot figcaption h3{
		color: rgb(200, 57, 51);
	}

/* lila */
	/* backgrounds */
	#top.lila #header-visual,
	#top.lila footer#socket.socket_color{
		background-color: rgb(129, 70, 150);
	}
	/* text */
	#top.lila .side-contact h3,
	#top.lila .av-icon-char::before,
	#top #main .isotope-item.farben-lila figcaption h3{
		color: rgb(129, 70, 150);
	}

/* gruen */
	/* backgrounds */
	#top.gruen #header-visual,
	#top.gruen footer#socket.socket_color{
		background-color: rgb(149, 193, 31);
	}
	/* text */
	#top.gruen .side-contact h3,
	#top.gruen .av-icon-char::before,
	#top #main .isotope-item.farben-gruen figcaption h3{
		color: rgb(149, 193, 31);
	}

/* grau */
	/* backgrounds */
	#top.grau #header-visual,
	#top.grau footer#socket.socket_color{
		background-color: rgb(166, 166, 166);
	}
	/* text */
	#top.grau .side-contact h3,
	#top.grau .av-icon-char::before,
	#top #main .isotope-item.farben-grau figcaption h3{
		color: rgb(166, 166, 166);
	}