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

.cb-linkbox {
	position: relative;
	overflow: hidden;
	display: block;
}

.cb-linkbox img {
	width: 100%;
	height: auto;
	display: block;
	transition: filter 0.3s ease, transform 0.3s ease;
}

.cb-linkbox:hover img {
	filter: blur(2px);
	transform: scale(1.03);
}

.cb-linkbox .cb-linkbox-text {
	background: var(--mm-primary);
	position: absolute;
	top: 20%;
	right: 0;
	z-index: 2;
}

.cb-linkbox:hover .cb-linkbox-text {
	background: var(--mm-hover);
}

.cb-linkbox a .cb-linkbox-text {
	color: var(--weiss);
	font-size: 24px;
	min-width: 250px;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px;
}

@media (max-width: 991.98px) {
	.cb-linkbox a .cb-linkbox-text {
		font-size: 20px;
		min-width: 200px;
		padding: 5px 10px;
	}
}

@media (max-width: 767.98px) {
	.cb-linkbox {
		margin-bottom: 30px;
	}
}