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

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild {
	position: relative;
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--verlauf);
	pointer-events: none;
	border-radius: var(--borderradius);
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild img {
	width: 100%;
	height: auto;
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild .sehenswuerdigkeiten-titel {
	color: var(--weiss);
	font-family: 'Gabarito', sans-serif;
	font-size: 72px;
	font-weight: 800;
	line-height: 75px;
	bottom: 50px;
	position: absolute;
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-text {
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.sehenswuerdigkeiten-wrap .swiper.sehenswuerdigkeiten .swiper-slide a {
	color: var(--schwarz);
	display: inline-block;
	text-decoration: none;
}

.sehenswuerdigkeiten-wrap .swiper.sehenswuerdigkeiten .swiper-slide a .sehenswuerdigkeiten-link {
	background: var(--gelb);
	border-radius: var(--borderradius);
	padding: 10px 45px 10px 20px;
	position: relative;
}

.sehenswuerdigkeiten-wrap .swiper.sehenswuerdigkeiten .swiper-slide a .sehenswuerdigkeiten-link::after {
	content: "";
	background-image: url(/typo3conf/ext/stadt_lindenberg/Resources/Public/Icons/Template/arrow_right_alt_-1.svg);
	background-repeat: no-repeat;
	width: 26px;
	height: 20px;
	right: 15px;
	top: 14px;
	position: absolute;
}

.sehenswuerdigkeiten-wrap .swiper.sehenswuerdigkeiten .swiper-slide a .sehenswuerdigkeiten-link:hover::after {
	background-image: url(/typo3conf/ext/stadt_lindenberg/Resources/Public/Icons/Template/arrow_right_alt_weiss.svg);
}

.sehenswuerdigkeiten-wrap .swiper.sehenswuerdigkeiten .swiper-slide a:hover .sehenswuerdigkeiten-link {
	background: var(--dunkelgrau);
	color: var(--weiss);
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination span.swiper-pagination-bullet {
	background: none;
	border: 1px solid var(--weiss);
	width: 20px;
	height: 20px;
	opacity: 1;
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--weiss);
	border-radius: 10px;
	width: 60px;
	height: 20px;
}

.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination {
	bottom: unset;
	top: 39vw;
}


@media (max-width: 1399.98px) {
	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination {
		top: 62vw;
	}
}


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

@media (max-width: 991.98px) {

	h2.gross,
	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild .sehenswuerdigkeiten-titel {
		font-size: 48px;
		line-height: 50px;
		margin-bottom: 30px;
	}
	
	
	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination {
		top: 74vw;
	}
	
}

@media (max-width: 767.98px) {
	.cb-sehenswuerdigkeiten-ueberschrift {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	
	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination {
		top: 69vw;
	}
	
}

@media (max-width: 575.98px) {
	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild .sehenswuerdigkeiten-titel {
		font-size: 30px;
		line-height: 32px;
	}

	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-text {
		font-size: 18px;
		margin-top: 20px;
	}

	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten-bild .sehenswuerdigkeiten-titel {
		bottom: 50px;
	}
	
	.sehenswuerdigkeiten-wrap .sehenswuerdigkeiten .swiper-pagination {
		top: 90vw;
	}
	
}