a, a:hover, a:focus, a:active { color: inherit; font-family: Montserrat; text-decoration: none !important; }
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;

}
.centred {
	width: 90%;
	margin: 0 auto;
}
.ta-c { text-align: center; }
.ta-r { text-align: right; }

.f-l { float: left; }
.f-r { float: right; }

.full-width { width: 100%; }
.center_pal50 { position: absolute; left: 50%; }
.defaultTextSize { font-size: 16px; }
.thin { font-weight: 400; }

.no-border-top { border-top: unset !important; }
.no-border-right { border-right: unset !important; }
.no-border-bottom { border-bottom: unset !important; }
.no-border-left { border-left: unset !important; }
.no-borders { border: unset !important; }

@media (max-width: 575px) { .ws-nw-xs { white-space: nowrap; } }

.d-ib { display: inline-block; }
.d-if { display: inline-flex; }

.d-b { display: block; }
.d-f { display: flex; }

.no-padding-left { padding-left: 0; }

button:focus, button:active, button:hover:active { outline: none; }

.hidden {visibility: hidden;}
.visible-xlg, .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none; }
@media (min-width: 1200px) {
	.hidden-xlg { display: none; }
	.visible-xlg { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg { display: none; }
	.visible-lg { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md { display: none; }
	.visible-md { display: block !important; }
}
@media (min-width: 576px) and (max-width: 767px) {
	.hidden-sm { display: none; }
	.visible-sm { display: block !important; }
}
@media (max-width: 575px) {
	.hidden-xs { display: none; }
	.visible-xs { display: block !important;
	
	}
	.mobilekantegrau {
		display: none !important;
	}
}

@media (min-width: 768px) { .productItem { margin-left: 0; margin-top: 15px; } }

.loader span {
	display: inline-block;
	width: 25px;
	height: 80px;
	border-radius: 10px;
	background-color: #3ed11c;
	margin-right: 5px;
}

.loader span:nth-child(1) { animation: grow 1s ease-in-out infinite; }
.loader span:nth-child(2) { animation: grow 1s ease-in-out .15s infinite; }
.loader span:nth-child(3) { animation: grow 1s ease-in-out .30s infinite; }
.loader span:nth-child(4) { animation: grow 1s ease-in-out .45s infinite; }

@keyframes grow {
	0%, 100% { transform: scaleY(1); }
	50% { transform: scaleY(1.8); }
}

.bold_900 { font-weight: 900; }
.bold_800 { font-weight: 800; }
.bold_700 { font-weight: 700; }
.bold_600 { font-weight: 600; }
.bold_500 { font-weight: 500; }
.bold_400 { font-weight: 400; }
.bold_300 { font-weight: 300; }
.bold_200 { font-weight: 200; }
.bold_100 { font-weight: 100; }

@media (min-width: 768px) { .bold_500-nosmxs { font-weight: 500; } }

.h-td-u:hover { text-decoration: underline !important; }

.c-td-u { position: relative; text-decoration: unset !important; }
.c-td-u:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; visibility: hidden; transform: scaleX(0); transition: all .3s ease-in-out 0s; }
.c-td-u:hover:before { visibility: visible; transform: scaleX(1); text-decoration: none !important; }

.bg-c-green:before { background-color: #3ed11c; }
.bg-c-darkgray:before  { background-color: #868e96; }
.bg-c-gray:before  { background-color: #d9d9d9; }

.bounce:not(:active) { -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; animation: bounce 2s infinite;z-index: 9999999999; }

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(-30px); }
	60% { transform: translateY(-15px); }
}