body {
	background-color: white;

	color: black;

	margin-top: 90px;

}



#searchclear {
	bottom: 0;
	color: #555;
	cursor: pointer;
	font-size: 14px;
	height: 14px;
	margin: auto;
	position: absolute;
	right: 5px;
	top: 0;
}

.crudIconText {
	font-size: 0.8em;
	padding-top:0px;
	color: black;
	font-weight: normal;
}

.bg-dark {
	/*background-color: #18416e !important;*/
	background-color: #1d3561 !important;

}

/* Laufschrift */
div.marquee {
	white-space:nowrap;
	overflow:hidden;
}
div.marquee > div.marquee-text {
	white-space:nowrap;
	display:inline;
	width:auto;
}


main {
	padding-bottom: 150px;
}
.grid {
	display: flex;
	flex-wrap: wrap;
}

.unit {

}

.gutter {
	padding: 1em;
}

.unit-s-1 {
	width: 100%;
}

.unit-s-1-small {
	width: 60%;
}

@media (min-width: 400px) {
	.unit-m-small {
		width: 40%;
	}
	.unit-m-large {
		width: 55%;
	}
}

@media (min-width: 530px) {
	.unit-m-small {
		width: 32%;
	}
	.unit-m-large {
		width: 44%;
	}
}

@media (min-width: 770px) {
	.unit-m-small {
		width: 28%;
	}
	.unit-m-large {
		width: 39%;
	}
}

@media (min-width: 800px) {
	.unit-m-small {
		width: 24%;
	}
	.unit-m-large {
		width: 33%;
	}
}

@media (min-width: 1000px) {
	.unit-m-small {
		width: 20%;
	}
	.unit-m-large {
		width: 27%;
	}
}

@media (min-width: 1200px) {
	.unit-m-small {
		width: 16%;
	}
	.unit-m-large {
		width: 22%;
	}
}