* {
	z-index: 500;
	}

body {
	background-color: rgb(249,248,250);
	color: rgb(44,44,44);
	font-family: Werksatz05, 'Helvetica Now', 'Akzidenz Grotesk', 'Helvetica Neue', Helvetica, Arial,/*URWDin, DIN, DINNext, 'DIN Next', 'DIN Next LT',  'Humanist521',Gill Sans,Gill Sans MT,Calibri,*/sans-serif;
	font-size: 16px;
	line-height: 140%;
	font-style: normal;
	font-weight: 350;
	padding: 28px 0px 37px 0px;
	text-align: left;
	font-variant-numeric: oldstyle-nums;
	}
	
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	}
	
img {
	max-width: 100%;
	}
	
a:link {
	color: rgb(180,180,180);
	transition: color 1500ms ease;
	}
	
a:visited {
	color: rgb(160,160,160);
	transition: color 1500ms ease;
	}
	
a:hover {
	color: rgb(215,215,220);
	transition: color 200ms ease;
	}
	
a:active {
	color: rgb(215,215,220);
	transition: color 150ms ease;
	}
	
a.extlink:after {
	content: '°';
	color: rgb(180,180,180);
	}
	
a:after {
	content: '';
	}

.cta { 
	display: inline-block;
	margin: 24px 0px;
	line-height: 1em;
	background-color: #333333;
	border: 1px solid #bfbfbf;
	text-align: center;
	padding: 10px 25px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 600;
	color: rgb(255,255,255) !important;
	transition: background-color 1s !important;
	}

.cta:hover,
.cta:active,
.cta:focus {
	background-color: #B17C1A;
	}
	
#sitetitle {
	font-size: 21px;
	font-weight: 350;
	text-transform: lowercase;
	letter-spacing: 0px;
	color: rgb(180,180,180);
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	}
	
#sitetitle a:link, #sitetitle a:visited, #sitetitle a:hover, #sitetitle a:active {
	color: rgb(44,44,44);
	}

	
nav {
	font-size: 21px;
	font-weight: 350;
	text-transform: lowercase;
	color: rgb(44,44,44);
	}
	
nav a:before, nav a:after {
	content: '';
	}
	
nav a:link, nav a:visited {
	color: rgb(44,44,44);
	transition: color 1500ms ease;
	}
	
nav a:hover,nav a:active {	
	color: rgb(215,215,220);
	transition: color 200ms ease;
	}
	
.spacer {
	position: inherit;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 1;
	z-index: 400;
	}
	
.fixednav {
	position: fixed;
	z-index: 600;
	margin: 0;
	padding: 0;
	}
	
nav ul {
	margin: 28px 0 0 0;
	}

nav li {
	list-style-type: none;
	margin-left: 0px;
	line-height: 150%;
	}

nav .networking-links {
	margin-top: 1.5rem;
	}
	
.networking-links a:link, .networking-links a:visited {
	color: rgb(210,210,210);
	transition: color 1500ms ease;
	margin-right: 0.4rem;
	}
	
.networking-links a:hover, .networking-links a:active {	
	color: rgb(238,238,245);
	transition: color 200ms ease;
	margin-right: 0.4rem;
	}
	
.mobilenav .networking-links a:link, .mobilenav .networking-links a:visited {
	margin-right: 0.8rem;
	}
	
.mobilenav .networking-links a:hover, .mobilenav .networking-links a:active {
	margin-right: 0.8rem;
	}

.mobilenav .networking-links {
	font-size: 0.8em;
	}
	
.mobilenav {
	margin-top: 0;
	padding-top: 0;
	}
	
.mobilenav ul {
	margin: 0 0 21px 0;
	}
	
.mobilenav li {
	display: inline;
	visibility: visible;
	margin: 0px 10px 0px 0px;
	}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.25px;
	font-weight: 500;
	}

h1 {
	font-style: normal;
	font-weight: normal;
	letter-spacing: -1.25px;
	font-size: 36px;
	text-transform: none;
	margin: 0px 0px 37px 0px;
	padding: 0;
	line-height: 100%;
	}
	
h2 {
	font-size: 21px;
	margin-bottom: 12px;
	line-height: 120%;
	}

* + h2 {
	margin-top: 37px;
	}
	

h3 {
	font-size: 16px;
	margin-bottom: 9px;
	line-height: 120%;
	font-style: normal;
	}
	
em {
	font-style: normal;
	font-weight: inherit;
	}
	
i {
	font-style: normal;
	}
	
strong {
	font-weight: 500;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	}
	
b {
	font-weight: 500;
	}
	
.invite-img {
	/*border: 10px solid rgb(128,128,131);
	border: 1vw solid rgb(128,128,131);
	width: 100%;
	width: calc(100% - 10px);
	width: calc(100% - 1vw);*/
	border: none;
	width: 100%;
	margin: 0 0 50px 0;
	margin: 0 0 5vw 0;
}

.frontpage-splash-info {
	display: none;
	}
	
.hauptbild {
	display: block;
	max-width: 100%;
	margin: 37px 0 0 0;
	}
	
.work-thumb {
	margin-bottom: 24px;
	color: rgb(128,128,128);
	}
	
.work-thumb img {
	margin-bottom: 4px;
	}
	
.work-thumb a:link, .work-thumb a:visited {
	color: rgb(44,44,48);
	transition: color 1500ms ease;
	}
	
.work-thumb a:hover, .work-thumb a:active {
	color: rgb(128,128,136);
	transition: color 200ms ease;
	}
	
.worklist {
	margin: 0 0 21px 0;
	padding: 0;
	font-size: 21px;
	font-weight: 350;
	line-height: 140%;
	}

.worklist li {
	list-style-type: none;
	margin-left: 0;
	margin-right: 21px;
	}
	
.vita-container {
	margin-left: 0;
	padding-left: 0;
	}
	
.exhibition-container {
	margin-right: 0;
	padding-right: 0;
	}
	
.vita, .publications, .exhibitions {
	margin: 0;
	padding: 0;
	}
	
.publications {
	margin-bottom: 37px;
	}
	
.vita dt, .publications dt, .exhibitions dt {
	font-weight: 400;
	float: left;
	clear: left;
	width: 35 px;
	text-align: right;
	font-size: 12px;
	line-height: inherit;
	color: rgb(180,180,180);
	}
	
.vita .jahresabschnitt {
	padding-top: 5px;
	line-height: 100%;
	}
	
.publications .editor {
	color: rgb(160,160,160);
	}
	
.vita dd, .publications dd, .exhibitions dd {
	margin: 0 0 0 42px;
	padding: 0 0 7px 0;
	}
	
.vita-container h2, .exhibition-container h2 {
	font-size: 21px;
	font-weight: 500;
	font-style: normal;
	line-height: 120%;
	margin-bottom: 16px;
	/*margin-left: 42px;*/
	}
	
.vita-container * + h2, .exhibition-container * + h2 {
	margin-top: 37px;
	}
	
.exhib-title {
	font-style: normal; /*change back to italic once italics are available*/
	color: rgb(0,0,0);
	}
	
.email, .address, .socialmedia, .copyright, .legal, .ustid, .pressquote {
	margin: 0px 0px 16px 16px;
	}

.impressumslink {
	font-size: 0.85em;
	}
	
.pressquote {
	font-weight: 350;
	font-size: 16px;
	font-size: 1rem;
	line-height: 140%;
	font-style: normal; /*change back to italic once italics are available*/
	}

/* Unslider core*/

.artslide {
	position: relative;
	overflow: auto;
	}
	
.artslide ul {
	padding: 0;
	margin: 0;
	}
    
.artslide li { 
	list-style: none;
	}	
	
.artslide ul li { 
	float: left; 
	}

/* Unslider options */

.artslide {
	margin: 0 0 37px 0;
	padding: 0;
	max-width: 100%
	}
	
.artslide li {
	margin: 24px 0 0 0;
	padding: 0;
	max-width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	}
	
.artslide a:before {
	content: '';
	}
	
.artslide figure {
	width: 100%;
	padding-bottom: 141%;
	position: relative;
	margin: 0;
	overflow:hidden;
	}
	
.artslide figcaption {
	position: absolute;
	bottom: 1vw;
	bottom: 2vw;
	bottom: calc(1vw + 24px);
	left: 1vw;
	margin: -24px 0 0 0;
	padding: 0;
	text-shadow: 0px 0px 20px rgb(0,0,0);
	color: rgb(255,255,255);
	}
	
.frontslide li {
	margin: 0;
}

.frontslide figure {
	padding-bottom: 90vmin;
	}
	
.frontslide figcaption {
	text-align: center;
	bottom: 0;
	padding-bottom: 45vh;
	padding-bottom: 45vmin; /* or 70.5% if normal artslide-padding-bottom ist used*/
	width: 100%;
	font-size: 7vw;
	font-size: 37px;
	line-height: 100%;
	font-weight: 350;
	letter-spacing: 3px;
	letter-spacing: 1vw;
	text-transform: uppercase;
	text-shadow: 0px 0px 15px rgba(0,0,0,0.9);
	color: rgba(255,255,255,0.9);
	}

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */

/*.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}*/

/** Try some CSS for dots? **/

.dots {
    position: absolute;
	top: 0px;
    right: -3px;
	margin: 0px auto;
}
.dots li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 4px;

    text-indent: -999em;

    border: 2px solid rgba(128,128,128,0.8);
    border: 2px solid #888;
    border-radius: 7px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
	/* box-shadow: 0px 0px 10px rgba(128,128,128,0.5); */
}
.dots li.active {
    background: #fff;
    opacity: 1;
}

.frontslide .dots {
	display: none;
}

.singlesheetslide .dots {
	display: none;
}
	
.projectdetails {
	font-size: 21px;
	line-height: 140%;
	padding-left: 0;
	font-weight: 350;
	margin: 0px 0px 37px 0px;
	}
	
.photo-title {
	visibility: hidden;
	}
	
.photohint {
	font-size: 12px;
	line-height: 16px;
	margin-top: 16px;
	font-weight: 500;
	}

.photohint a:link, .photohint a:visited {
	color: rgb(44,44,44);
	transition: color 1500ms ease;
	}
	
.photohint a:hover, photohint a:active {	
	color: rgb(215,215,220);
	transition: color 200ms ease;
	}

	
.navigationhint {
	font-size: 12px;
	line-height: 100%;
	font-weight: 500;
	color: rgb(209,208,210);
	color: rgba(209,208,210,0);
	margin: 84px 0 0 0;
	transition: color 500ms ease;
	/* position: fixed; */
	}

.navigationhint:hover {
	color: rgb(80,80,80);
	color: rgba(80,80,80,1);
	transition: color 1000ms ease;
	}

.artslide figcaption.darkcaption {
	text-shadow: 0px 0px 20px rgb(255,255,255);
	color: rgb(44,44,44);
	}

/** Identity Letters Webfonts **/
/** Used under license **/

@font-face {
	font-family: Werksatz05;
	src: url('../webfonts/werksatz/Werksatz-Book.woff') format('woff');
	src: url('../webfonts/werksatz/Werksatz-Book.woff2') format('woff2');
	font-weight: 350;
	font-style: normal;
	}

@font-face {
	font-family: Werksatz05;
	src: url('../webfonts/werksatz/Werksatz-Regular.woff') format('woff');
	src: url('../webfonts/werksatz/Werksatz-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	}

@font-face {
	font-family: Werksatz05;
	src: url('../webfonts/werksatz/Werksatz-Medium.woff') format('woff');
	src: url('../webfonts/werksatz/Werksatz-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	}

@font-face {
	font-family: Werksatz05;
	src: url('../webfonts/werksatz/Werksatz-SemiBold.woff') format('woff');
	src: url('../webfonts/werksatz/Werksatz-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	}

/*@import url("//hello.myfonts.net/count/2d2310");*/


/** URW Webfonts **/
/** Used under license **/

/**
@font-face {
	font-family: URWDin;
	src: url('../webfonts/urwdin/URWDIN-Light.woff');
	font-weight: 300;
	font-style: normal;
	}

@font-face {
	font-family: URWDin;
	src: url('../webfonts/urwdin/URWDIN-LightItalic.woff');
	font-weight: 300;
	font-style: italic;
	}
 
  
@font-face {
	font-family: URWDin;
	src: url('../webfonts/urwdin/URWDIN-Regular.woff');
	font-weight: 500;
	font-style: normal;
	}
 
  
@font-face {
	font-family: URWDin;
	src: url('../webfonts/urwdin/URWDIN-Italic.woff');
	font-weight: 500;
	font-style: italic;
	}
**/


/**
 * @license
 * MyFonts Webfont Build ID 2958096, 2015-01-22T11:34:53-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Humanist521BT-Light by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/light/
 * 
 * Webfont: Humanist521BT-Roman by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/humanist-521/
 * 
 * Webfont: Humanist521BT-Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2958096
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/

/*  
@font-face {
	font-family: Humanist521;
	src: url('../webfonts/2D2310_0_0.eot');
	src: url('../webfonts/2D2310_0_0.eot?#iefix') format('embedded-opentype'),
	url('../webfonts/2D2310_0_0.woff2') format('woff2'),
	url('../webfonts/2D2310_0_0.woff') format('woff'),
	url('../webfonts/2D2310_0_0.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	}
 
  
@font-face {
	font-family: Humanist521;
	src: url('../webfonts/2D2310_1_0.eot');
	src: url('../webfonts/2D2310_1_0.eot?#iefix') format('embedded-opentype'),
	url('../webfonts/2D2310_1_0.woff2') format('woff2'),
	url('../webfonts/2D2310_1_0.woff') format('woff'),
	url('../webfonts/2D2310_1_0.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	}
 
  
@font-face {
	font-family: Humanist521;
	src: url('../webfonts/2D2310_2_0.eot');
	src: url('../webfonts/2D2310_2_0.eot?#iefix') format('embedded-opentype'),
	url('../webfonts/2D2310_2_0.woff2') format('woff2'),
	url('../webfonts/2D2310_2_0.woff') format('woff'),
	url('../webfonts/2D2310_2_0.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	}
 */