@import url('/typo3conf/ext/lutz_motorentechnik/Resources/Public/Css/styles.css');

.lutz-grid-box {
	height: 300px;
	width: 100%;
	position: relative;
}

.lutz-box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.lutz-box-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #1D2D89;
	background: linear-gradient(90deg, rgba(29, 45, 137, 1) 0%, rgba(29, 45, 137, 1) 25%, rgba(29, 45, 137, 0) 60%);
}

.top-content {
	max-width: 300px;
}

/* Button: Grundstil in custom.css (#BUTTONS) */
.lutz-grid-box .bottom-content {
	width: 230px;
}

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

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

@media (max-width: 767.98px) {
	.news h3 {
		font-size: 22px;
		line-height: 1.4;
	}
}

@media (max-width: 575.98px) {
	.top-content {
		max-width: 220px;
	}

	.lutz-box-overlay {
		background: linear-gradient(90deg, rgba(29, 45, 137, 1) 0%, rgba(29, 45, 137, 1) 25%, rgba(29, 45, 137, 0) 80%);
	}
}