

/* Reset
-------------------------------------------------- */
*, *:before, *:after {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
	display: block;
}


/* Pix
-------------------------------------------------- */
img {
	display: block;
}


/* Links
-------------------------------------------------- */
a {
	color: #e2017b;
	text-decoration: none;
	transition: color .2s, background .2s, border .2s;
}
a:hover {
 color: #000;
}



.link a{
	border-bottom: 0px solid #767676;
	padding-bottom: 1px;
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 25px;
	bottom: 20px;
	background: url("images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

#fixiert {
		position: fixed; width: 880px;
		background: red;
}


/* Clearfix
-------------------------------------------------- */
.cf:after {
	content: "";
	display: table;
	clear: both;
}


/* Site
-------------------------------------------------- */
html {
	height: 101%;
	font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering:optimizeLegibility;
}

body {
 	margin: 0 auto;
 	font-size: 1.0em;
 	line-height: 1.5em;
 	letter-spacing: 0.02em;
		margin-top:4px;
		margin-bottom:2px;
 	width: 88%;
 	max-width: 1080px;
 	background-color: #fff;
 	padding: 1em 3em 0 3em;
 	color: #2f2f2f;
}


title {
	font-size: 1.05em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	text-transform: uppercase; 
	clear: left;
		}


title1 {
		color: #e2017b;
		font-size: 2.0em;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 0.03em;
		margin-top: 0px;
		margin-bottom: 0px;
		font-style: italic;
}

title2 {
		color: #e2017b;
		font-size: 1.4em;
		text-decoration: none;
		font-weight: 400;
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		letter-spacing: 0.05em;
		line-height: 1.5em;
		margin-top: 0px;
		margin-bottom: 4px;
		margin-left: 0px;
		font-style: italic;
}

title3 {
		color: #e2017b;
		font-size: 0.8em;
		text-decoration: none;
		font-weight: 400;
		font-style: italic;
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		line-height: 18px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-style: italic;
}

title4 {
    color: #000;
    font-size: 1.3em;
    text-decoration: none;
    font-weight: 700;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    margin-top:0px;
    margin-bottom:4px;
    margin-left:0px;
}


.citation {
    font-size: 1em;
    color: #666666;
    font-weight: 400;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    margin-top: 20px;
    margin-bottom: 24px;
    margin-left: 25px;
    font-style: italic;
}

.author {
    font-size: 0.85em;
    text-align: right;
    line-height: 1.5em;
    margin-left: 25px;
    margin-right: 15px;
    margin-top: -10px;
    padding-bottom: 10px;
}


bu {
    color: #777777;
    line-height: 1em;
    font-size: 0.85em;
    text-decoration: none;
    padding-top: -12px;
    margin-left: 0px;
}

.text {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-top: 10px;
}


.space {
	margin-bottom: 2em;
}	

/* Header
-------------------------------------------------- */
.header {
	margin-bottom: 3em;
		padding-top: 0em;
	padding-bottom: 1em;
}

.header-home {
	margin-bottom: 1em;
	padding-top: 0em;
	padding-bottom: 1em;
}

.logo {
	float: left;
	margin-top: 0em;
	display: block;
	font-size: 1.1em;
	line-height: 1.25em;
}
	
.logo a:hover	{
	text-decoration: none;
}

.logohome {
	display: block;
	font-size: 2.1em;
	line-height: 1.25em;
	color: #ffffff;
}


/* Footer
-------------------------------------------------- */


#footer {
	position: relative;
	bottom: 0;
	display: block;
	width: 100%;
	line-height: 1.0em;
	text-align: left;
	font-size: 0.5em;
	margin-top: 10em;
	color: #999;
	background: #fff;
}



/* Navigation
-------------------------------------------------- */
.menu {
	margin-top: 24px;
	font-style: italic;
	float: right;
}

.menu a {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 1.8em;
	text-transform: uppercase;
}

.menu a:hover {
	color: #e2017b;
}

.menu li {
	list-style: none;
	float: left;
	position: relative;
	padding: 0em 0em 0em 2.3em;
}

.menu li:first-child {
 padding-left: 0em;
}

@media screen and (max-width: 325px) {

	body {
	width: 100%;
	padding: 1.3em;
	}
	
	.header {
	margin-bottom: 1em;
	padding-top: 0em;
	}

	.logo, .logohome {
	width: 80%;
	font-size: 1.4em;
	float: none;
	}

	
	.menu {
	display: block;
	float: none;
	}
	
	.menu li {
	padding: 0em 1.7em 0em 0em;
	} 
}


@media screen and (min-width: 325px) and (max-width: 430px) {
	body {
	width: 100%;
	padding: 1.3em;
	}
	
	.header {
	margin-bottom: 1em;
	padding-top: 0em;
	}

	.logo, .logohome {
	width: 250px;
	font-size: 1.6em;
	float: none;
	}

	
	.menu {
	display: block;
	float: none;
	}
	
	.menu li {
	padding: 0em 1.7em 0em 0em;
	} 
	
}

@media screen and (min-width: 430px) and (max-width: 768px) {
	body {
	width: 100%;
	padding: 2em;
	}
	
	.header {
	margin-bottom: 1em;
	padding-top: 0em;
	}

	.logo, .logohome {
	width: 300px;
	font-size: 1.6em;
	float: none;
	}

	
	.menu {
	float: none;
	}
	
	.menu li {
	padding: 0em 1.7em 0em 0.1em;
	}	
}

@media screen and (min-width: 768px) and (max-width: 910px) {
	body {
	width: 100%;
	padding: 2em;
	}
	
	.menu {
	float: none;
	margin-top: 1.5em;
	}
	
	.menu li {
	padding: 0em 1.7em 0em 0em;
	}
	
	.logo {
	width: 160px;
	float: none;
	}
}

@media screen and (min-width: 770px) {

.menu .active {
	border-bottom: 1px solid #e2017b;
	padding-bottom: 2px;
}
}

/* Headings
-------------------------------------------------- */
h1 {
	font-size: 2em;
	line-height: 1.25em;
	margin-bottom: .5em;
	color: #353535;
	font-weight: 400;

}

h2 {
	font-size: 1.2em;
	text-transform: uppercase; 
	line-height: 1.3em;
	margin-bottom: 1em;
	font-weight: 400;

}
h3 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 1em;
	font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a {
	color: inherit;
	border: 0 !important;
}


/* Grid
-------------------------------------------------- */
	
.gridborder {
	margin-left: -15px;
	margin-right: -15px;
	}	
	
.gridframe {
	width: 50%;
		float: left;
		position:relative;
		margin-bottom: 1.5em;
		padding-left: 15px;
	padding-right: 15px;
}
	
.grid-img-h:before {
	content: "";
	display:block;
	padding-top: 140%;
	}
	
.grid-img-h {
	position:relative;
}

.grid-img-h img{
	position: absolute;
	left: 15px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: normal;
}

.grid-title {
	position: relative;
	margin-top: 0.6em;	
	height: 4em;
	font-size: 1em;
	line-height: 1.35em;
	letter-spacing: 0.03em;
	width: 100%;
}

.more {
	width: 100%;
	border-bottom: 1px solid #767676;
	padding-bottom: 1px;
	margin-top: 1.5em;
	font-size: 1.05em;
	}
	
.anchor {
	font-size: 0.95em;
	text-transform: uppercase;
	border-bottom: 0 !important;
}

.mobil {
	display: none;
}

@media screen and (max-width: 400px) {	
	.gridframe { 
	width: 100%;
		margin-bottom: 0.5em;
	}
		
	.grid-title {
	margin-top: 0.9em;	
		width: 100%;
	}
}

@media screen and (min-width: 400px) and (max-width: 768px) {	
	.grid-title {
			width: 100%;
	}
}



/* Works
-------------------------------------------------- */

.worktitle {
	font-size: 1.05em;
	text-transform: uppercase; 
}

.worktitle p {	
	margin-bottom: 1em;}

.workdata {
	width: 50%;
	margin-bottom: 1.5em;
}

.worktext {
	clear: both;
	width: 80%;
	margin-bottom: 1.5em;
}

.worktext p {
	margin-bottom: 1.1em;
}
	

.workgroup {
	margin-left: -15px;
	margin-right: -15px;
}

.work-v {
	width: 50%;
	float: left;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.workimg:before {
	content: "";
	display:block;
	padding-top: 140%;
	}

.workimg {
	position: relative;
	margin-bottom: 10px;
}

.workimg img{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.work-h{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.work-h img {
	width: 100%;
}

.workcapt-v {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;

}

.workcapt-h {
	width: 80%;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

.videocapt {
	width: 80%;
	margin-bottom: 15px;
}

figure a{
			cursor:pointer;
			cursor:-webkit-zoom-in;
			cursor:-moz-zoom-in;
			cursor:zoom-in;
			}

@media screen and (max-width: 400px) {
	.work-v, .workcapt-h, .videocapt, .workdata, .worktext {
	width: 100%;
	}	 
}

@media screen and (min-width: 400px) and (max-width: 768px) {	
	.workcapt-h, .videocapt, .workdata, .worktext {
			width: 80%;
	}
}


 /* Exhibitions
-------------------------------------------------- */

.exhibtitle {
	font-size: 1.05em;
	text-transform: uppercase; 
	line-height: 1.3em;
}

.exhibdata {
	margin-bottom: 1em;
}

.exhibtext {
	margin-top: 1.5em;
}

.exhibtext p{
	margin-bottom: 1.1em;
	}

.exhib-img {
	position:relative;
	display: block;	
	margin-bottom: 3em;
	}

.exhib-img:before {
	content: "";
	display: block;
	padding-top: 75%;
	}

.exhib-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}	

.txtexhib	{
	position: absolute;
	top: 100%;
	padding: 0 8px;
	}

.picinfo {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 80%;
	}	


@media screen and (max-width: 400px) {
	.exhib-img {
	margin-bottom: 1.2em;
	}
	.exhib 	{
	margin-bottom: 2em;
	}
	
	.picinfo {
	width: 100%;
	}	
}

@media screen and (min-width: 400px) and (max-width: 768px) {
	.exhib-img {
	margin-bottom: 2.5em;
	}
	.exhib 	{
	margin-bottom: 2em;
	}
	.picinfo {
	width: 80%;
	}	
}


 /* Video
-------------------------------------------------- */

.video {
	width: 100%;
	margin-bottom: 1em;
	height: auto;
	}
	

 /* Publications
-------------------------------------------------- */


.publcont {
	float: left;
	display: block;
		margin-bottom: 3em;
		width: 50%;
	}

.publcont p {
		margin-left: -0.5em;
	}

.publimg {
	position:relative;
	float: left;
	width: 45%;
	}

.publtext {
	position:relative;
	float: left;
	width: 55%;
	padding: 0 2em 0;
}

.publtitle {
	font-size: 1.05em;
	text-transform: uppercase; 
	margin-bottom: 0.4em;
}

.publimg:before {
	content: "";
	display:block;
	padding-top: 135%;
	margin-bottom: 5%;
	}

.publimg img {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}	


@media screen and (max-width: 600px) {	
	.publcont {
		margin-bottom: 3em;
		width: 100%;
		}
}


 /* CV
-------------------------------------------------- */

.cv {
	margin-bottom: 2.5em;
}

.cv p {
	margin-bottom: 1.1em;
}


.cvtitle {
	font-size: 1.05em;
	text-transform: uppercase;
	margin-bottom: 1.2em;
}

.cvlink {
	float: left;
	list-style: none;
	font-size: 0.85em;
	text-transform: uppercase;
}

.cvlink li {
	padding: 0.5em 0em;
}

.cvlink a {
	text-decoration: none;
}



 /* Press
-------------------------------------------------- */
.press p {
	margin-bottom: 1em;
	line-height: 1.6em;
}	

.press {
	margin-bottom: 4em;
}	
	


/* Contact / Imprint
-------------------------------------------------- */
.credit {
	font-size: 0.9em;
	margin-top: 2em;
	text-transform: uppercase; 
}

.contact {
	float: left;
	width: 25%;
	line-height: 1.45em;
	margin-bottom: 4em;
}

.imprint {
	width: 90%;
	color: #929292;
	font-size: .95em;
}

.imp {
	padding-top: 4em;
	display: block;
	clear: left;
	text-transform: uppercase; 

}


@media screen and (max-width: 400px) {
	
.contact {
	float: none;
	width: 100%;
	margin-bottom: 2em;
}

.row {
	padding-bottom: 4em;
}
}

@media screen and (min-width: 400px) and (max-width: 768px) {
.contact {
	width: 33.33%;
	margin-bottom: 4em;
}

.imp {
	padding-top: 2em;
}

}


 /* Home
-------------------------------------------------- */

.hometxt {
	font-size: 2.5em;
	line-height: 1.25em;
	color: #000;
	z-index: 33;
}

.hometxt_w {
	font-size: 2.5em;
	line-height: 1.25em;
	color: #fff;
	z-index: 33;
	
}

.news1 {
	padding: 180px 0 5px 0;
}

.news2 {
	padding: 120px 0 5px 0;
}

.news3 {
	padding: 60px 0 5px 0;
}

.homepic {
	width: 100%;
	position:relative;
	display: block;	
	margin-bottom: 1.8em;
	z-index: 0;
	}

.homepic:before {
	content: "";
	display: block;
	padding-top: 50%;
	}

.homepic img {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}	

#all {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 325px) {
	.hometxt, .hometxt_w {
	font-size: 1.4em;
	}
	
	.news1 {
	padding: 120px 0 5px 0;
	}

	.news2 {
	padding: 80px 0 0px 0;
	}

	.news3 {
	padding: 50px 0 5px 0;
	}
	
	.homepic {
	margin-bottom: 1.3em;
	}
}
	
	

		
@media screen and (min-width: 325px) and (max-width: 430px) {
	.hometxt, .hometxt_w {
	font-size: 1.6em;
	}
	
	.news1 {
	padding: 120px 0 5px 0;
	}

	.news2 {
	padding: 80px 0 0px 0;
	}

	.news3 {
	padding: 50px 0 5px 0;
	}
	
	.homepic {
	margin-bottom: 1.3em;
	}
}
	
@media screen and (min-width: 430px) and (max-width: 768px) {
	.hometxt, .hometxt_w {
	font-size: 1.6em;
	}
	
	.news1 {
	padding: 70px 0 5px 0;
	}

	.news2 {
	padding: 40px 0 0px 0;
	}

	.news3 {
	padding: 20px 0 5px 0;
	}
}

.royalSlider img {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    max-height: 100%;
}


/*.grid-img-h img:hover, .grid-img-h img:active, .publcont a img:hover, .publcont a img:active, .newscont a img:hover, .newscont a img:active, .exhib-img img:hover, .exhib-img img:active {
	filter:alpha(opacity=80);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	}
*/

