/* bootstrap hat die Klassen opacity-25, opacity-50, opacity-75, opacity-100
Diese css ist eine Vervollständigung dessen für die media-queries */

@media (min-width: 576px) {
	.opacity-sm-25{
		opacity: 0.25 !important;
	}
	.opacity-sm-50{
		opacity: 0.5 !important;
	}
	.opacity-sm-75{
		opacity: 0.75 !important;
	}
	.opacity-sm-100{
		opacity: 1 !important;
	}
}
@media (min-width: 768px) {
	.opacity-md-25{
		opacity: 0.25 !important;
	}
	.opacity-md-50{
		opacity: 0.5 !important;
	}
	.opacity-md-75{
		opacity: 0.75 !important;
	}
	.opacity-md-100{
		opacity: 1 !important;
	}
}
@media (min-width: 992px) {
	.opacity-lg-25{
		opacity: 0.25 !important;
	}
	.opacity-lg-50{
		opacity: 0.5 !important;
	}
	.opacity-lg-75{
		opacity: 0.75 !important;
	}
	.opacity-lg-100{
		opacity: 1 !important;
	}
}
@media (min-width: 1200px) {
	.opacity-xl-25{
		opacity: 0.25 !important;
	}
	.opacity-xl-50{
		opacity: 0.5 !important;
	}
	.opacity-xl-75{
		opacity: 0.75 !important;
	}
	.opacity-xl-100{
		opacity: 1 !important;
	}
}
@media (min-width: 1400px) {
	.opacity-xxl-25{
		opacity: 0.25 !important;
	}
	.opacity-xxl-50{
		opacity: 0.5 !important;
	}
	.opacity-xxl-75{
		opacity: 0.75 !important;
	}
	.opacity-xxl-100{
		opacity: 1 !important;
	}
}