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

.cb-buttons-wrap {
	width: fit-content;
	position: relative;
}

.cb-buttons-wrap a {
	color: var(--schwarz);
	font-size: 24px;
	text-decoration: none;
}

.cb-buttons-wrap a .cb-buttons-item {
	border-radius: var(--borderradius);
	padding: 10px 40px 10px 20px;
	margin-bottom: 15px;
}

.cb-buttons-wrap a .cb-buttons-item:hover {
	color: var(--weiss) !important;
}

.cb-buttons-wrap a:hover .cb-buttons-item {
	background: var(--dunkelgrau) !important;
	color: var(--weiss);
}

.cb-buttons-wrap .cb-buttons-item p {
	margin-bottom: 0;
}

.cb-buttons-wrap .cb-buttons-item .material-icons-rounded {
	font-size: 36px;
}

.cb-buttons-wrap a .cb-buttons-item div:after,
.cb-buttons-wrap a .cb-buttons-item div.white:after {
	content: "";
	background-repeat: no-repeat;
	width: 26px;
	height: 20px;
	right: 10px;
	top: calc(50% - 10px);
	position: absolute;
}

.cb-buttons-wrap a .cb-buttons-item div:after {
	background-image: url(/typo3conf/ext/stadt_lindenberg/Resources/Public/Icons/Template/arrow_right_alt_-1.svg);
}

.cb-buttons-wrap a .cb-buttons-item:hover div:after,
.cb-buttons-wrap a .cb-buttons-item div.white:after {
	background-image: url(/typo3conf/ext/stadt_lindenberg/Resources/Public/Icons/Template/arrow_right_alt_weiss.svg);
}

@media (max-width: 991.98px) {
	.cb-buttons-wrap a .cb-buttons-item {
		width: auto;
	}
}

@media (max-width: 767.98px) {
	.cb-buttons-wrap a .cb-buttons-item {
		width: 100%;
		font-size: 15px;
	}

	/* .cb-buttons-wrap a .cb-buttons-item div:after,
	.cb-buttons-wrap a .cb-buttons-item div.white:after {
		top: 13px;
	} */

}