/* THEME Anpassungen */
.post-container, .overflow-container { padding: 0 0 0 0; }
.entry, .post-header { margin: 0 0 0 0; }
@media (min-width: 37.5em) {.entry { padding: 0 0 0 0; } }
@media (min-width: 50em) { .menu-primary-container { margin: 0 0 0 0; } }
@media (min-width: 56.25em) { .site-footer { padding: 0 0 0 0; } }
@media (min-width: 50em) { .menu-primary a:focus { text-decoration: none; } }
.menu-primary-container { max-height: none; }

.max-width {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
#main.main {
  width: 100%;
  float: none;
}
@media (max-width: 799px) {
  .menu-primary-items a {
    position: relative;
    z-index: 19;
  }
  .menu-primary-items li {
    position: relative;
    z-index: 9;
    white-space: nowrap;
    display: inline-block;
    margin: 0 20px 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .menu-primary {
    margin: 0;
    float: left;
    text-align: left;
  }
}
/* ENDE THEME Anpassungen */






:root {
	--transp: 1;
	--black: #060606;
	--px50: 50px;
}


body, html, p, div, ul, ol, li, a, span, input, h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--black);
	-webkit-font-smoothing: subpixel-antialiased;
}
a:visited {
	color: inherit !important;
}
.page-id-3 h1 {
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0 0 25px 0;
}
.page-id-3 h3 {
	font-size: 22px;
  	font-weight: 500;
  	margin: 25px 0 -5px 0;
}
.page-id-3 h4 {
	font-size: 18px;
  font-weight: 500;
  margin: 20px 0 -10px 0;
}
.singular .post-content a {
	text-decoration: none;
}

header#site-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	margin-bottom: 64px;
	padding: 0 var(--px50);
	padding-top: 83px;
	max-width: 1380px;
}
#title-container {
	padding-right: 13.2%;
	margin: 0 0 0 0;
}
#logo {
	width: 110px;
	height: 110px;
	background: #FFF;
	float: right;
	position: relative;
	top: 6px;
}
.log {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 1s ease;
	transform: scale(1.3);
}
.log.da {
	opacity: 1;
	transition: all 1s ease;
}


#menu-primary ul li {
	display: block;
}
#menu-primary ul li a {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 29px;
	letter-spacing: 2px;
}
#menu-primary ul li.current-menu-item > a:after {
  border-color: var(--black);
  border-top: 1px solid var(--black);
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  top: 48%;
  transition: width 0.7s ease;
  width: calc(100% + 21px);
  opacity: 0.75;
}
.spalte3 a {
	font-weight: 500;
	color: #FFF !important;
}
#footergrid a:hover {
	color: #d4af37;
}








#main.main {
	margin: var(--px50) auto;
	padding: 0 var(--px50);
	max-width: calc(1280px + var(--px50) + var(--px50));
}
.page-id-10 .post-content,
.content.hellgrau {
	background: #f9f9f9;
}
.post-header {
	display: none;
}
.post-content > figure {
	margin: 0 0 0 0;
}
#uebermich,
.content.hellgrau {
	padding: 102px 110px;
}
.grid_uebermich {
	grid-gap: 75px;
	grid-template-columns: 36fr 64fr; 
}
h2,
h2 a {
	font-size: 24px;
	line-height: 38px;
	letter-spacing: 0.5px;
	font-weight: 600;
}
h2.subline {
	position: relative;
	margin-bottom: 67px;
}
h2.subline:after {
	border-top: 1px solid var(--black);
  	content: '';
  	position: absolute;
  	left: 0;
  	bottom: -18px;
  	width: 110px;
}
.zitat {
	font-size: 18px;
	color: rgb(150,150,150);
}
body:not(.page-id-14) .grid_uebermich .spalte2 p {
	font-family: 'Rubik';
	font-size: 15px;
	font-weight: 300;
}
.grid_uebermich .spalte2 > div > p:first-child {
	margin-top: 4px;
}
.home .wp-block-latest-posts__featured-image img {
	width: 100%;
	max-width: 1280px !important;
}
.homegrid {
	grid-gap: 20px var(--px50);
}
#homegrid .einspaltig {
	grid-column: 1 / span 2;
}
.zweispaltig figure {
	height: 45dvw;
}
.zweispaltig img {
	object-fit: cover;
  width: 100%;
  height: 100%;
}
.homegrid p {
	margin: 0 0 0 0;
}
.homegrid figure {
	margin: 0 0 10px 0;
}
a.wp-block-latest-posts__post-title,
p.history a,
.homegrid p a {
	float: right;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.5px;
	font-size: 14px;
}
p.history {
	margin: 50px 0;	
}
p.history a {
	float: left;
	background: url(/wp-content/uploads/icon_arrow_left.svg) left center no-repeat;
	background-size: 12px;
	padding: 0 0 0 20px;
	opacity: 1;
	transition: all 0.5s ease;
}
p.history a:hover {
	opacity: 0.8;
	color: #333;
	padding: 0 0 0 16px;
	transition: all 0.5s ease;
}
.single .featured-image {
	margin-bottom: 0px;
}
.single .post-meta,
.single #comments {
	display: none;
}
.content.hellgrau {
	margin-bottom: 25px;
}
.archive-header {
	display: none;
}
.post-date {
	text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-family: 'Rubik';
}
.more-link-wrapper {
	display: none;
}
a.visited {
	color: inherit;
}
.archive .post {
	margin-bottom: calc(var(--px50) *2);
}
.archive .loop-container > .post:last-child {
	margin-bottom: 0px;
}
.page-id-12 figure > a {
	display: inline;
}
.blurry {
	-webkit-filter: blur(2px) opacity(.5);
  	filter: blur(2px) opacity(.5);
  	transition: all 0.5s ease;
}
.blurry.clear {
	-webkit-filter: none;
	filter: none;
	transition: all 0.5s ease;
}
.post-date:before,
.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
}
.page-id-14 p strong {
	font-weight: 600;
}
.page-id-268 .post-content,
.page-id-3 .post-content {
	max-width: 960px;
	margin: 0 auto;
}
.page-id-14 #grid_uebermich {
	grid-gap: var(--px50);
}
.page-id-268 .post-content {
	margin-bottom: 100px;
}
.more-link {
	display: inline;
  padding: 0 20px 0 0;
  margin: 0 0 0 8px;
  border: 0px;
  font-size: inherit;
  font-family: 'Rubik';
  font-weight: 400;
  text-transform: lowercase;
  position: relative;
  transition: none;
}
.more-link:hover,
.more-link:focus {
	background: none;
	opacity: 0.7;
	transition: none;
}
.more-link:after {
	content: ' ';
	display: block;
	background: url(/wp-content/uploads/icon_arrow_left.svg) center center no-repeat;
	background-size: contain;
	transform: rotate(180deg);
  	width: 11px;
  	height: 11px;
  	top: 3.5px;
  	right: 7px;
  position: absolute;
}








/* ====================================== FOOTER ============================= */
footer#site-footer {
	padding: 0px;
	border: 1px solid #eee;
	max-width: 1280px;
	margin: var(--px50) auto;
	border: 0px solid #d4af37;
}
.footer_inner {
	background: var(--black);
	padding: 6.5% 5.4%;
}
#footergrid {
	display: grid;
  	grid-template-columns: 1fr 1fr 1fr 1fr;
  	grid-gap: var(--px50);
}
#footergrid * {
	font-family: 'Rubik';
}
#footergrid .header {
	font-size: 14px;
	letter-spacing: 2px;
	color: #FFF;
	position: relative;
	margin-bottom: 32px;
	text-transform: uppercase;
}
#footergrid p,
#footergrid a,
#footergrid .post-date {
	font-size: 12px;
	color: rgb(210,210,210);
}
#footergrid .header:after {
	border-top: 1px solid #d4af37;
  	content: '';
  	opacity: 1;
  	position: absolute;
  	left: 0;
  	bottom: -0.8em;
  	width: 53px;
}
#footergrid .spalte2 a {
	color: #FFF !important;
	font-weight: 500;
}
#footergrid .post-date {
	font-size: 10px;
	text-transform: none;
}
#footergrid li {
	line-height: 0.9;
	margin-bottom: 11px;
}
#footergrid a:hover {
	opacity: 0.9;
}
#insta_mobil {
	position: absolute;
  	right: 0px;
  	top: 0px;
  	width: 35px;
  	height: 35px;
	display: none;
}










@media screen and (max-width: 1366px) {
	:root {
		--px50: 40px;
	}
	#uebermich, .content.hellgrau {
  		padding: 7dvw 7.7dvw;
	}
	.grid_uebermich {
		grid-gap: 5.5dvw;
	}
}



@media screen and (max-width: 1280px) {
	footer#site-footer {
		margin-bottom: 0px;
	}
}



@media screen and (max-width: 1024px) {
	:root {
		--px50: 30px;
	}
	.category-blog .grid_uebermich {
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}
	h2.subline {
		margin-bottom: 55px;
	}
	#footergrid {
  		grid-template-columns: 14fr 9fr 8fr 6fr;
  		grid-gap: 20px;
	}
}




@media screen and (max-width: 960px) {
	.grid_uebermich {
		grid-template-columns: 1fr !important;
		grid-gap: 0px;
	}
	h2.subline {
    	margin-bottom: 40px;
  	}
  	p.zitat {
  		padding: 0 20px;
  	}
  	.page-id-14 .spalte2 > div > p:first-child {
		margin-bottom: 0px;
  	}
  	.page-id-14 .spalte2 > div > p:nth-child(2) {
		margin-top: 0px;
  	}
  	.page-id-14 .spalte2 > div > p:last-child {
		margin-bottom: 0px;
  	}
  	.page-id-14 .content.hellgrau {
  		margin-bottom: 0px;
	}
}




@media screen and (max-width: 767px) {
	:root {
		--px50: 25px;
	}
	.grid_uebermich {
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}
	a.wp-block-latest-posts__post-title {
		font-size: 12px;
	}
	#uebermich, 
	.content.hellgrau,
	.footer_inner {
    	padding: var(--px50);
  	}
  	header#site-header {
  		padding-top: 9dvw;
  		margin-bottom: 8dvw;
  	}
  	#footergrid {
  		grid-template-columns: 1fr 1fr;
	}
	#footergrid > div:nth-child(3),
	#footergrid > div:nth-child(4) {
		grid-area: 2;
	}
	body:not(.archive) .featured-image,
	body:not(.archive) .featured-image img {
		position: static;
		height: auto;
		padding-bottom: 0px;
	}
	
	.archive .featured-image,
	.archive .featured-image img {
		position: static;
		height: auto;
		padding-bottom: 0px;
		max-height: calc(100dvw - (var(--px50)*2));
	}
	.archive .featured-image a {
		position: static;
	}
	.single .wp-block-image .alignright,
	.single .wp-block-image .alignleft,
	.single .wp-block-image .alignnone {
  		float: none;
  		margin: 20px 0;
	}
}



@media screen and (max-width: 600px) {
	#footergrid {
		grid-template-columns: 12fr 10fr;
	}
}



@media screen and (max-width: 510px) {
	:root {
		--px50: 20px;
	}
	#uebermich, .content.hellgrau {
  		padding: var(--px50);
	}
	.home #main.main {
		padding: 0 10px;
	}
	.rmi-masonry-item {
		padding: 8px;
	}
	#footergrid {
		grid-template-columns: 1fr;
	}
	#footergrid > div:nth-child(3),
	#footergrid > div:nth-child(4) {
		grid-area: unset;
	}
	#footergrid > div:nth-child(2),
	#footergrid > div:nth-child(3) {
		display: none;
	}
	footer .insert-page {
		position: relative;
	}
	#footergrid .header {
		margin-bottom: 23px;
	}
	#insta_mobil {
		display: block;
	}
	
}