.full-height-container {
	height: 100vh;
	display: flex;
	flex-direction: column;
}
  
.full-height-container h1 {
	/* height: 4rem; */
	margin: 0;
	padding: 0.5rem;
}
  
.scrollable-content {
	flex-grow: 1;
	overflow-y: auto;
}

.max60rem {
	max-width: 60rem;
}

.hidden  {
	display: none;
}
.mainTitleBottomLine {
	border-top: 0.2em solid;
	opacity: 0.5;
	display: none;
}
#idNavSeparator {
	justify-content: normal;
}
#idMainCounter1, #idMainCounter2  {
	text-align: center;
}
#idMainCounter1PreviousLink,
#idMainCounter1NextLink,
#idMainCounter2PreviousLink,
#idMainCounter2NextLink {
	cursor: pointer;
}

.contentTitle {
	display: inline-block;
}
.contentTitleTitle {
	display: inline-flex;
}

.hasLink,
.articleMove {
	cursor: pointer;
}
.mainContentSection {
	width: 100%;
	max-height: 30rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.map .mainContentSection {
	display: block;
	max-height: unset;
}
.mainContentImg {
	max-width: -webkit-fill-available;
	max-height: inherit;
}
.mainContentMap {
	width: 100%;
}
.mainContentCaption {
	text-align: center;
	font-size: small;
}
.contentDate {
	font-size: small;
}
.collapseLink {
	font-size: 0.9rem;
	font-weight: 300;
}

.carousel {
    max-width: 100%;
	max-height: 40rem;
    margin: 0 auto;
    overflow: hidden;
}

.carousel-inner {
    height: 100%;
}

.carousel-item {
    height: 100%;
    align-items: center;
    justify-content: center;
}

.carousel-item img {
    /* max-height: 100%; */
    max-width: 100%;
    object-fit: contain;
}

.carousel-control-prev,
.carousel-control-next {
    width: 45%;
}

.nav-link {
	padding: 0;
}


/* Smartphones (portrait und landscape) */
@media only screen and (max-width: 767px) {
	.carousel {
		height: 10rem;
	}
	.carousel-control-prev,
	.carousel-control-next {
		height: 10rem;
	}
	.carousel-item img {
		max-height: 10rem;
	}
}
/* Tablets und kleine Desktops */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.carousel {
		height: 20rem;
	}
	.carousel-control-prev,
	.carousel-control-next {
		height: 20rem;
	}

	.carousel-item img {
		max-height: 20rem;
	}	
}
/* Große Desktops und Monitore */
@media only screen and (min-width: 1024px) {
	.carousel {
		height: 30rem;
	}
	.carousel-control-prev,
	.carousel-control-next {
		height: 30rem;
	}
	.carousel-item img {
		max-height: 30rem;
	}	
}