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

.w-unset{
	width:unset !important;
}

@media (min-width: 576px) {
	.w-sm-unset{
		width:unset !important;
	}
	.w-sm-25{
		width:25% !important;
	}
	.w-sm-50{
		width:50% !important;
	}
	.w-sm-75{
		width:75% !important;
	}
	.w-sm-100{
		width:100% !important;
	}
	.w-sm-auto{
		width:auto !important;
	}
}
@media (min-width: 768px) {
 	.w-md-unset{
 		width:unset !important;
 	}
 	.w-md-25{
 		width:25% !important;
 	}
 	.w-md-50{
   	width:50% !important;
  }
 	.w-md-75{
 		width:75% !important;
 	}
 	.w-md-100{
 		width:100% !important;
 	}
	.w-md-auto{
		width:auto !important;
	}
}
@media (min-width: 992px) {
 	.w-lg-unset{
 		width:unset !important;
 	}
 	.w-lg-25{
 		width:25% !important;
 	}
 	.w-lg-50{
		width:50% !important;
	}
 	.w-lg-75{
 		width:75% !important;
 	}
 	.w-lg-100{
 		width:100% !important;
 	}
	.w-lg-auto{
		width:auto !important;
	}
}
@media (min-width: 1200px) {
 	.w-xl-unset{
 		width:unset !important;
 	}
 	.w-xl-25{
 		width:25% !important;
 	}
 	.w-xl-50{
		width:50% !important;
	}
 	.w-xl-75{
 		width:75% !important;
 	}
 	.w-xl-100{
 		width:100% !important;
 	}
	.w-xl-auto{
		width:auto !important;
	}
}
@media (min-width: 1400px) {
 	.w-xxl-unset{
 		width:unset !important;
 	}
 	.w-xxl-25{
 		width:25% !important;
 	}
 	.w-xxl-50{
		width:50% !important;
	}
 	.w-xxl-75{
 		width:75% !important;
 	}
 	.w-xxl-100{
 		width:100% !important;
 	}
	.w-xxl-auto{
		width:auto !important;
	}
}