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

.cb-linkbox-wrap {
	border: 2px solid var(--weiss);
	border-radius: 22px;
	bottom: 300px;
	position: absolute;
	width: 520px;
	z-index: 99;
	background: rgba(0, 0, 0, 0.4);
}

.cb-linkbox-item a {
	color: var(--weiss);
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	width: 100%;
}

.cb-linkbox-item:hover {
	background: var(--gelb);
	border-radius: var(--borderradius);
}

.cb-linkbox-item a:hover {
	color: var(--schwarz);
}

.cb-linkbox-item span.material-icons-rounded,
.cb-linkbox-item span.material-icons-outlined {
	color: var(--weiss);
	padding-left: 10px;
}

.cb-linkbox-item:hover span {
	color: var(--schwarz);
}

@media (min-width: 1199.98px) and (max-height: 699.98px) {
	.seitenheader-startseite {
		height: calc(100% + 225px);
	}

	.seitenheader-startseite #layer-wrap {
		height: 128vh;
		overflow: hidden;
		position: relative;
	}

	.cb-linkbox-wrap {
		bottom: 155px;
		width: 485px;
		right: 9vw;
	}
	
	.seitenheader-startseite .layer {
		bottom: -130px;
	}
	
	.grusswort-wrap {
		bottom: 30px;
	}
	
}

@media (max-width: 1999.98px) {
	.cb-linkbox-wrap {
		bottom: 260px;
	}
}

@media (max-width: 1599.98px) {
	.cb-linkbox-wrap {
		bottom: 205px;
		right: 14vw;
		width: 480px;
	}

	.cb-linkbox-item a {
		font-size: 20px;
	}
}

@media (max-width: 1399.98px) {
	.cb-linkbox-wrap {
		bottom: 160px;
		width: 485px;
		right: 12vw;
	}
}

@media (max-width: 1199.98px) {
	.cb-linkbox-item a {
		font-size: 20px;
	}

	.cb-linkbox-wrap {
		right: 5vw;
	}
}

@media (max-width: 991.98px) {
	.cb-linkbox-item a {
		font-size: 18px;
	}
}

@media (max-width: 767.98px) {
	.cb-linkbox-wrap {
		background: #fff !important;
		border: 2px solid var(--schwarz);
		bottom: 0;
		right: unset;
		position: relative;
		width: 450px;
	}

	.cb-linkbox-item a {
		font-size: 18px;
	}

	.cb-linkbox-item span.material-icons-rounded,
	.cb-linkbox-item span.material-icons-outlined,
	.cb-linkbox-item a {
		color: var(--schwarz);
	}
}

@media (max-width: 575.98px) {
	.cb-linkbox-wrap {
		width: 230px;
	}

	.cb-linkbox-item a {
		font-size: 18px;
	}
}