/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

*{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #202020;
}
body{
	min-height: 100vh;
	position: relative;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }
/*BURGER*/
header{
	z-index: 6;
}
#nav_items{
	/*display: none;*/
	width: 230px;
	/*height: 100vh;*/
	background-color: #fff;
	position: fixed;
	z-index: 3;
	text-align: center;
	font-size: 18pt;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	color: #fff;
	border-style: solid;
	border-width: 2px;
   	border-color: #202020;
   	padding-bottom: 12px;
}
#nav_items ul{
	padding: 0;
	padding-top: 58px;
	margin: 0;
}
#nav_items ul li{
	list-style: none;
	text-align: left;
	padding: 2px;
	padding-left: 20px;
	padding-right: 30px;
}
#nav_items a{
	text-align: left;
	color: #202020;
	text-decoration: none;
	font-family: 'Inconsolata',  monospace;
	font-weight: 700;
	letter-spacing: 0.3px;
	/*padding: 1rem;*/
	font-size: 12pt;
}
#nav_items a:hover{
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
#svgIcons{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 20px;
}
#svgIcons > a{
	margin-right: 10px;
}
.open{
	top: 0px;
	right: 0px;
}
.close{
	top: -100vh;
	right: 0px;

	-webkit-transform: scaleY(0.8);

	    -ms-transform: scaleY(0.8);

	        transform: scaleY(0.8);
}
#burger {
	z-index: 10;
	position: fixed;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
 	cursor: pointer;
}
#burgerBG{
	z-index: 6;
	position: fixed;
	top: 2px;
	right: 2px;
	width: 78px;
	height: 68px;
	/*background-color: #fff;*/
	opacity: 0.9;
}
#strich {
	width: 40px;
	height: 5px;
	background-color: #9BA2BF;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#burger div::before,
#burger div::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 5px;
	background-color: #9BA2BF;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#burger div::before{
	-webkit-transform: translateY(-13px);
	    -ms-transform: translateY(-13px);
	        transform: translateY(-13px);
}
#burger div::after{
	-webkit-transform: translateY(13px);
	    -ms-transform: translateY(13px);
	        transform: translateY(13px);
}
#burger.x #strich {
  /*transform: translateX(-50px);*/
  background-color: #9BA2BF;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#burger.x #strich::before {
  /*transform: rotate(45deg) translate(35px, -35px);*/
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #9BA2BF;
}
#burger.x #strich::after {
  /*transform: rotate(-45deg) translate(35px, 35px);*/
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
 background-color: #9BA2BF;
}
/*BURGER ENDE*/
#imprint{
	font-size: 10pt !important;
	letter-spacing: 2px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-family: 'Inconsolata', monospace;
	text-decoration: none;
	font-weight: 600;
	font-size: 7pt !important;
	color: #202020;
	letter-spacing: 1px !important;
	text-transform: uppercase;
	padding-top:  20px;
}
#scrolldown{
	display: none;
}
/*#fr{*/
#menu-item-829-fr, #menu-item-857-en{
	position:absolute;
	right: 20px;
	background-color: #9BA2BF;
	letter-spacing: 0.4px;
	padding: 0 2px;
	margin: 0;
	height: 25px;
	line-height: 0pt;
	padding-left: 11px !important;
	padding-right: 11px !important;
}
#menu-item-829-fr a, #menu-item-857-en a{
	color:  #fff !important;
	font-size: 9pt !important;

}
/*header ende*/


/*CANVAS*/
main{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
	width: 100%;
	height: 100vh;
}
.p5Canvas{
}
/*CANVAS ENDE*/

/*LOGO + Start text*/
@media screen and (min-width: 600px) {

	#logo{
		width: 60vw;
		max-width: 900px;
		left: 20vw;
		top: 30vh;
		text-align: center;
		position: absolute;
	}
}
#intro p{
	position: absolute;
	left: 50vw;
	top: 50vh;
	width: 40vw;
	max-width: 400px; 
	/*border-radius: 2px;*/
	font-family: "Open Sans", sans-serif;
}
#intro p span{
	font-weight: 600;
	/*font-style: italic;*/
	font-size: 13pt;
	font-family: "Inconsolata";
}
/*animation f logo*/
.st1{
	stroke-width: .2;
	stroke-dasharray: 1000;
    /*stroke-dashoffset: 1000;*/
    -webkit-animation: dash 8s ease-out 1;
            animation: dash 8s ease-out 1;
}
.st0{
	stroke-width: .4;
	stroke-dasharray: 1000;
    /*stroke-dashoffset: 1000;*/
    -webkit-animation: dash 10s ease-out 1;
            animation: dash 10s ease-out 1;
}
/*logo animation*/
@-webkit-keyframes dash {
	from {
		stroke-dashoffset:1000;
	}
	to {
		stroke-dashoffset:0;
		/*stroke-dasharray: 100;*/
	}
}
@keyframes dash {
	from {
		stroke-dashoffset:1000;
	}
	to {
		stroke-dashoffset:0;
		/*stroke-dasharray: 100;*/
	}
}
.fliestext p{
	-ms-grid-column: 7;
	-ms-grid-column-span: 4;
	grid-column: 7/11;
	font-family: 'Asap', sans-serif;
	font-weight: 400;
	font-size: 11pt;
	line-height: 18pt;
	letter-spacing: 0.3;
	margin: 0;
	background-color:rgba(255,255,255,0.9);
	padding: 1.75rem 2rem;
}
.fliestext p strong {
	font-family: "Inconsolata";
	font-weight: 900;
	letter-spacing: 0.05em;
	font-size: 16px;
}
/*LOGO + Starttext ENDE*/


/*RESEARCH*/
#researchContainer{
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	padding: 3vw;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 5rem 2rem 6rem 2rem;
}
#researchContainer h1 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 7;
	grid-column: 2/9;
	margin: 0;
}
#researchContainer p {
	-ms-grid-column: 2;
	-ms-grid-column-span: 8;
	grid-column: 2/10;
	font-family: "Open Sans", sans-serif;
	font-size: 12pt;
	line-height: 17pt;
	font-weight: 300;
}
.researchPrev {
	-ms-grid-column: 3;
	-ms-grid-column-span: 7;
	grid-column: 3/10;
}
#researchPosts{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
/*RESEARCH END*/

/*NEWS*/
#news{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0, 0.8);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s; 
}
#news > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#newsContent{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	max-width: 600px;
	background-color: #fff; 
	padding: 2.5rem;
	line-height: 16pt;
	max-height: 80vh;
	overflow-y: scroll;
}
#newsContent > * {
	margin: 0;
}
#newsContent h1{
	font-family: "Inconsolata";
}
#newsContent h2{
	font-family: "Inconsolata";
	margin-top: 25px;
	margin-bottom: 10px;
	line-height: 25px;
}
#newsContent > p, a{
	font-family: "Open Sans", sans-serif;
	font-size: 11pt;
	line-height: 19pt;
	-webkit-transition: -webkit-text-decoration-color 0.25s;
	transition: -webkit-text-decoration-color 0.25s;
	-o-transition: text-decoration-color 0.25s;
	transition: text-decoration-color 0.25s;
	transition: text-decoration-color 0.25s, -webkit-text-decoration-color 0.25s;
}
#newsContent a{
	text-decoration: underline;
	-webkit-text-decoration-color: #000;
	        text-decoration-color: #000;
}
#newsExit{
	-ms-flex-item-align: end;
	    align-self: flex-end;
	/* margin-right: -31.81px; */
}
.newsOpen{
	opacity: 1;
	z-index: 4;
}
.newsClose{
	opacity: 0;
	z-index: -5;
}
/*NEWS END*/

/*PROJEKT UEBERSICHT*/
#mainContentP{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 700px;
	max-width: 1400px;
	padding: 65px 80px;
}
#mainContentP:first-child{
	max-width: 900px;
}
#mainContentP p {
	font-family: "Open Sans", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: 300;
	/*width: 66.6%;*/
}
#artworksText{
	max-width: 700px;
}
#aboutText{
	max-width: 700px;
	flex-direction: column;
}
#aboutText h2{
	font-size: 24pt !important;
	font-weight: 400 !important;
}
#aboutText h1{
	font-size: 18pt !important;
	font-weight: 700 !important;
}

.categories{
	max-width: 700px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify-content;
	    -ms-flex-pack: justify-content;
	        justify-content: justify-content;
	-ms-flex-wrap: wrap ;
	    flex-wrap: wrap ;
}
.filter-item{
	font-family: 'Inconsolata', monospace;
	font-weight: 800;
	font-size: 12pt;
	letter-spacing: .5px;
	text-decoration: none;
	padding: 0.4rem 0.5rem;
	border-style: solid;
  border-width: 1px;
	border-color: #fff;
	-webkit-transition: border-color 0.25s;
	-o-transition: border-color 0.25s;
	transition: border-color 0.25s;
	color: #767676;
}
.filter-item:hover{
	border-style: solid;
  border-width: 1px;
	border-color: #767676;
	text-decoration: none;
}
.filter-active{
	background-color: #000;
	color: #fff;
}
.filter-unactive{
	/*text-decoration: line-through;*/
}
#projectContainer{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 3px 1fr 3px 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
	grid-gap: 3px;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.projectThumb{
	position: relative;
	height: 250px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	color: #fff;
	cursor: pointer;
	line-height: 20pt;
}
.projectThumb img{
	position: relative;
	height: 300px;
	width: auto;
	display:block;
    margin:auto;
	-webkit-transition: -webkit-filter .5s;
	transition: -webkit-filter .5s;
	-o-transition: filter .5s;
	transition: filter .5s;
	transition: filter .5s, -webkit-filter .5s;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
	scale: 1.1;
	/*transform: translateX(-50%);*/
	/*filter: blur(2px);*/

}
.projectThumb p{
	position: absolute;
	/*top: 50%;*/
	left: 0px;
	bottom: 0;
	margin: 0;
	padding: 0.5rem;
	font-family: 'Inconsolata', monospace !important;
	font-weight: 300 !important;
	color: #fff;
	text-align: left;
	font-size: 30pt !important;
	line-height: 32pt !important;
	/*display: none*/
}
.projectThumb img:hover{
	-webkit-filter: none;
	        filter: none;
}
.projectList{
	color:  #000;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.projectList:hover{
	text-decoration: underline;
}
.projectList p{
	font-weight: bold !important;
	margin: 0;
}
#projectContainerList{
width: 100%;
	padding-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: hidden;
}
#mainContentP:first-child{
	max-width: 900px
}
#liste{
	width: 20%;
	z-index: 5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	line-height: 20pt;
}
#liste :first-child{
	/*margin-bottom: 66px;*/
}
.links{
	font-size: 14pt;
	line-height: 20pt;
	color: #202020;
	text-decoration: none;
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;

	font-family: 'Inconsolata', monospace !important;
}
.links:hover {
	color: #969696;
}
.links p {
	margin: 10px;
}
#thumbnails{
	padding-left: 20px;
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}
.thumbnail{
	margin: 0 auto;
	-webkit-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
	/*max-width: 500px;*/
	width: auto;
	overflow: hidden;
}
.thumbnail img {
	height: auto;
	z-index: -2;
}
.previewActive{
	opacity: 1;
}
.previewUnactive{
	opacity: 0;
	display: none;
}
/*PROJEKT UEBERSICHT ENDE*/



/*Exhibition list*/
.exhibitionlist > h1 {
	font-size: 18pt !important;
	font-weight: 700 !important;
}
.exhibitionlist > h2 {
	font-size: 24pt !important;
	font-weight: 400 !important;
}
#exhibWrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 17px;
}
#exhibWrap div p{
	margin: 0 !important;
	width: 77px;
	flex-basis: 77px;
	flex-grow: 0;
	flex-shrink: 0;
}
#exhibWrap div p strong{
	font-family: 'Inconsolata', monospace;	
	font-weight: 350;
	font-size: 16px	;
}
#exhibWrap div div a{
	text-decoration: none;
	color: #202020;
	font-weight: 600;
	flex-basis: auto;
}
#exhibWrap div div a:hover{
	text-decoration: underline !important;

}
.venue{
	font-weight: 300 !important;
}
.venue:hover{
	text-decoration: underline !important;

}
#exhibWrap > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
#exhibWrap > div > div {
	margin-left: 7px;

}
#exhibWrap > *{
	-ms-grid-column: 2;
	-ms-grid-column-span: 7;
	grid-column: 2/9;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 11pt;
	line-height: 18pt;
	margin: 0;
}
#mainContentP h2 {
	font-family: 'Inconsolata', monospace;
	font-size: 18pt;
	font-weight: 700;
	margin: 5px 0;
}
#mainContentP h1 {
	font-family: 'Inconsolata', monospace;
	font-size: 24pt;
	font-weight: 400;
	margin: 5px 0;
}
#gridExhibitionPage{
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	/*padding: 3vw;*/
	grid-column-gap: 20px;
	grid-row-gap: 5px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 5rem 80px 6rem 80px;
}
#gridExhibitionPage > *{
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-column: 1/6;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 11pt;
	line-height: 18pt;
	margin: 0;
}
#gridExhibitionPage h1{
	font-family: 'Inconsolata', monospace;
	font-size: 24pt;
	font-weight: 400;
}
.headline{
	font-family: 'Inconsolata', monospace;
	font-size: 24pt;
	font-weight: 400;
	margin: 0;
}
#gridExhibitionPage h2 {
	font-family: 'Inconsolata', monospace;
	font-size: 18pt;
	font-weight: 400;
	margin: 5px 0;
font-weight: 600;
}
#jahre{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#jahre button{
	/*font-size: 10pt;*/
	width: 52px;
}
#gridExhibitionPage p a{
	text-decoration: none;
	color: #202020;
	font-weight: 600;
}
#gridExhibitionPage p strong{
	font-weight: 600;
	letter-spacing: 1.2;
	font-size: 10pt;
}
#gridExhibitionPage p em{
	font-weight: 400;
}
#jahre{
	-ms-grid-row: 2;
	grid-row: 2;
}
#exhibitionThumbnail{
	width: 400px;
	height: 300px;
	/*background-color: red;*/
	position: fixed;
	top: 50%;
	bottom: 0;
	right: 3rem;
	background-position: center;
	background-size: cover;
}
/*EXHIBITION LIST ENDE*/


/*about contact STARTR*/

#gridAboutPage{
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	/*padding: 3vw;*/
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 5rem 2rem 6rem 2rem;
}
#gridAboutPage > *{
	-ms-grid-column: 2;
	-ms-grid-column-span: 7;
	grid-column: 2/9;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 12pt;
	line-height: 18pt;
	margin: 0;
}

#gridAboutPage img{
	-ms-grid-column: 2;
	-ms-grid-column-span: 4;
	grid-column: 2/6;
	-ms-grid-row: 1;
	grid-row: 1;

	height: auto;
	width: 100%;
}
#gridAboutPage p{

}
#gridAboutPage p strong{
	font-family: "Inconsolata";
	font-weight: 700;
}
#about{
	-ms-grid-column: 3;
	-ms-grid-column-span: 7;
	grid-column: 3/10;
}
.bodytext{
	max-width: 700px;
}
.bodytext strong{
	font-family: "Inconsolata";
	font-weight: 900;
	letter-spacing: 0.05em;
}
#mainContentP img{
	width: 400px;
	height: auto;
}

#side_nav_items{
	top: 80px;
	right: 80px;
	/*grid-column: 10/12;
	grid-row: 1/15;*/
	min-width: 187px;
	position: fixed;
	line-height:20pt;
	/*float: right;*/
}
#side_nav_items ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#side_nav_items a{
	text-align: left;
	color: #202020;
	text-decoration: none;
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
	letter-spacing: 0.3px;
	/*padding: 1rem 1rem 1rem 0.2rem;*/
	font-size: 12pt;
}
#side_nav_items a:hover{
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
.sub-menu {
	/*height: 0px;*/
	/*display: hidden;*/
	overflow: hidden;
	-webkit-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
}
#side_nav_items ul li ul li a{
	font-size: 10pt;
	padding: 0.4rem 0 0.4rem 1rem;
}
.sub-menu:hover{
	height: initial;
}
.current-menu-item{
	list-style-type: disc;
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
#gridAboutPage > h2 {
	font-size: 40pt;
	line-height: 40pt;
	font-family: "Inconsolata";
	font-weight: 500;
}
#ubersichtContainer{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1400px;
	padding: 80px;
	padding-right: 255px;
	display: -ms-grid;
	display: grid;
	grid-gap: 10px;
	-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
	padding-bottom: 8rem;
}
#uebersichtH1{
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-column: 1/4;
	margin: 0;
	font-family: "Inconsolata";
	font-size: 24pt;
	font-weight: 400;

}
.aboutThumbnail{
	max-width: 100%;
	text-decoration: none;
}
.aboutThumbnail img{
	width: 100%;
	height: auto;
}
.aboutThumbnail h2{
	font-family: "Inconsolata";
	height: auto;
}
/*about contact ENDE*/

/*ARTWORK SEITE GENERELLES*/
#player{
	/*margin-top: 50px;*/
	-ms-grid-column: 3;
	-ms-grid-column-span: 7;
	grid-column: 3/10;
}
#credits{
	-ms-grid-column: 7;
	-ms-grid-column-span: 4;
	grid-column: 7/11;
	-ms-grid-row: 9;
	grid-row: 9;
}
#credits h2, #exhibitions h2{
	font-family: 'Inconsolata', monospace;
	font-size: 14pt;
	font-weight: 600;
}
#credits p{
	font-size: 9pt;
	font-family: 'Open Sans', sans-serif;
	line-height: 16pt;
	margin-top: 0;
}
/*#credits p strong{
	font-style: italic;
}*/
#credits h3 {
	/*font-style: italic;*/
	font-size: 9pt;
	font-family: 'Open Sans', sans-serif;
	line-height: 16pt;
	margin-bottom: 0;
}
#exhibitions p {
	font-size: 9pt;
	font-family: 'Open Sans', sans-serif;
	line-height: 19px;
}
#exhibitions{
	-ms-grid-column: 3;
	-ms-grid-column-span: 4;
	grid-column: 3/7;
	-ms-grid-row: 9;
	grid-row: 9;
}
#artworkNav{
	/*grid-column: 1;*/
	/*grid-row: 9;*/
	width: 85px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	-ms-flex-item-align: end;
	    align-self: end;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
/* #artworkNav a svg{
	height: 36px;
	opacity: 1;
	-webkit-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
	text-decoration: none;
	fill: #969696;
} */
.uiHover {
	fill: #969696;
	transition: fill 0.25s ease;
}
.uiHover:hover{
	fill:#202020;
}
#artworkNav a svg:hover{
	fill: #202020;
}
#forward {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

/*EXHIBITON*/
#year{
	letter-spacing: 0.5px;
}
#event{
	font-weight: 600;
}
#ort{
	font-style: italic;
}

/*FOOTER*/
footer{
	width: 100%;
	height: 60px;
	bottom: 0px;
	position: absolute;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	/*justify-content: space-between;*/
}
footer div:first-child{
	height: 1px;
	right: 0px;
	/*width: calc((100vw/11) * 9 - 20px);*/
	width: 100%;
	background-color: #202020;
	/*position: absolute;*/
}
footer div:nth-child(2){
	-ms-flex-item-align: end;
	    align-self: flex-end;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
footer div:nth-child(2) a {
	padding: 10px;
	height: 40px;
}
footer a img:hover {
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
}
footer div a:last-child{
	padding-right: 20px;
}
.svgSocial{
	width: 15px;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
/*.svgSocial:hover{
	transform: scale(1.1);
}*/

.low {
	position: absolute;
	bottom: 0px;
}
.high{
	position: relative;

}

/*contact*/
.about{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
.about > div {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
}
.about h1{
	font-family: 'Inconsolata', monospace;
	font-size: 24pt;
	font-weight: 400;
	margin: 5px 0;
}
.about h2{
	font-family: 'Inconsolata', monospace;
	font-size: 18pt;
	font-weight: 700;
	margin: 5px 0;
}
.about p{
	max-width: 900px;
}
#contactWrap{
	width: 50%;
}
#contact{
	/*margin-top: 20px;*/
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	grid-column: 1/5;
	width: 50%;
}
#contact strong{
	font-family: "Inconsolata";
	font-weight: 900;
	letter-spacing: 0.05em;
	font-size: 18px;
}
#contact {
	font-family: "Open Sans", sans-serif;
	line-height: 20pt;
}
.form{
	width: 50%;
}
form p label {
	font-family: 'Inconsolata', monospace;
	font-size: 20px;
	letter-spacing: 0em;
	font-weight: 500;
}
.wpcf7-text, .wpcf7-textarea{
	border-width: 2px;
	border-style: solid;
	border-color: #202020;
	opacity: 0.75;
	width: 100%;
	max-width: 430px;
}
.wpcf7-submit{
	font-family: 'Inconsolata', monospace;
	background-color: #202020;
	color: #fff;
	border-style: none;
	padding: 0.4rem 0.5rem;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .5px;
	text-decoration: none;
}
#agentur{
	width: 50%;
}
#agentCon{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 
}
.agentConEl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex	;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 15px;
}
.agentConEl img{
	margin-right: 20px;
	width: 20px !important;
	height: 20px !important;
}
.agentConEl a{
	font-family: 'Inconsolata', monospace;
	color: #202020;
	font-size: 20px;
	font-weight: 400;
	white-space: nowrap;
}
#agentur h3{
	font-family: 'Inconsolata', monospace;
	font-weight: 600;
	margin-top: 0;
}
#agentur h4 {
	font-family: 'open sans';
	font-weight: 600;
}
/*videoplayer*/
.mejs-controls {
  display: none !important;
  visibility: hidden !important;
  }	

  .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}