* {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
	font-style: normal;
	color: #1b2e37;
	
}
@font-face {
  font-family: 'PasticheGrotesqueWeb-Bold';
  src: url('/wp-content/themes/cast/fonts/PasticheGrotesqueWeb-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'PasticheGrotesqueWeb-Regular';
  src: url('/wp-content/themes/cast/fonts/PasticheGrotesqueWeb-Regular.woff2') format('woff2');
}

::selection {
  background: #eeff03; /* WebKit/Blink Browsers */
  color: #1b2e37;
}
::-moz-selection {
  background: #eeff03; /* Gecko Browsers */
  color: #1b2e37
}
::placeholder {
  color: #cbc0a7;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #cbc0a7;
}

.color-beige-tint {
	color: #cbc0a7;
}

.hide-on-load {
	display: none;
}

html, body {
	font-family: PasticheGrotesqueWeb-Regular;
	position: relative;
	width: 100%;
	height: 100%;
}
body {
	height: 100%;
	background: #fef8eb;
}
body.blog {
	height: auto;
}
body.dark {
	background: #1b2e37;
}
nav {
	position: absolute;
	top: 60px;
	right: 60px;
	z-index: 100;
	width: 275px;
	z-index: 500;
}
ul#menu {
	width: calc(240px);
}
ul#menu li a {
	color: #cbc0a7;
	transition: color 150ms ease-in-out;
}
ul#menu li a.active {
	color: #1b2e37;
}
ul#menu li a:hover {
	color: #1b2e37;
	transition: color 150ms ease-in-out;
}
.homepage nav {
	display: flex;
	flex-flow: column;
	height: calc(100% - 60px);
}
.homepage #filter-menu-desktop {
	flex: 1 1 auto;
	overflow: hidden;
}
.homepage ul#menu li a {
	color: #1b2e37;
}
.homepage ul#menu li a:hover {
	color: #5F6D73;
}
#no-results p {
	color: #cbc0a7;
}
label {
	display: block;
	width: 100%;
}
input,
textarea {
	all: unset;
	display: block;
	width: 100%;
	border-bottom: 1px solid #cbc0a7;
}
input#search-desktop {
	border-bottom: 1px solid #cbc0a7;
}
.homepage input#search-desktop {
	border-bottom: 1px solid #1b2e37; 
}
.homepage input#search-desktop::placeholder {
	color: 	#1b2e37;
}
textarea {
	padding: 5px;
	width: calc(100% - 10px);
	border-bottom: 0 none;
	border: 1px solid #cbc0a7;
}
img,
p img {
	width: 100%;
	height: auto;
}
.wp-caption {
	width: 100%!important;
	margin-top: 30px;
}
.wp-caption-text {
	font-size: 18px;
}
.wp-caption-text,
.wp-caption-text:first-of-type {
	margin-top: 10px;
}
a {
	text-decoration: none;
}
.project-text-content a,
.footnotes a {
	text-decoration: underline;
}
/* TYPOGRAPHY */

.clearfix.header {
	width: 100%;
	height: 205px;
}
.clearfix.footer {
	width: 100%;
	height: 60px;
}
#mobileMenu {
	padding: 0 30px;
}
#mobileMenu .clearfix {
	width: 100%;
	height: 120px;
}
#layout {
	margin-top: 20px;
}
#lightBox {
	position: fixed;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	background: rgba(254,248,235,0.9);
	z-index: 999;
	display: none;
}
#lightBox .fade {
	position: relative;
	top: 60px;
	width: calc(100vw - 120px);
	height: calc(100vh - 120px);
	margin: 0 auto;
	padding: 0;
}
#lightBox .fade .slick-list,
#lightBox .fade .slick-list .slick-track {
	width:100%;
	height:100%;
}
#lightBox .fade img {
	width:100%;
	height: 100%;
	object-fit: contain;
}
.display-none {
	display:none;
}
#logo-grafik {
	width: calc(100vh - 50px);
	height: calc(100vh - 50px);
	position: absolute;
	top:25px;
	left:25px;
	bottom: 25px;
	right: 25px;
	overflow: hidden;
}
#logo-grafik img {
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 100%;
}
#logo {
	position: absolute;
	top: 60px;
	left: 60px;
	width: 300px;
	z-index: 10;
}
#logo-mono {
	position: absolute;
	top: 60px;
	left: 60px;
	width: 84px;
	z-index: 10;	
}
#logo-mono .st1 {
	fill: #1b2e37;
}
#plus,
#arrow,
#footer-arrow {
	position: absolute;
	top: 60px;
	right: 60px;
	width: 84px;
	z-index: 100;
}

#footer-arrow {
	top: -33px;
}

#hamburger line {
	stroke-width:0.5;
}

#arrow path,
#footer-arrow path {
	stroke: #1b2e37;
}

#plus .st1{
	fill:none;
	stroke:#1B2E37;
	stroke-width:3;
}
#icon-close {
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 999;
}
#icon-right {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}
#icon-left {
	position: fixed;
	bottom: 30px;
	left: 30px;
	z-index: 999;
}
.icon {
	width: 50px;
	height: 50px;
}
.icon:hover {
	cursor: pointer;
}
.icon .icon-border {
	fill: #1B2E37;
	transition: all 150ms ease-in-out;
}
.icon .icon-circle {
	fill: #fef8eb;
	transition: all 150ms ease-in-out;
}
.icon .icon-detail {
	fill: #fef8eb;
	stroke: #1B2E37;
	transition: all 150ms ease-in-out;
}

.icon:hover .icon-circle,
.icon.active .icon-circle {
	fill: #eeff03;
	transition: all 150ms ease-in-out;
}
.icon:hover .icon-detail,
.icon.active .icon-detail {
	fill: #eeff03;
	transition: all 150ms ease-in-out;
}

#lead-text-container {
	width:65vw;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

#contact {
	position: absolute;
	bottom: 55px;
	left: 55px;
}
#topic {
	position: absolute;
	top: 25px;
	right: 25px;
}
.font-family-pastiche-regular {
	font-family: "PasticheGrotesqueWeb-Regular", sans-serif;
}
.font-family-pastiche-bold {
	font-family: "PasticheGrotesqueWeb-Bold", sans-serif;
}
.font-family-area-regular {
	font-family: area-normal, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.font-family-area-bold {
	font-family: "area-normal", sans-serif;
	font-weight: 700;
}
p {
	line-height: 1.5;
	margin-top: 30px;
	color: #1b2e37;
}
p:first-of-type {
	margin-top:0;
}
.page-content-text p,
.page-content-text p:first-of-type {
	margin-top: 30px;
	line-height: 1.1;
}
.project-text-content.no-terms p:first-of-type {
	margin-top: 30px;
}
.project-text-content.no-terms .wp-caption-text:first-of-type {
	margin-top: 10px;
}
.font-size-x-large {
	font-size: 84px;
	line-height: 1.1;
}
.font-size-large {
	font-size: 64px;
	line-height: 1.1;
}
.font-size-medium {
	font-size: 30px;
	line-height: 1.1;
}
.font-size-small {
	font-size: 23px;
	line-height:1.5;
}
.font-size-x-small {
	font-size: 16px;
	line-height:1.5;
}
.font-size-xx-small {
	font-size: 13px;
	line-height:1.5;
}
blockquote {
	margin: 45px 0;
}
blockquote p {
	font-size: 30px;
	line-height: 1.5;
}
#template-loop-list {
	display: none;
} 
.project-text-content ul {
	list-style-type: initial;
	
}
.project-text-content ul li {
	margin-top: 30px;
	margin-left: 25px;
	
}
.project-text-content em,
.project-text-content em span,
.project-text-content i,
.project-text-content i span {
	font-style: italic;
}
.project-text-content strong,
.project-text-content strong span,
.project-text-content b,
.project-text-content b span {
	font-weight: 700;
}
.project-list-container {
	display: block;
	width: 100%;
	padding: 0 60px;
	transition: all 150ms ease-in-out;
}
.project-list-container:hover {
	background: #eeff03;
	cursor: pointer;
	transition: all 150ms ease-in-out;
}
.project-list-container .post-tags span:after {
	content: ",";
}
.project-list-container .post-tags span:last-of-type:after {
	content: "";
}
.project-list-link {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	z-index: 10;	
}
.project-media-content {
	margin: 0;
	padding:0;
}
.second.project-media-content {
	margin: 60px 0 0;
	padding:0;
}
.project-media-content img {
	margin-bottom: 10px;
}
.project-text-content img:hover,
.project-media-content img:hover {
	cursor: pointer;
}
.project-video {
	position: relative;
  	overflow: hidden;
  	width: 100%;
  	padding-top: 56.25%;
}
.project-video iframe {
	position: absolute;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
}
.post-thumbnail {
	width: 100%;
	padding-top: calc(5 / 7 * 100%);
	position: relative;
}
.post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.post-banner {
	width: 100%;
	padding-top: calc(1 / 3 * 100%);
	position: relative;
}
.post-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.post-tags-overlay {
	position: absolute;
	width: 50%;
	top:50%;
	transform: translateY(-50%);
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 100;
}

.post-thumbnail img.reveal,
.post-tags-overlay.reveal {
	opacity: 0;
	transition: all 150ms ease-in-out;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 10px 15px;
}
.flex.project-list {
	gap: 0;
}
.flex.project-list div {
	width: 25%;
}
.flex.project-list .post-title {
	margin-top: 22px;
	margin-bottom: 27px;
	width: 50%;
}
.flex.project-list .post-excerpt {
	margin-top: 14px;
	padding-right: 10px;
}
.flex.project-list .post-excerpt div {
	width: 100%;
}
.flex.project-list .post-tags {
	margin-top: 16px;
	padding-left: 10px;
}
.flex.justify-content-center {
	justify-content: center;
}
.flex.gap-15 {
	gap: 15px 15px;
}
.post-tags.flex {
	gap: 10px 10px;
}
.post-tags.flex div {
	width: auto;
}
.contact-form ul li {
	
}
.hr {
	width: 100%;
	height: 1px;
	background: #1b2e37;
}
ul {
	margin: 0;
	padding:0;
	list-style: none;
}
ul.footnotes {}
.button,
input[type="submit"] {
	display: flex;
	justify-content: center;
	align-items: center; 
	white-space: nowrap;
	padding: 4px 12px 4px;
	background: transparent;
	color: #1b2e37;
	border: 1px solid #1b2e37;
	border-radius: 15px;
	transition: 300ms all ease-in-out;
}
.filter-menu li {

}
input[type="submit"],
.filter-menu .button {
	width: fit-content;
}
.filter-menu .button {
	background: #fef8eb;
}
.filter-menu a {
	margin-top: 10px;
	display: block;
}

.button:hover,
input[type="submit"]:hover {
	cursor: pointer;
	background: #eeff03;
	color: #1b2e37
	transition: 300ms all ease-in-out;
}
.post-tags-overlay .button {
	display: flex;
	justify-content: center;
	align-items: center; 
	white-space: nowrap;
	width: fit-content;
	padding: 4px 12px 4px;
	background: transparent;
	color: #1b2e37;
	border: 1px solid #1b2e37;
	border-radius: 15px;
	margin: 10px auto;
	transition: 300ms all ease-in-out;
}

.post-tags-overlay .button:hover {
	background: #1b2e37;
	color: #eeff03;
	transition: 300ms all ease-in-out;
}
.letter-spacing-1 {
	letter-spacing: 0.03rem;
}
.text-align-center {
	text-align: center;
}
.text-transform-uppercase {
	text-transform: uppercase;
}
.text-decoration-none {
	text-decoration: none;	
}
.margin-top-large {
	margin-top: 80px;
}
.margin-top-medium {
	margin-top: 30px;
}
.post-excerpt.margin-top-medium {
	margin-top: 27px;
}
.margin-top-small {
	margin-top: 15px;
}
.margin-bottom-x-large {
	margin-bottom: 120px;
}
.margin-bottom-large {
	margin-bottom: 60px;
}
.margin-bottom-medium {
	margin-bottom: 30px;
}
.margin-bottom-small {
	margin-bottom: 15px;
}
.padding-top-large {
	padding-top: 60px;
}
.padding-top-medium {
	padding-top: 30px;
}
.padding-bottom-large {
	padding-bottom: 60px;
}
.padding-bottom-medium {
	padding-bottom: 30px;
}
.padding-left-large {
	padding-left: 60px;
}
.padding-right-large {
	padding-right: 60px;
}
.padding-left-medium {
	padding-left: 30px;
}
.padding-right-medium {
	padding-right: 30px;
}
.border-top {
	border-top: 1px solid #1b2e37;
}
.border-bottom {
	border-bottom: 1px solid #1b2e37;
}
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 5px;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1b2e37;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #fef8eb;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
body.dark::selection {
  background: #eeff03; /* WebKit/Blink Browsers */
}
body.dark::-moz-selection {
  background: #eeff03; /* Gecko Browsers */
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark p,
body.dark p a,
body.dark p span,
body.dark span,
body.dark ul,
body.dark ul li,
body.dark ul li a,
body.dark i,
body.dark em,
body.dark b,
body.dark strong,
body.dark .button,
body.dark label,
body.dark input,
body.dark textarea {
	color: #fef8eb;
}
body.dark .contact h6 {
	color: #5F6D73;
}
body.dark input {
	border-bottom: 1px solid #5F6D73;
}
body.dark textarea {
	border: 1px solid #5F6D73;
}
body.dark #lightBox {
	background: rgba(27,46,55,0.99);
}

body.dark #logo-mono .st1 {
	fill: #fef8eb;
}

body.dark #plus .st1{
	fill:none;
	stroke:#fef8eb;
	stroke-width:3;
}
body.dark #plus .x-axis {
	display: none;
}
body.dark #arrow path,
body.dark #footer-arrow path {
	stroke: #fef8eb;
}
body.dark .button,
body.dark input[type="submit"] {
	border: 1px solid #fef8eb;	
}
body.dark input[type="submit"] {
	color: 	#fef8eb;
}
body.dark .button:hover,
body.dark input[type="submit"]:hover {
	color: #1b2e37;
}
body.dark .hvr-sweep-to-right:before {
	background: #eeff03;	
}
body.dark .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #1b2e37;
}

body.dark .border-top {
	border-top: 1px solid #fef8eb;
}
body.dark .border-bottom {
	border-bottom: 1px solid #fef8eb;
}

body.dark .icon .icon-border {
	fill: #fef8eb;
}
body.dark .icon .icon-circle {
	fill: #1B2E37;
}
body.dark .icon:hover .icon-border {
	fill: #fef8eb;
}
body.dark .icon .icon-detail {
	fill: #1B2E37;
	stroke: #fef8eb;
}
body.dark .icon:hover .icon-circle,
body.dark .icon.active .icon-circle {
	fill: #fef8eb;
}
body.dark .icon:hover .icon-detail,
body.dark .icon.active .icon-detail {
	fill: #1B2E37;
	stroke: #1B2E37;
}
body.dark #icon-right.icon:hover .icon-detail,
body.dark #icon-left.icon:hover .icon-detail {
	fill: transparent;
}
body.dark .hr {
	background: #fef8eb;
}
body.dark .post-tags-overlay .button {
	border: 1px solid #1b2e37;	
	color: #1b2e37;
}
body.dark .post-tags-overlay .button:hover {
	color: #eeff03;
}
body.dark .post-title *, 
body.dark .post-excerpt * {
	color: #fef8eb;
}
body.dark .project-list-container:hover * {
	color: #1b2e37;
}


body.dark  ul#menu li a {
	color: #5F6D73;
}
body.dark ul#menu li a.active {
	color: #eeff03;
}
body.dark ul#menu li a:hover {
	color: #eeff03;
}
body.dark #no-results p {
	color: #5F6D73;
}

body.dark input#search-desktop {
	color: #eeff03;
	border-bottom: 1px solid #5F6D73;
}
body.dark .filter-menu .button {
	background: #1b2e37;
}
body.dark .filter-menu .button:hover {
	background: #eeff03;
	border: 1px solid #eeff03;
}
body.dark ::placeholder {
  color: #5F6D73;
  opacity: 1; /* Firefox */
}

body.dark ::-ms-input-placeholder { /* Edge 12-18 */
  color: #5F6D73;
}

#showcaseContainer {
	margin: 0 50px;
}

.z-index-100 {
	z-index: 100;
}

.display-desktop {
	display: block;
}
.display-mobile,
.display-mobile-flex  {
	display: none;
}
.display-none {
	display: none;
}
.hidden {
  /* new ruleset for hiding elements */
  display: none;
}
#mobileMenu {
	position: absolute;
	left: -100%;
}
#hamburger{
	display:none;
}
@media screen and (max-width: 1366px) {	
	#logo {
		width: 250px;
	}
	#logo-mono {
		top: 60px;
		left: 60px;
		width: 70px;	
	}
	#plus,
	#arrow,
	#footer-arrow {
		width: 70px;
	}
	#lead-text-container {
		width: 75vw;
	}
	.font-size-x-large {
		font-size: 72px;
	}
	.font-size-large {
		font-size: 54px;
	}
	p {
		margin-top: 20px;
	}
	
	.project-text-content.no-terms p:first-of-type {
		margin-top: 20px;
	}
	.project-list-container {
		padding: 0 30px;
	}
	.wp-caption {
		margin-top: 20px;
	}
} 

@media screen and (max-width: 1024px) {	
	
	#mobileMenu {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(254,248,235,0.99);
		z-index: 999;
	}
	.clearfix.header {
		width: 100%;
		height: 150px;
	}
	nav {
		position: absolute;
		top: 30px;
		right: 30px;
	}
	#logo-grafik {
		width: calc(100vh - 20px);
		max-width: calc(100vw - 20px);
		height: calc(100vh - 20px);
		top:10px;
		left:10px;
		bottom: 10px;
		right: 10px;
		overflow: hidden;
	}
	#logo-grafik img.grafik-1 {
		object-position: 75% 50%;
	}
	#logo-grafik img.grafik-2 {
		object-position: 50% 50%;
	}
	#logo-grafik img.grafik-3 {
		object-position: 50% 50%;
	}
	#logo-grafik img.grafik-4 {
		object-position: 15% 50%;
	}
	#logo {
		top: 30px;
		left: 30px;
		width: 175px;
	}
	#logo-mono {
		top: 30px;
		left: 30px;
		width: 50px;	
	}
	#plus,
	#arrow,
	#footer-arrow {
		top: -15px;
		right: 30px;
		width: 50px;
	}	
	
	#contact {
		position: absolute;
		bottom: 25px;
		left: 25px;
	}
	.flex {
		gap: 10px 10px;
	}
	.font-size-x-large {
		font-size: 54px;
	}
	.font-size-large {
		font-size: 42px;
	}
	.font-size-medium {
		font-size: 24px;
		line-height: 1.1;
	}
	.font-size-small {
		font-size: 18px;
	}
	.wp-caption-text {
		font-size: 14px;
	}
	
	.hvr-sweep-to-right:before,
	body.dark .hvr-sweep-to-right:before {
		background: transparent;
	}
	
	.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	  color: #1b2e37;
	}
	
	body.dark .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
		color: #fef8eb;
	}
	.display-desktop {
		display: none;
	}
	.display-mobile {
		display: block;
	}
	.display-mobile-flex {
		display: flex;
	}
	blockquote p {
		font-size: 23px;
	}
	blockquote {
		margin: 30px 0;
	}
} 

@media screen and (max-width: 767px) {
	.display-desktop {
		display: none;
	}
	.display-mobile {
		display: block;
	}
	.display-mobile-flex {
		display: flex;
	}
	#hamburger {
		display:block;
		position: absolute;
		top: 30px;
		right: 30px;
		width: 50px;
		height: auto;
		z-index: 998;
	}
	#hamburger:hover {
		cursor: pointer;	
	}
	#hamburger line.mid1,
	#hamburger line.mid2 {
		-webkit-transform: rotate(0);
		-webkit-transform-origin: center center;
		transform: rotate(0);
		transform-origin: center center;
		transition: transform 250ms ease-in-out;
	}
	#hamburger.active line.mid1 {
		-webkit-transform: rotate(35deg);
		-webkit-transform-origin: center center;
		transform: rotate(35deg);
		transform-origin: center center;
		transition: transform 250ms ease-in-out;
	}
	#hamburger.active line.mid2 {
		-webkit-transform: rotate(-35deg);
		-webkit-transform-origin: center center;
		transform: rotate(-35deg);
		transform-origin: center center;
		transition: transform 250ms ease-in-out;
	}
	#hamburger line.disappear {
		opacity: 1;
		-webkit-transition: opacity ease-in-out 100ms;
		transition: opacity ease-in-out 100ms;
		transition-delay: 500ms;
	}
	#hamburger.active line.disappear {
		opacity: 0;
		-webkit-transition: opacity ease-in-out 100ms;
		transition: opacity ease-in-out 100ms;
	}
	body.dark #hamburger line {
		stroke: #fef8eb;
	}
	nav {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: -100%;
		background: rgb(254,248,235,0.95);
		padding: 120px 30px 120px;
	}
	nav.show {
		left: 0;
	}
	body.dark nav {
		background: rgb(27,46,55,0.95);
	}
	.homepage nav {
		height: 100%;
	}
	#logo-grafik {
		width: calc(100%);
		max-width: 100%;
		height: calc(100%);
		top:0;
		left:0;
		bottom: 0;
		right: 0;
		overflow: hidden;
	}
	#logo-grafik img.grafik-1 {
		object-position: 75% 50%;
	}
	#logo-grafik img.grafik-2 {
		object-position: 50% 50%;
	}
	#logo-grafik img.grafik-3 {
		object-position: 50% 50%;
	}
	#logo-grafik img.grafik-4 {
		object-position: 15% 50%;
	}
	html,
	body {
		min-height: 100vh;
		min-height: -webkit-fill-available;
	}	
	#layout {
		display:none;
	}
	#lead-text-container {
		width: calc(100vw - 60px);
	}
	.font-size-x-large {
		font-size: 36px;
	}
	.font-size-large {
		font-size: 27px;
	}
	.font-size-small {
		font-size: 16px;
	}
	.font-size-x-small {
		font-size: 14px;
	}
	.wp-caption-text {
		font-size: 13px;
	}

	.margin-top-large {
		margin-top: 30px;
	}
	.margin-top-medium {
		margin-top: 20px;
	}
	.margin-bottom-large {
		margin-bottom: 30px;
	}
	.margin-bottom-medium {
		margin-top: 20px;
	}
	.padding-left-large,
	.padding-left-medium {
		padding-left: 30px;
	}
	.padding-right-large,
	.padding-right-medium {
		padding-right: 30px;
	}
	.flex.project-list {
		gap: 15px;
	}
	.flex.project-list div {
		width: 100%;
		text-align: left!important;
	}
	.project-media-content {
		margin: 30px 0 0;
		padding:0;
	}
	#template-2 .project-media-content {
		margin: 0;
		padding:0;
	}
	#template-2 .second.project-media-content {
		margin: 30px 0 0;
	}
	.project-text-content img:hover,
	.project-media-content img:hover {
		cursor: auto;
	}
	#lightBox .fade {
		position: relative;
		top: 60px;
		width: calc(100vw - 60px);
		height: calc(100vh - 120px);
		margin: 0 auto;
		padding: 0;
	}
}

@media screen and (max-height: 850px) {
}