/* START Laermschutzwaende Buergerbeteiligung  */
/* Added: 30.08.23 PK */

@import "zoom-able.css";

.laermschutzwaende #content,
.laermschutzwaende #content .column > section > *.full-width
{
	max-width: 1920px;
}

.laermschutzwaende #content h1 {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 80px;
	hyphens: none;
}

.laermschutzwaende #content a.button {
	padding: 1rem 1.25rem;
	font-size: 1.2rem;
	font-weight: bold;
}

.laermschutzwaende #content .column > section:not(:first-child) {
	margin-top: 80px;
}

.laermschutzwaende #content .column > section > * {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.laermschutzwaende #content .column > section > ul
{
	max-width: 880px;
}

.laermschutzwaende #content .column > section > p,
.laermschutzwaende #content .column > section > h1,
.laermschutzwaende #content .column > section > h2,
.laermschutzwaende #content .column > section > h3,
.laermschutzwaende #content .column > section > h4
{
	max-width: 960px;
	/*margin: 40px auto;*/
	/*margin: 2.5em auto;*/
}

.laermschutzwaende #content .column > section > h1,
.laermschutzwaende #content .column > section > h2,
.laermschutzwaende #content .column > section > h3,
.laermschutzwaende #content .column > section > h4
{
	hyphens: none;
	margin-top: 0;
}

.laermschutzwaende #content .column > section > p + h1,
.laermschutzwaende #content .column > section > p + h2,
.laermschutzwaende #content .column > section > p + h3,
.laermschutzwaende #content .column > section > p + h4
{
	margin-top: 1.5em;
}

.laermschutzwaende #content .column > section > p.offset-top + p
{
	margin-top: 2em;
}

.laermschutzwaende #content .column > section > div + p
{
	margin-top: 3em;
}

.laermschutzwaende #content .column > section > p + div,
.laermschutzwaende #content .column > section > p + figure
{
	margin-top: 3em;
}

.laermschutzwaende #content .column > section > .button_container
{
	text-align: center;
	margin: 3em auto 4em auto;
}

.laermschutzwaende #content .column > section > .button_container + .button_container
{
	margin-top: -2em;
}

.laermschutzwaende #content .column > section > .offset-top {
	margin-top: -15%;
}

.laermschutzwaende #content .column > section > .offset-top img {
	width: 40vw;
	height: auto;
	max-width: 660px;
}

.laermschutzwaende #content .column > section > .row-flex.color-plate {
	flex-wrap: nowrap;
}

.laermschutzwaende #content .column .image-100-center {
	margin-top: 0;
	/* margin-bottom: 0; */
}

.laermschutzwaende #content .image-slider.slick-slider {
	padding-bottom: 4em;
}

.laermschutzwaende #content .image-slider.slick-slider div {
	transition: none;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-arrow {
	padding: 0;
}
.laermschutzwaende #content .image-slider.slick-slider .slick-arrow:before {
	font-size: 1.5rem;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-list {
	padding:0!important;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-list .slick-track {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-slide {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0;
	width: 660px;
	height: 445px;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-slide > * {
	width:100%;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-slide.slick-animate img {
	width: 660px;
	height: 445px;
}

.laermschutzwaende #content .image-slider img {
	transition: height 0.5s ease-in-out;
	width: 100%;
	max-width: none;
	margin: auto;
	height: 337px;
	object-fit: cover;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-slide .figure-caption {
	visibility: hidden;
	position: absolute;
	transition: opacity 0.3s ease-in-out;
	transition-delay: 0.4s;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
	padding: 0.5rem 1rem;
	bottom: 0.5rem;
	opacity: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
}

.laermschutzwaende #content .image-slider.slick-slider .slick-slide.slick-animate .figure-caption {
	visibility: visible;
	height: auto;
	opacity: 1;
}

.laermschutzwaende #content .image-slider.slick-slider .slick-slide .figure-caption > .figure-caption-title {
	padding: 0!important;
	font-size: 1.2rem;
}

@media screen and (min-width: 1010px) {
	.laermschutzwaende #content .column > section > .row-flex.color-plate > img:nth-child(1),
	.laermschutzwaende #content .column > section > .row-flex.color-plate > img:nth-child(2)
	{
		width: 39%;
	}
	.laermschutzwaende #content .column > section > .row-flex.color-plate > img:nth-child(3) {
		width: 22%;
	}

	.laermschutzwaende #content .image-slider.slick-slider .slick-prev {
		left: calc(50% - 488px);
		right: auto;
	}

	.laermschutzwaende #content .image-slider.slick-slider .slick-next {
		right: auto;
		left: calc(50% - 420px);
	}

	.laermschutzwaende #content .image-slider.slick-slider .slick-list .slick-track {
		margin-left: -150px;
	}

	.laermschutzwaende #content .image-slider.slick-slider .slick-slide .figure-caption {
		transform: unset;
		left: 0.5rem;
	}
}

@media screen and (max-width: 1060px) {
	.laermschutzwaende #content .column > section > .offset-top img {
		margin-left: 25px;
	}
}

@media screen and (max-width: 769px) {
	.laermschutzwaende #content .column > section > .row-flex.color-plate {
		flex-wrap: wrap;
	}

	.laermschutzwaende #content .column > section:not(:first-child) {
		margin-top: 40px;
	}
}