.page-template-50-jahre {
}

.page-template-50-jahre .header .logo {
	background-image: url(../img/logo_50-jahre.svg);
	padding-top: 82px;
	bottom: -6px;
	left: 5px;
	width: 167px;
}

	@media ( max-width: 1240px ) {

		.page-template-50-jahre .header .logo {
			width: 130px;
			padding-top: 50px;
			bottom: auto;
			top: 0px;
			left: 5px;
		}

	}

.anniversary-50.main {
	padding-bottom: 0;
}

.anniversary-50__contentblock {
	padding: 80px 0;
}

.anniversary-50__headline {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.anniversary-50__intro {
}

	.anniversary-50__intro .intro-columns {
		display: flex;
		gap: 60px;
		align-items: center;
	}
	
		.anniversary-50__intro .intro-columns .column {
			flex: 1;
		}

	@media ( max-width: 940px ) {

		.anniversary-50__intro .intro-columns {
			display: block;
		}
		
		.anniversary-50__intro .intro-columns .column + .column {
			margin-top: 1em;
		}

	}

.anniversary-50__menu {
	box-sizing: border-box;
	text-align: center;
	padding: 0 40px;
	--box-padding: 20px;
	--gap: 40px;
}

	.anniversary-50__menu ul {
		display: flex;
		gap: var(--gap);
	}

	.anniversary-50__menu ul li {
		flex: 1;
		margin: 0 !important;
	}

	.anniversary-50__menu a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		border: 0;
		padding: var(--box-padding);
		box-sizing: border-box;
		border-radius: var(--box-radius);
		background: var(--color-box-background);
		font-weight: var(--font-default-weight-semibold);
		box-shadow: var(--box-shadow);
		transition: all 200ms ease-in-out;
	}
	
		.anniversary-50__menu a:hover {
			box-shadow: var(--box-shadow-hover);
		}

		.anniversary-50__menu img {
			display: block;
			width: auto;
			height: 200px;
			margin: 0 auto 20px;
		}		

	@media ( max-width: 940px ) {

		.anniversary-50__menu {
			--box-padding: 10px;
			--gap: 20px;
			padding: 0 20px;
		}

	}

	@media ( max-width: 740px ) {

		.anniversary-50__menu ul {
			display: block;
		}

		.anniversary-50__menu img {
			height: auto;
			width: 150px;
		}
		
		.anniversary-50__menu ul li + li {
			margin-top: 20px !important;
		}

	}

.anniversary-50__people {
	--arrow-size: 36px;
	--glide-peek: 500px; /* this is also defined in 50-jahre.js --> peek */
	overflow: hidden;
}

	.anniversary-50__people .glide {
		padding-bottom: 40px;
		overflow: hidden;
	}

	@media ( max-width: 1120px ) {

		.anniversary-50__people {
			--glide-peek: 0;
		}

	}

	.anniversary-50__people .anniversary-50__people-slideshow-track-item {
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		filter: blur(10px);
		transform: scale(0.8);
		opacity: 0.7;
	}

		body.transition .anniversary-50__people .anniversary-50__people-slideshow-track-item {
			transition: all 300ms ease-in-out;
		}
	
		.anniversary-50__people .anniversary-50__people-slideshow-track-item .anniversary-50__person {
			display: block;
			border-radius: 15px;
			background: var(--color-box-background);
			box-shadow: 0 3px 6px rgba(0,0,0,.1);
			margin-bottom: 15px;
			overflow: hidden;
		}
		
			.anniversary-50__people .anniversary-50__people-slideshow-track-item .anniversary-50__person img {
				display: block;
				width: 100%;
				height: auto;
				aspect-ratio: 4/5;
				object-fit: cover;
				max-width: unset;
			}
			
			.anniversary-50__people .anniversary-50__people-slideshow-track-item .anniversary-50__person .anniversary-50__person-infos {
				display: block;
				padding: 20px;
			}
	
		.anniversary-50__people .anniversary-50__people-slideshow-track-item .text-wrapper {
			padding-right: 130px;
			display: block;
		}
	
		.anniversary-50__people .anniversary-50__people-slideshow-track-item.glide__slide--active:not(.glide__slide--prev),
		.anniversary-50__people .anniversary-50__people-slideshow-track-item.glide__slide--next {
			z-index: 5;
			transform: scale(1);
			filter: blur(0);
			opacity: 1;
		}

	.anniversary-50__people .glide__arrow {
		position: absolute;
		left: 50%;
		bottom: 0;
		width: var(--arrow-size);
		height: var(--arrow-size);
		padding: 0;
		border: 0;
		background: var(--color-slideshow);
		border-radius: 50%;
		color: transparent;
		transition: background-color 200ms ease-in-out;
		--left-offset: calc( calc(100vw - var(--glide-peek) * 2) / 2 - var(--arrow-size));
	}
	
		.anniversary-50__people .glide__arrow:hover {
			background: var(--color-slideshow-hover);
		}
	
		.anniversary-50__people .glide__arrow:after {
			content: "";
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background: var(--color-white);
			mask: no-repeat center center / contain;
		}
	
		.anniversary-50__people .glide__arrow.glide__arrow--left {
			margin-left: calc( var(--left-offset) - 40px );
		}
		
			.anniversary-50__people .glide__arrow.glide__arrow--left:after {
				mask-image: url(../img/icons/slideshow_arrow-left.svg);
			}
		
		.anniversary-50__people .glide__arrow.glide__arrow--right {
			margin-left: var(--left-offset);
		}
			
			.anniversary-50__people .glide__arrow.glide__arrow--right:after {
				mask-image: url(../img/icons/slideshow_arrow-right.svg);
			}

	.anniversary-50__people .navigationhelper {
		position: absolute;
		width: var(--glide-peek);
		height: 100%;
		position: absolute;
		z-index: 60;
		top: 0;
		cursor: pointer;
	}
	
		.anniversary-50__people .navigationhelper-prev {
			left: 0;
		}
		
		.anniversary-50__people .navigationhelper-next {
			right: 0;
		}

.anniversary-50__video {
	padding-top: 0;
}

	.anniversary-50__video .width {
		max-width: 1100px;
	}

.anniversary-50__milestones {
	background: var(--color-teaser-background);

	--handle-position-left: 33px;
	--dot-width: 6px;
	--handle-padding-top: 50px;
}

	.anniversary-50__milestones-slider {
	}
	
	.anniversary-50__milestones-slide + .anniversary-50__milestones-slide {
		margin-top: 60px;
	}
	
		.glide--slider .anniversary-50__milestones-slide + .anniversary-50__milestones-slide {
			margin-top: 0;
		}
	
	.anniversary-50__milestones-slide {
		position: relative;
	}

	.anniversary-50__milestones-slide:after {
		content: "";
		display: block;
		position: absolute;
		top: var(--handle-padding-top);
		left: 0;
		width: 100%;
		height: 1px;
		background: var(--color-black);
		z-index: 4;
	}
		
		.anniversary-50__milestones-slide:first-child:before {
			content: "";
			display: block;
			position: absolute;
			left: 0;
			top: calc(var(--handle-padding-top) - 1px);
			width: var(--handle-position-left);
			height: 3px;
			background: var(--color-teaser-background);
			z-index: 5;
		}

	.anniversary-50__milestones_years {
		display: flex;
		gap: 60px;
		padding-top: 15px;
	}

		.anniversary-50__milestones_year {
			flex: 1;
			position: relative;
			margin-top: 0 !important;
			z-index: 20;
			padding: calc(15px + var(--handle-padding-top)) 10px 10px;
		}
		
		.anniversary-50__milestones_year > strong {
			display: block;
			margin-bottom: -0.8em;
			padding-top: 10px;
			color: var(--color-orange);
		}
		
			.anniversary-50__milestones_year > strong:before {
				content: "";
				display: block;
				width: 1px;
				height: 20px;
				position: absolute;
				left: var(--handle-position-left);
				top: var(--handle-padding-top);
				background: var(--color-black);
			}
			
			.anniversary-50__milestones_year > strong:after {
				content: "";
				display: block;
				width: var(--dot-width);
				height: var(--dot-width);
				border-radius: 50%;
				position: absolute;
				left: calc(var(--handle-position-left) - var(--dot-width) / 2);
				top: calc(var(--handle-padding-top) - var(--dot-width) / 2 );
				background: var(--color-black);
			}

	.anniversary-50__milestones-slide__title {
		position: absolute;
		left: 10px;
		top: 0;
		width: 100%;
		white-space: nowrap;
	}

	.anniversary-50__milestones .anniversary-50__milestones-arrows {
		padding-top: 10px;
		position: relative;
		text-align: right;
	}

	.anniversary-50__milestones .anniversary-50__milestones-arrows > button {

		--arrow-size: 36px;

		width: var(--arrow-size);
		height: var(--arrow-size);
		padding: 0;
		border: 0;
		background: var(--color-slideshow);
		border-radius: 50%;
		color: transparent;
		transition: background-color 200ms ease-in-out;
		display: inline-block;
		position: relative;
	}
	
		.anniversary-50__milestones .anniversary-50__milestones-arrows > button:hover {
			background: var(--color-slideshow-hover);
		}
	
		.anniversary-50__milestones .anniversary-50__milestones-arrows > button:after {
			content: "";
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background: var(--color-white);
			mask: no-repeat center center / contain;
		}
		
			.anniversary-50__milestones .anniversary-50__milestones-arrows > button.anniversary-50__milestones-arrow--left:after {
				mask-image: url(../img/icons/slideshow_arrow-left.svg);
			}
		
			.anniversary-50__milestones .anniversary-50__milestones-arrows > button.anniversary-50__milestones-arrow--right:after {
				mask-image: url(../img/icons/slideshow_arrow-right.svg);
			}

.anniversary-50__events {
}

	.anniversary-50__events .width-narrow {
		text-align: center;
	}

	.anniversary-50__eventslist {
		display: flex;
		gap: 20px;
		margin-top: 2em;
	}
	
		.anniversary-50__eventslist ul {
			list-style-type: disc;
		}
	
		.anniversary-50__eventslist .flag {
			font-size: 0.8em;
			display: inline-block;
			padding: 3px 8px;
			background: var(--color-orange);
			color: var(--color-white);
			border-radius: 15px;
		}

		.anniversary-50__event {
			flex: 1;
			background: var(--color-box-background);
			border-radius: var(--box-radius);
			padding: 20px;
		}

		.anniversary-50__event__title {
			text-align: center;
		}

	@media ( max-width: 840px ) {

		.anniversary-50__eventslist {
			display: block;
		}

		.anniversary-50__eventslist li + li {
			margin-top: 20px;
		}

	}

.anniversary-50__impressions {
}

.anniversary-50__donation {
	background: var(--color-teaser-background);
	text-align: center;
}

.anniversary-50__subpage-people {
	--image-spacing: 80px;
	--margin: 120px;
	--interview-spacing: 40px;
	--image-radius: 50px;
}

	.anniversary-50__subpage-people h1 {
		text-align: center;
		margin-bottom: 80px;
	}

	.anniversary-50__subpage-people__person {
	}
	
	.anniversary-50__subpage-people__person .anniversary-50__subpage-people__person-name {
		font-size: 2.2em;
		font-weight: 600;
		text-wrap: balance;
		color: var(--color-headline);
	}
	
	.anniversary-50__subpage-people__person .anniversary-50__subpage-people__person-metainfo {
		margin-bottom: var(--interview-spacing);
	}

	.anniversary-50__subpage-people__image-wrapper {
		display: block;
		border-radius: var(--image-radius);
		overflow: hidden;
		max-width: 400px;
		margin: 0 var(--image-spacing) var(--image-spacing) 0;
		float: left;
	}
	
		.anniversary-50__subpage-people__person:nth-child(2n) .anniversary-50__subpage-people__image-wrapper {
			float: right;
			margin: 0 0 var(--image-spacing) var(--image-spacing);
		}
	
		.anniversary-50__subpage-people__image-wrapper img {
			display: block;
			width: 100%;
			height: auto;
			aspect-ratio: 4/5;
			object-fit: cover;
			max-width: unset;
		}
	
	.anniversary-50__subpage-people__person + .anniversary-50__subpage-people__person {
		margin-top: var(--margin);
	}

	@media ( max-width: 940px ) {

		.anniversary-50__subpage-people__person .anniversary-50__subpage-people__image-wrapper {
			float: none !important;
			display: block;
			margin: 0 0 30px 0 !important;
		}

		.anniversary-50__subpage-people {
			--margin: 80px;
		}

	}

	@media ( max-width: 640px ) {

		.anniversary-50__subpage-people {
			--margin: 60px;
		}

		.anniversary-50__subpage-people__image-wrapper {
			max-width: 360px;
		}

		.anniversary-50__subpage-people h1 {
			font-size: 2.4em;

			overflow-wrap: break-word;
			word-wrap: break-word;
			-ms-word-break: break-all;
			word-break: break-all;
			word-break: break-word;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			hyphens: auto;
		}

		.anniversary-50__subpage-people__person .anniversary-50__subpage-people__person-name {
			font-size: 2em;
	
			overflow-wrap: break-word;
			word-wrap: break-word;
			-ms-word-break: break-all;
			word-break: break-all;
			word-break: break-word;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			hyphens: auto;
		}

	}


.anniversary-50__subpage-events {
	--gap: 40px;
}

	.anniversary-50__subpage-events__intro {
		max-width: 800px;
		margin-bottom: 40px;
	}
		
	.anniversary-50__subpage-events .anniversary-50__eventslist {
		gap: var(--gap);
		flex-wrap: wrap;
		margin-top: 1em;
	}

	.anniversary-50__subpage-events .anniversary-50__event {
		flex: unset;
		box-sizing: border-box;
		width: calc(100% / 4 - var(--gap) * 3/4);
		margin: 0;
	}

	.anniversary-50__subpage-events__archive {
		margin-top: 80px;
	}

	@media ( max-width: 1340px ) {

		.anniversary-50__subpage-events {
			--gap: 20px;
		}

		.anniversary-50__subpage-events .anniversary-50__event {
			width: calc(100% / 3 - var(--gap) * 2/3);
		}

	}

	@media ( max-width: 940px ) {

		.anniversary-50__subpage-events .anniversary-50__event {
			width: calc(100% / 2 - var(--gap) * 1/2);
		}

	}

	@media ( max-width: 640px ) {

		.anniversary-50__subpage-events .anniversary-50__event {
			width: 100%;
		}

	}