#page {
	display: grid;
	grid-template-rows: 1fr auto;
	min-height: 100vh;
	min-height: 100dvh;
}

.ud--intro-img-wrapper,
.ud--category-img-wrapper {
	margin:0;
	padding:0;
	width:100vw;
	height:100vh;
	position:relative;
	overflow:hidden;
	z-index:-1;
	margin-bottom:-20vh;
}
.ud--category-img-wrapper {
	height:51vh;
	margin-bottom:0;
}
.ud--intro-img,
.ud--overlay-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;
	height: auto;
	width: auto;
	object-fit: cover;
}
.ud--overlay-img {
	z-index:1;
	mix-blend-mode:multiply;
	filter: grayscale(1) brightness(140%);
}
.ud--category-img-wrapper .ud--intro-img {
	/*filter:brightness(114%) contrast(150%) saturate(89%);*/
	filter:grayscale(.75);
}

.ud--drehmomente-header h1 {
	font-weight:400;
	color:#217286;
	padding:0 2rem;
}
.ud--drehmomente-header  h1 strong {
	text-transform:uppercase;
}
section.ud--drehmomente {
	display:grid;
	padding-bottom:5rem;
}
section.ud--drehmomente h2 {
	color:#217286;
	font-weight:700;
	text-transform:uppercase;
	margin:10px 0;
	padding:0 2rem;
}
section.ud--drehmomente h2 span {
	display:block;
	position:sticky;
	top:92px;
}

/* Single Drehmomente */
section.for-sale {
	background-color:#bd2121;
	padding:2rem;
	text-align:center;
}
section.for-sale h3 {
	color:#fbffef;
}
.entry-header {
	background-color:#2d2d2d;
	color:#FFF;
	padding:12rem 2rem 2rem;
}
.drehmomente .entry-header {
	padding-bottom:4rem;
	overflow:hidden;
	position:relative;
}
/*
.drehmomente .entry-header::after {
	content:"";
	position:absolute;
	right:0; bottom:0; left:0;
	background: -moz-linear-gradient(top,  rgba(45,45,45,0) 0%, rgba(45,45,45,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 100%);
	background: linear-gradient(to bottom,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d',GradientType=0 );
	height:9rem;
}
*/
.drehmomente .entry-header h1 {
	position: relative;
	z-index: 1;
	color: #217286;
	margin: 0;
	padding: 0.67em 1.34em 0.67em 0;
}
.drehmomente .entry-header h1::before {
	content: "";
	position: absolute;
	border-radius: 0 2em 0 0;
	width: 100vw;
	height:auto;
	right: 0;
	z-index: -2;
	top: 0;
	bottom:-4rem;
	background: #FFF;
	-webkit-box-shadow:10px -10px 50px 0 rgba(0,0,0,1), inset 0 -100px 100px -100px rgba(0,0,0,.3);
	box-shadow: 10px -10px 50px 0 rgba(0,0,0,1), inset 0 -100px 100px -100px rgba(0,0,0,.3);

}
.drehmomente .entry-header h1::after {
	content: "";
	position: absolute;
	border-radius: 0 2em 0 0;
	width: 100vw;
	height:auto;
	right: 0;
	z-index: -1;
	top: 0;
	bottom:-4rem;
	background-image:url(/wp-content/uploads/2021/05/vintage-paper-texture-14-by-PhotoshopSupply-scaled.jpg);
	background-size:cover;
	mix-blend-mode:multiply;
	opacity:.2;
}
.ud-entry--gallery {
	display:flex;
	align-items: center;
	margin:-4rem 0;
	flex-direction: column;
	position:relative;
	z-index:1;
}
.ud-entry--main-image {
	width:96vw;
	max-width:max-content;
	margin:0;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}
.ud-entry--main-image img {
	display:block;
}
.ud-entry--gallery-images {
	width:100vw;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-gap:2vw;
	padding:2vw;
}
.ud-entry--gallery-images a {
	display:block;
	padding-bottom:100%;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}
.ud-entry--gallery-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	object-fit: cover;
}
.ud--drehmoment-details {
	background-color:#217286;
	color:#fbffef;
	padding:7rem 2rem 4rem;
	position:relative;
}
.ud--drehmoment-details h2 {
	margin:0;
}
.ud--detail-list {
	/*
	display:flex;
	flex-wrap:wrap;
	*/
	display: grid;
	grid-template-columns:1;
	margin:0 -2rem;
}
.ud--detail-list dl,
.ud--detail-list div {
	color:#fbffef;
	line-height:1.2;
	padding:2rem;
	margin:0;
}
.ud--detail-list dd,
.ud--detail-list div {
	margin:0 0 1rem;
}
.ud--detail-list dd figure,
.ud--detail-list div figure {
	margin:.4em 0;
	max-width:60px;
}
.ud--detail-list dd:last-of-type,
.ud--detail-list div:last-of-type {
	margin-bottom:0;
}

.ud--detail-list strong,
.ud--detail-list span {
	display:block;
}





.ud--entry-content,
.entry-content {
	padding:5rem 2rem;
}
.ud--entry-content h2:first-child {
	margin-top:0;
}
..post-55 .entry-content figure,
.ud--entry-content figure {
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}
.post-55 .entry-content figcaption,
.ud--entry-content figcaption {
	font-size:1.4rem;
	margin:0;
	padding:1.5rem 2rem;
}
.post-55 .entry-content .alignwide,
.ud--entry-content .alignwide {
	margin:4rem -2rem
}
.post-55 .entry-content .wp-block-image .alignleft,
.ud--entry-content .wp-block-image .alignleft {
	margin:.55rem 3.5rem 2rem -2rem;
}

.ud--for-sale-sign {
	margin:0 -2rem;
	width:auto;
	display:block;
	max-height:200px;
	max-width:calc(100% + 4rem);
}

.ud--drehmomente-anker {
	padding:0 2rem;
	display:flex;
	margin-bottom:5rem;
}
.ud--drehmomente-anker h3 {
	margin-top:0;
}
.ud--drehmomente-anker a {
	margin:0 .3em;
}

.ud--search-results {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	position:relative;
}
/*
.ud--search-results::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:20vh;
	background-color:#2d2d2d;
}
*/
article.ud--listing {
	background-color:#FFF;
	width:100%;
	margin:0;
	position:relative;
	padding:2rem;
	transition:background-color .2s ease-in-out;
	grid-column: 1/-1;
}
article.ud--listing .entry-summary {
	transition:all .2s ease-in-out;
}
article.ud--listing:hover {
	background-color:#eb573c !important;
}
article.ud--listing:hover a,
article.ud--listing:hover .entry-summary {
	color:#FFF;
}
article.ud--listing a {
	color:inherit;
}
article.ud--listing a::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
article.ud--listing:nth-of-type(odd) {
	background-color:#efefef;
}
.ud--search-results .ud--quartet-card + article {
	margin-top:10rem;
}


.ud--shuffle-cards {
	position: -webkit-sticky;
	position: sticky;
	left: 100%;
	top: 72px;
	z-index:8;
	margin-right: 1.5rem;
	margin-bottom: 2rem;
}

.ud--entry-content.ud--post-content {
	padding-top:0;
}
.ud--post-header h1 {
	color:#217286;
	padding:0 2rem;
}

.no-results .search-form {
	display: grid;
	grid-template-columns: 1fr 60px;
}
.no-results .search-form > label {
	grid-column: 1 / -1;
	grid-row: 1;
}
.no-results .search-field {
	width: 100%;
	height: 100%;
	padding-right:60px;
}
.no-results .search-form > button {
	cursor:pointer;
	border: 0;
	padding: 0;
	grid-column: 2;
	background: no-repeat;
	grid-row: 1;
}
.no-results .search-form > button svg {
	display:block;
	width:60px;
	height:60px;
	fill: #eb573c
}

@media screen and (min-width:480px) {
	.entry-header {
		padding:12rem calc(10vw + 2rem) 2rem;
	}
	.drehmomente .entry-header {
		padding-bottom:4rem;
	}
	.ud--drehmoment-details {
		padding:10rem calc(10vw + 2rem) 8rem;
	}
	.ud--drehmoment-details.is--for-sale {
		padding-top:24rem;
	}
	.ud--entry-content,
	.entry-content {
		padding:10rem calc(10vw + 2rem);
	}
	article.ud--listing {
		padding:3rem calc(10vw + 2rem);
	}
	.post-55 .entry-content .alignwide,
	.ud--entry-content .alignwide {
		margin:4rem calc(-8.33333vw - 2rem)
	}
	.post-55 .entry-content .wp-block-image .alignleft,
	.ud--entry-content .wp-block-image .alignleft {
		margin:.55rem 3.5rem 2rem calc(-8.33333vw - 2rem);
	}
	.ud--post-header h1 {
		padding:0 calc(10vw + 2rem);
	}

	.ud--for-sale-sign {
		position:absolute;
		top:3.5rem;
		right:50%;
		max-width:100%;
		z-index:1;
		transform:translateX(50%);
		margin:0;
	}
	.ud--shuffle-cards {
		margin-right:calc(10vw + 2rem);
	}
}

@media screen and (min-width:680px) {
	.ud--drehmomente-header h1 {
		padding:0 0 0 calc(20vw + 10px);
	}
	section.ud--drehmomente {
		display:grid;
		grid-template-columns:20vw 1fr;
		padding-bottom:10rem;
	}
	section.ud--drehmomente h2 {
		text-align:right;
		padding-right:4vw;
	}
	.ud--drehmomente-anker {
		padding:0 0 0 calc(20vw + 10px);
	}
}
@media screen and (min-width:768px) {
	.ud--shuffle-cards,
	section.ud--drehmomente h2 span {
		top: 92px;
	}

	.no-results .search-form {
		grid-template-columns: 1fr 80px;
	}
	.no-results .search-field {
		padding-right:80px;
	}
	.no-results .search-form > button svg {
		width:80px;
		height:80px;
	}
}
@media screen and (min-width:800px) {
	.drehmomente .entry-header {
		padding-bottom:8rem;
	}
	.drehmomente .entry-header h1::before,
	.drehmomente .entry-header h1::after {
		bottom:-8rem;
	}
	.ud-entry--main-image {
		width:66.7vw;
	}
	.ud-entry--gallery {
		flex-direction: row;
		margin:-8rem 0;
	}
	.ud-entry--gallery-images {
		width:33.3vw;
		display:grid;
		grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
		grid-gap:2rem;
		padding:2rem;
	}
	.ud--drehmoment-details.is--for-sale {
		padding-top:22rem;
	}
	.ud--for-sale-sign {
		position:absolute;
		top:3.5rem;
		right:8vw;
		transform:none;
	}
	article.ud--listing {
		display:flex;
	}
	.ud--listing-image {
		width:25%;
		margin:2.7rem 0;
	}
	.ud--listing-image + .ud--listing-info {
		width:75%;
		padding-left:4rem;
	}
	.ud--listing-info h2 {
		margin-top:2.7rem;
	}
}

@media screen and (min-width:980px) {
	.ud--detail-list {
		grid-template-columns: repeat(3, auto);
	}
}

@media screen and (min-width:1200px) {
	.entry-header {
		padding:12rem 16.6666667vw 2rem;
	}
	.drehmomente .entry-header {
		padding-bottom:8rem;
	}
	.ud--drehmoment-details {
		padding:14rem 16.6666667vw 8rem;
	}
	.entry-content {
		padding:10rem 16.6666667vw;
	}
	article.ud--listing {
		padding:3rem 16.6666667vw;
	}
	.post-55 .entry-content,
	.ud--entry-content {
		padding:10rem calc(25vw + 2rem);
	}
	.ud--drehmoment-details.is--for-sale {
		padding-top:14rem;
	}
	.ud--shuffle-cards {
		margin-right:16.6666667vw;
	}
	.ud--post-header h1 {
		padding:0 calc(25vw + 2rem);
	}

	.ud-entry--main-image {
		width:75vw;
		flex-shrink:0;
	}
	.ud-entry--gallery-images {
		width:auto;
		flex-grow:1;
		grid-template-columns:repeat(auto-fill, minmax(115px, 1fr));
	}
}
@media screen and (min-width:1840px) {
	.ud-entry--gallery-images {
		grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
	}
}