:root{
	
	--schwarz: #000000;
	--schwarz-80: rgba(0,0,0, .8);
	--schwarz-60: rgba(0,0,0, .6);
	--schwarz-40: rgba(0,0,0, .4);
	--weiss: #ffffff;
	--weiss-80: rgba(255,255,255,.8);
	--weiss-60: rgba(255,255,255,.6);
	--weiss-40: rgba(255,255,255,.4);
	
	--rot: #CD1719;					/* rgba(205,23,25,1) */
	--rot-80: rgba(205,23,25,.8);	
	--rot-60: rgba(205,23,25,.6);
	--rot-40: rgba(205,23,25,.4);
	
	--blau: #56CFEC;				/* rgba(86,207,236,1) */
	--blau-80: rgba(86,207,236,.8);
	--blau-60: rgba(86,207,236,.6);
	--blau-40: rgba(86,207,236,.4);
	
	--hellblau: #BCE1E7;			/* BG Footer */
	
	
	--dunkelgrau: #5A5B5E;			/* rgba(90,91,94,1) */ 
	--dunkelgrau-10: rgba(90,91,94,.02);
	
	--the7-links-hover-color: #CD1719;
		
	--border-radius: 24px;
	
	--windowWidth: 100px;
	--windowHeight: 100px;
	
	--wrapperWidth: 100px;
	
	
	--text-shadow-black: 1px 1px 6px rgba(0, 0, 0, .3);
	--text-shadow-white: 1px 1px 6px rgba(255, 255, 255, .3);
	

	--standard-padding-top: 100px;
	--standard-padding-bottom: 88px;
	
	--standard-margin-top: 100px;
	--standard-margin-bottom: 88px;
	
}



@media (max-width: 1400px) {
	:root{

	}
}
@media (max-width: 1200px) {
	:root{
		--standard-padding-top: 50px;
		--standard-padding-bottom: 44px;
	}
}
@media (max-width: 992px) {
	:root{
		--standard-margin-top: 50px;
		--standard-margin-bottom: 44px;
	}
}
@media (max-width: 768px) {
	:root{

	}
}
@media (max-width: 576px) {
	:root{
		--standard-margin-top: 50px;
		--standard-margin-bottom: 44px;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media (max-width: 1400px) {

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

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

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

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

}