.aktue h1, .aktue h2, .aktue h3,
	nav .aktue a:hover,
	main .aktue a:hover,
	.eig.aktue:hover,
	.aktue nav .aktue > a {
		color: #f4b200;
	}
	
	
	nav .aktue a::after,
	main .aktue a::after,
	.eig.aktue::after,
	.aktue > .menueSchalter:hover > .menueLinien,
	.aktue > .menueSchalter:hover > .menueLinien::before,
	.aktue > .menueSchalter:hover > .menueLinien::after {
		background-color: #f4b200;
	}
	
	.aktue.menueOffen > .menueSchalter > .menueLinien,
	.aktue.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.aktue h1, .aktue h2,
	.aktue aside > div {
		border-color: #f4b200;
	}


	.aktue header::after,
	.aktue footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #f4b200 100%);
	}
	
	
	.aktue aside > div::before {
		background-image: url(bilder/aktue_cl.png);
	}
	
	
	nav .aktue > a::before {
		background-position: 0px top;
	}
	
	nav .aktue > a:hover::before,
	.aktue nav .aktue > a::before {
		background-position: 0px bottom;
	}
	
	nav .aktue li a::before,
	.ueber main .aktue > a::before,
	.eig.aktue::before {
		background-position: 0px top;
	}


	.galer #ladeHinweis div.aktue {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		background-position: 0px top;
	}


	.works h1, .works h2, .works h3,
	nav .works a:hover,
	main .works a:hover,
	.eig.works:hover,
	.works nav .works > a {
		color: #c0005a;
	}
	
	
	nav .works a::after,
	main .works a::after,
	.eig.works::after,
	.works > .menueSchalter:hover > .menueLinien,
	.works > .menueSchalter:hover > .menueLinien::before,
	.works > .menueSchalter:hover > .menueLinien::after {
		background-color: #c0005a;
	}
	
	.works.menueOffen > .menueSchalter > .menueLinien,
	.works.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.works h1, .works h2,
	.works aside > div {
		border-color: #c0005a;
	}


	.works header::after,
	.works footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #c0005a 100%);
	}
	
	
	.works aside > div::before {
		background-image: url(bilder/works_cl.png);
	}
	
	
	nav .works > a::before {
		background-position: -14px top;
	}
	
	nav .works > a:hover::before,
	.works nav .works > a::before {
		background-position: -14px bottom;
	}
	
	nav .works li a::before,
	.ueber main .works > a::before,
	.eig.works::before {
		background-position: -8px top;
	}


	.galer #ladeHinweis div.works {
		-webkit-animation-delay: 0.25s;
		animation-delay: 0.25s;
		background-position: -14px top;
	}


	.cello h1, .cello h2, .cello h3,
	nav .cello a:hover,
	main .cello a:hover,
	.eig.cello:hover,
	.cello nav .cello > a {
		color: #000580;
	}
	
	
	nav .cello a::after,
	main .cello a::after,
	.eig.cello::after,
	.cello > .menueSchalter:hover > .menueLinien,
	.cello > .menueSchalter:hover > .menueLinien::before,
	.cello > .menueSchalter:hover > .menueLinien::after {
		background-color: #000580;
	}
	
	.cello.menueOffen > .menueSchalter > .menueLinien,
	.cello.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.cello h1, .cello h2,
	.cello aside > div {
		border-color: #000580;
	}


	.cello header::after,
	.cello footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #000580 100%);
	}
	
	
	.cello aside > div::before {
		background-image: url(bilder/cello_cl.png);
	}
	
	
	nav .cello > a::before {
		background-position: -28px top;
	}
	
	nav .cello > a:hover::before,
	.cello nav .cello > a::before {
		background-position: -28px bottom;
	}
	
	nav .cello li a::before,
	.ueber main .cello > a::before,
	.eig.cello::before {
		background-position: -16px top;
	}


	.galer #ladeHinweis div.cello {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
		background-position: -28px top;
	}


	.unter h1, .unter h2, .unter h3,
	nav .unter a:hover,
	main .unter a:hover,
	.eig.unter:hover,
	.unter nav .unter > a {
		color: #00b3c0;
	}
	
	
	nav .unter a::after,
	main .unter a::after,
	.eig.unter::after,
	.unter > .menueSchalter:hover > .menueLinien,
	.unter > .menueSchalter:hover > .menueLinien::before,
	.unter > .menueSchalter:hover > .menueLinien::after {
		background-color: #00b3c0;
	}
	
	.unter.menueOffen > .menueSchalter > .menueLinien,
	.unter.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.unter h1, .unter h2,
	.unter aside > div {
		border-color: #00b3c0;
	}


	.unter header::after,
	.unter footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #00b3c0 100%);
	}
	
	
	.unter aside > div::before {
		background-image: url(bilder/unter_cl.png);
	}
	
	
	nav .unter > a::before {
		background-position: -42px top;
	}
	
	nav .unter > a:hover::before,
	.unter nav .unter > a::before {
		background-position: -42px bottom;
	}
	
	nav .unter li a::before,
	.ueber main .unter > a::before,
	.eig.unter::before {
		background-position: -24px top;
	}


	.galer #ladeHinweis div.unter {
		-webkit-animation-delay: 0.75s;
		animation-delay: 0.75s;
		background-position: -42px top;
	}


	.spiel h1, .spiel h2, .spiel h3,
	nav .spiel a:hover,
	main .spiel a:hover,
	.eig.spiel:hover,
	.spiel nav .spiel > a {
		color: #00c015;
	}
	
	
	nav .spiel a::after,
	main .spiel a::after,
	.eig.spiel::after,
	.spiel > .menueSchalter:hover > .menueLinien,
	.spiel > .menueSchalter:hover > .menueLinien::before,
	.spiel > .menueSchalter:hover > .menueLinien::after {
		background-color: #00c015;
	}
	
	.spiel.menueOffen > .menueSchalter > .menueLinien,
	.spiel.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.spiel h1, .spiel h2,
	.spiel aside > div {
		border-color: #00c015;
	}


	.spiel header::after,
	.spiel footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #00c015 100%);
	}
	
	
	.spiel aside > div::before {
		background-image: url(bilder/spiel_cl.png);
	}
	
	
	nav .spiel > a::before {
		background-position: -56px top;
	}
	
	nav .spiel > a:hover::before,
	.spiel nav .spiel > a::before {
		background-position: -56px bottom;
	}
	
	nav .spiel li a::before,
	.ueber main .spiel > a::before,
	.eig.spiel::before {
		background-position: -32px top;
	}


	.galer #ladeHinweis div.spiel {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
		background-position: -56px top;
	}


	.infor h1, .infor h2, .infor h3,
	nav .infor a:hover,
	main .infor a:hover,
	.eig.infor:hover,
	.infor nav .infor > a {
		color: #206000;
	}
	
	
	nav .infor a::after,
	main .infor a::after,
	.eig.infor::after,
	.infor > .menueSchalter:hover > .menueLinien,
	.infor > .menueSchalter:hover > .menueLinien::before,
	.infor > .menueSchalter:hover > .menueLinien::after {
		background-color: #206000;
	}
	
	.infor.menueOffen > .menueSchalter > .menueLinien,
	.infor.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.infor h1, .infor h2,
	.infor aside > div {
		border-color: #206000;
	}


	.infor header::after,
	.infor footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #206000 100%);
	}
	
	
	.infor aside > div::before {
		background-image: url(bilder/infor_cl.png);
	}
	
	
	nav .infor > a::before {
		background-position: -70px top;
	}
	
	nav .infor > a:hover::before,
	.infor nav .infor > a::before {
		background-position: -70px bottom;
	}
	
	nav .infor li a::before,
	.ueber main .infor > a::before,
	.eig.infor::before {
		background-position: -40px top;
	}


	.galer #ladeHinweis div.infor {
		-webkit-animation-delay: 1.25s;
		animation-delay: 1.25s;
		background-position: -70px top;
	}


	.oshop h1, .oshop h2, .oshop h3,
	nav .oshop a:hover,
	main .oshop a:hover,
	.eig.oshop:hover,
	.oshop nav .oshop > a {
		color: #6f2581;
	}
	
	
	nav .oshop a::after,
	main .oshop a::after,
	.eig.oshop::after,
	.oshop > .menueSchalter:hover > .menueLinien,
	.oshop > .menueSchalter:hover > .menueLinien::before,
	.oshop > .menueSchalter:hover > .menueLinien::after {
		background-color: #6f2581;
	}
	
	.oshop.menueOffen > .menueSchalter > .menueLinien,
	.oshop.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.oshop h1, .oshop h2,
	.oshop aside > div {
		border-color: #6f2581;
	}


	.oshop header::after,
	.oshop footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #6f2581 100%);
	}
	
	
	.oshop aside > div::before {
		background-image: url(bilder/oshop_cl.png);
	}
	
	
	nav .oshop > a::before {
		background-position: -84px top;
	}
	
	nav .oshop > a:hover::before,
	.oshop nav .oshop > a::before {
		background-position: -84px bottom;
	}
	
	nav .oshop li a::before,
	.ueber main .oshop > a::before,
	.eig.oshop::before {
		background-position: -48px top;
	}


	.galer #ladeHinweis div.oshop {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
		background-position: -84px top;
	}


	.archi h1, .archi h2, .archi h3,
	nav .archi a:hover,
	main .archi a:hover,
	.eig.archi:hover,
	.archi nav .archi > a {
		color: #af4000;
	}
	
	
	nav .archi a::after,
	main .archi a::after,
	.eig.archi::after,
	.archi > .menueSchalter:hover > .menueLinien,
	.archi > .menueSchalter:hover > .menueLinien::before,
	.archi > .menueSchalter:hover > .menueLinien::after {
		background-color: #af4000;
	}
	
	.archi.menueOffen > .menueSchalter > .menueLinien,
	.archi.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.archi h1, .archi h2,
	.archi aside > div {
		border-color: #af4000;
	}


	.archi header::after,
	.archi footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #af4000 100%);
	}
	
	
	.archi aside > div::before {
		background-image: url(bilder/archi_cl.png);
	}
	
	
	nav .archi > a::before {
		background-position: -98px top;
	}
	
	nav .archi > a:hover::before,
	.archi nav .archi > a::before {
		background-position: -98px bottom;
	}
	
	nav .archi li a::before,
	.ueber main .archi > a::before,
	.eig.archi::before {
		background-position: -56px top;
	}


	.galer #ladeHinweis div.archi {
		-webkit-animation-delay: 1.75s;
		animation-delay: 1.75s;
		background-position: -98px top;
	}


	.galer h1, .galer h2, .galer h3,
	nav .galer a:hover,
	main .galer a:hover,
	.eig.galer:hover,
	.galer nav .galer > a {
		color: #ff6a00;
	}
	
	
	nav .galer a::after,
	main .galer a::after,
	.eig.galer::after,
	.galer > .menueSchalter:hover > .menueLinien,
	.galer > .menueSchalter:hover > .menueLinien::before,
	.galer > .menueSchalter:hover > .menueLinien::after {
		background-color: #ff6a00;
	}
	
	.galer.menueOffen > .menueSchalter > .menueLinien,
	.galer.menueOffen > .menueSchalter:hover > .menueLinien {
		background: transparent;
	}


	.galer h1, .galer h2,
	.galer aside > div {
		border-color: #ff6a00;
	}


	.galer header::after,
	.galer footer::before {
		background-image: linear-gradient(to right, rgba(192, 192, 192, 1) 12em, #ff6a00 100%);
	}
	
	
	.galer aside > div::before {
		background-image: url(bilder/galer_cl.png);
	}
	
	
	nav .galer > a::before {
		background-position: -112px top;
	}
	
	nav .galer > a:hover::before,
	.galer nav .galer > a::before {
		background-position: -112px bottom;
	}
	
	nav .galer li a::before,
	.ueber main .galer > a::before,
	.eig.galer::before {
		background-position: -64px top;
	}


	.galer #ladeHinweis div.galer {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		background-position: -112px top;
	}