.contentSubContent .Section {
	padding: 2rem 0;
}

.contentSubContent .sub .title {position: relative;}
.contentSubContent .sub .title h2 {
	transition: all 200ms;
	margin: 0;
	padding: 10px 0;
}

.contentSubContent .sub.open .title h2,
.contentSubContent .sub .title:hover h2 {
	color: var(--logo-color-1-light);
}
.contentSubContent .sub .title:before {
	content: '»';
	position: absolute;
	margin-left: -20px;
	top: 8px;
	opacity: 0;
	font-size: 22px;
	transition: opacity 300ms, transform 300ms 500ms;
	transform-origin: 50% 50%;
	transform: translateX(-100px);
	opacity: 0;
}
.contentSubContent .sub .title:hover:before {
	transition: opacity 300ms, transform 300ms 0ms;
	transform: translateX(0);
	opacity: 1;
}
.contentSubContent .sub {
	background-size: cover;
	background-repeat: no-repeat;
}
.contentSubContent .contentMainGallery {}

/* neu rho content css Klassen bild-links, bild-rechts */
.contentSubContent .bild-links .contentDisplay,
.contentSubContent .bild-rechts .contentDisplay { display: flex; align-items: stretch; justify-content: space-between; gap: 0; }
.contentSubContent .bild-links .contentMainGallery,
.contentSubContent .bild-rechts .contentMainGallery { flex-basis: 50%; float: none; max-width: inherit; margin-left: 0; margin-bottom: 0; 
							background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.contentSubContent .bild-links .contentBody,
.contentSubContent .bild-rechts .contentBody { flex-basis: 50%; box-sizing: border-box; padding: 1rem; }

.contentSubContent .bild-rechts .contentDisplay .contentMainGallery { order: 2 }
.contentSubContent .bild-rechts .contentDisplay .contentBody { order: 1; }


@media all and (max-width: 800px) {
	.contentSubContent .bild-links .contentBody, .contentSubContent .bild-rechts .contentBody { order: 1; flex-basis: 100%; }
	.contentSubContent .bild-links .contentMainGallery, .contentSubContent .bild-rechts .contentMainGallery { order: 2; flex-basis: 100%; }
}

.contentSubContent .sub .SectionHead.title {
	border: none;
}

.contentSubContent .contentDisplay .centerTitle {
	display: none;
}
.contentSubContent .sub .title .plus {
	position: absolute;
	right: 10px;
	top: -3px;
	display: inline-block;
	width: 32px;
	height: 32px;
}
.contentSubContent .sub .title .plus:before,
.contentSubContent .sub .title .plus:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #555;
	transition: background 200ms, transform 500ms;
} 
.contentSubContent .sub .title .plus:before {
	width: 32px;
	height: 2px;
	top: 15px;
	left: 0px;
	opacity: 1;
}
.contentSubContent .sub .title .plus:after {
	width: 2px;
	height: 32px;
	left: 15px;
	top: 0;
}
.contentSubContent .sub.open .title .plus:before {
	width: 1px;
	left: 15px;
	opacity: 0;
	transform: rotate(90deg);
}
.contentSubContent .sub.open .title .plus:after {
	transform: rotate(270deg);
}

.contentSubContent .sub .title:hover .plus:before,
.contentSubContent .sub .title:hover .plus:after,
.contentSubContent .sub.open .title .plus:before,
.contentSubContent .sub.open .title .plus:after {
	background-color: var(--logo-color-1-light);
}

@media all and (max-width: 1200px) {
	.contentSubContent .Section .contentDisplay { flex-wrap: wrap; }
	.contentSubContent .contentDisplay .contentBody, .contentSubContent .contentDisplay .contentMainGallery { flex-basis: 50%; }
}
@media all and (max-width: 800px) {
	.contentSubContent .Section .contentDisplay { flex-wrap: wrap; }
	.contentSubContent .contentDisplay .contentBody, .contentSubContent .contentDisplay .contentMainGallery { flex-basis: 100%; }
}


/* Scroll Animation */
.contentSubContent .sub.ani-start { opacity: 0; }
.contentSubContent .sub.ani-end { opacity: 1; transition: opacity 1s; }