@charset "utf-8";

@font-face {	font-family: 'PostGrotesk-Book';	src: url('../fonts/PostGrotesk-Book.eot'); /* IE9 Compat Modes */	src: url('../fonts/PostGrotesk-Book?iefix') format('eot'), /* IE6-IE8 */		 url('../fonts/PostGrotesk-Book.woff') format('woff'), 	     url('../fonts/PostGrotesk-Book.woff2') format('woff2'); font-feature-settings: "ss01";}
@font-face {	font-family: 'PostGrotesk-BookItalic';	src: url('../fonts/PostGrotesk-BookItalic.eot'); /* IE9 Compat Modes */	src: url('../fonts/PostGrotesk-BookItalic?iefix') format('eot'), /* IE6-IE8 */		 url('../fonts/PostGrotesk-BookItalic.woff') format('woff'), 	     url('../fonts/PostGrotesk-BookItalic.woff2') format('woff2'); font-feature-settings: "ss01";}
@font-face {	font-family: 'PostGrotesk-Bold';	src: url('../fonts/PostGrotesk-Bold.eot'); /* IE9 Compat Modes */	src: url('../fonts/PostGrotesk-Bold?iefix') format('eot'), /* IE6-IE8 */		 url('../fonts/PostGrotesk-Bold.woff') format('woff'), 	     url('../fonts/PostGrotesk-Bold.woff2') format('woff2'); font-feature-settings: "ss01";}
@font-face {	font-family: 'PostGrotesk-BoldItalic';	src: url('../fonts/PostGrotesk-BoldItalic.eot'); /* IE9 Compat Modes */	src: url('../fonts/PostGrotesk-BoldItalic?iefix') format('eot'), /* IE6-IE8 */		 url('../fonts/PostGrotesk-BoldItalic.woff') format('woff'),	     url('../fonts/PostGrotesk-BoldItalic.woff2') format('woff2'); font-feature-settings: "ss01";}



html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dfn, em, img, strong, b, u, i,l, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	vertical-align: baseline; font-style: normal; font-weight: normal; }
html {	height: 100%; }
body{ width: 100%; top:0; position:relative; font-family: 'PostGrotesk-Book', sans-serif; font-weight: normal; font-size: 24px; line-height:29px; letter-spacing:0pt; background:#fffdf2; color:#1a1a1a; }
a{  text-decoration: none ; color:#1a1a1a;  outline:none !important; border: none !important; }
a:hover { color: #1a1a1a; }
a:focus, area, area a , map, map area { outline: none; }
b, strong { font-family: 'PostGrotesk-Bold', "Times New Roman", Times; font-style: normal; font-weight: normal; }
table {	border-collapse: collapse; border-spacing: 0; border: 0; font-style: normal;}
i, em { font-family: 'PostGrotesk-BookItalic'; font-weight: normal; }
i strong, em strong, strong i, strong em{ font-family: 'PostGrotesk-BoldItalic'; font-weight: normal; }
td{	vertical-align:top;}
hr{ border:none; border-bottom:4px solid #70706f; margin:25px auto; padding:0; width: 40%;	}
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px auto; padding:0px;display:block; }
.clearfix::after { content: ""; clear: both; display: table; }
img { height:auto; }
.mobile { display:none; }
.desktop { display:block; }
.row { overflow:hidden; }
.nowrap { white-space:nowrap; }

h1, h2{ font-size: 30px; line-height:29px; font-family: 'PostGrotesk-Book',  "Times New Roman", Times;  font-weight: normal;}
h2 { font-family: 'PostGrotesk-Book',  "Times New Roman", Times;  font-weight: normal;}

body.home { background:#faf2d5; }


#homeLogo { width:100%;  height:auto; margin:164px 0 0 0; }

.innerWrap { width:84%; max-width:1296px; margin: 0 8%;  }

.contentBox { padding:160px 0 50px 0; box-sizing:border-box;  position:relative; }

#header { width:100%;  position:fixed; top:0; margin-top:0; transition: all 0.5s ease-in-out ; z-index:10000; }
.topHeader { background:#faf2d5; height:72px; }
.subHeader { background:transparent; height:72px; }
#logo { font-size:18px; line-height:22px; display:inline-block; width:175px; letter-spacing:0.5pt; }

.headerPassive { transform: translate(0, -144px);  transition: all .5s ease-in-out ;}

#mainNav { margin:18px 0 20px 0px; display:inline-block;; }
#mainNav li { list-style:none; margin: 0; padding:0; height:auto; line-height:18px; display:inline-block; margin-left:20px;  }
#mainNav li a { font-size:18px; line-height:22px; padding:0; letter-spacing: 0.5pt; text-decoration:none; color:#1a1a1a; display:inline; letter-spacing:0.5pt; font-family: 'PostGrotesk-Book' , sans-serif, Arial; }
#mainNav li a:hover, #mainNav li.active a { font-family: 'PostGrotesk-Bold' ,  "Times New Roman", Times;  letter-spacing:0pt;}

#subNav { padding-top:21px; }
#subNav li { display:inline-block; margin-right:20px; width:105px; }
#subNav li a { font-family: 'PostGrotesk-Book' , sans-serif, Arial; letter-spacing:0.5pt; }
#subNav li a:hover, #subNav li.active a { font-family: 'PostGrotesk-Bold' ,  "Times New Roman", Times;  letter-spacing:0pt; }

body.work #header #subNav { display:none; }
.subNaviwork { margin:-20px 0 38px 0; }



.row { overflow:hidden; max-width:75%; margin-top:-4px;}

table { width:100%; }
table tr td { width:75%;  padding-bottom:20px; }
table tr td:nth-child(2) { width:25%;  text-align:right; padding-bottom:20px; }

body { 	opacity:0;  /* make things invisible upon start */	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */	-moz-animation:fadeIn ease-in 1;	animation:fadeIn ease-in 1; 	-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards;	-webkit-animation-duration:0.4s;-moz-animation-duration:0.4s;animation-duration:0.4s;}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 


.item { padding-bottom:15%;  width:22.5%; display:inline-block; margin: 0 3.3% 40px 0; position:relative;}
.itemInner { position: absolute; display:block; height:100%; }
.item:nth-child(4n) { margin-right:0; }
.itemInner img { max-width:100%; max-height:100%; height:auto;  vertical-align:top; position:relative; }


/* Bild gorss */

.galleryWrap { padding-bottom:49%; height:auto; width:100%;  position:relative; display:inline-block; }
.galleryWrap.landscape { padding-bottom:45.5%;}
.galleryInner { position: absolute; display:block; height:100%; width:100%; }
.galleryInner img {  max-width:100%; max-height:100%; height:auto;   position:relative; }

.bildlegende { font-size: 18px; line-height: 24px; margin:32px 0 40px 0; }




/* Slider */

.sliderWrap { padding-bottom: 67px; position:relative; }
#slider  { width:100%;  display: none;  height: auto;}	
.slidesjs-container {  height: auto !important; width:100% !important; }
	
a.slidesjs-next, a.slidesjs-previous  { height:calc(100% - 110px); width:50%; display:block;  overflow: hidden; text-indent: -9999px; position: absolute; top:0;  z-index:10; }
a.slidesjs-next { right:0px; }
a:hover.slidesjs-next {   cursor: url(../images/Pfeil_rechts.png) 20 20, pointer; }
a:hover.slidesjs-previous {   cursor: url(../images/Pfeil_links.png) 20 7, pointer; }

/*
body.current a:hover.slidesjs-previous, body.current a:hover.slidesjs-next,
body.current a:hover.slidesjs-previous, body.work a:hover.slidesjs-next {   cursor:auto; }
*/

a.slidesjs-play, a.slidesjs-stop { margin-left: -9999px;}

.slidesjs-pagination { /* display:inline-block; */ display:none;  margin: 0; list-style: none; position:absolute; bottom: 65px; z-index:110; width:100%; left:0;  }
.itemBox .slidesjs-pagination li { display: inline-block; margin: 0 1px; list-style:none; overflow: hidden; padding: 0; }
.slidesjs-pagination li a { display: block; width: 16px; height: 0px; line-height:30px; padding-top: 10px; background-size: 8px; background-image:url(../images/pagination.png);	  background-repeat:no-repeat;      background-position: 0 0px;      float: left;      overflow: hidden;  text-decoration:none !important;   }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -10px;   }
.slidesjs-pagination li a:hover { background-position: 0 -11px;  text-decoration:none !important; }

.itemImage { width: 100%; height: auto; }



#toplink { font-size: 14px; cursor:pointer; position:fixed; bottom:25px; right:4%; display:none; }

body.details #toplink { left:-9999px; right:auto; }
body.details { min-height:calc(100% + 120px); }
body.work_paintings .subHeader, body.work_drawings .subHeader, body.work_studio .subHeader , body.details .subHeader{ background:#fffdf2;  }

/*
body.current .slidesjs-navigation, body.current .slidesjs-navigation,
body.work .slidesjs-navigation, body.work .slidesjs-navigation  { display:none; }
*/



/****************************************************************************************************************************/
/* #Media Queries
/****************************************************************************************************************************/

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

.row { overflow:hidden; max-width:100%; }

	
	.slidesjs-pagination li a {  background-size: 7px; width: 14px;  background-position:0 1px; }
	.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -8px;   }
	.slidesjs-pagination li a:hover { background-position: 0 -8px; }
	
	#slider  { width:100%; overflow:visible !important; }	
	.sliderWrap { padding-bottom: 65px; }	
	.slidesjs-pagination { bottom: 45px; }
	a:hover.slidesjs-next {  cursor:pointer }
	a:hover.slidesjs-previous {  cursor:pointer }

	a.slidesjs-next, a.slidesjs-previous { /*width:30px; height:30px;*/ top:0;left:-7.5%; background:url(../images/Pfeil_links.png) no-repeat; background-size:32px;  } 
	a.slidesjs-next { left: auto; right:-7%; background:url(../images/Pfeil_rechts.png) no-repeat; background-size:32px; background-position:top 0 right 0; left:auto; right:-7.5%; }
	
	.bildlegende { margin: 27px 0 40px 0; }

}


@media only screen and (max-width: 768px) {
	
	.item { padding-bottom:15%;  width:29.6%; display:inline-block; margin: 0 5.5% 40px 0; position:relative;}
	.item:nth-child(4n) { margin-right:5.5%; }
	.item:nth-child(3n) { margin-right:0; }
	
	.galleryWrap {  height:auto; width:100%;  position:relative; display:inline-block; }
	.galleryWrap.portrait { padding-bottom:100%;  }
	
	.bildlegende { margin: 27px 0 40px 0;  }
	

}



@media only screen and (max-width: 570px) {
	
	body{ font-size: 20px; line-height:25px; }
	
	h1, h2{ font-size: 24px; line-height:29px; }
	
	#homeLogo { margin: 110px 0 0 0; width:65%;  }
	
	.contentBox { padding:110px 0 50px 0; top:0; position:relative; }
	
	.innerWrap { width:86%; margin: 0 7%;  }	
	
	#logo { font-size:16px; line-height:20px; letter-spacing:0; width:auto;}
	
	#mainNav { margin: 10px 0 0px 14px; }
	#mainNav li { margin-left:15px;  }
	#mainNav li a { font-size:16px; line-height:20px; }
	
	#subNav { padding-top: 17px; }
	#subNav li { margin-right: 15px; width: auto; }
	#subNav li a { font-size:19px; line-height:24px; width: auto; }
	
	.topHeader { height:48px; }
	.subHeader {  height:48px; position:relative; top:0; }
	
	.subNaviwork { margin: -20px 0 23px 0;}	
	
	.row { overflow:hidden; max-width:100%; }	
	table tr td { width:75%; }
	table tr td:nth-child(2) { width:25%;  }
	
	.bildlegende { margin: 17px 0 40px 0; font-size:15px; }
	
	
	/*
	.galleryWrap {  padding-bottom:60%; }
	.galleryWrap.landscape { padding-bottom:60%;  }
	*/
	
	
	.galleryWrap.landscape, .galleryWrap, .galleryWrap.portrait { padding-bottom:0px;}
	.galleryInner { height:auto; position:relative; }
	.galleryInner img {max-width: 100%; max-height: auto;height: auto;}
	
	.bildlegende { margin: 10px 0 40px 0; line-height: 20px;}
	
	a.slidesjs-next, a.slidesjs-previous { left:-8%; background:url(../images/Pfeil_links.png) no-repeat; background-size:32px;  } 
	a.slidesjs-next { left: auto; right:-7%; background:url(../images/Pfeil_rechts.png) no-repeat; background-size:32px; background-position:top 0 right 0; left:auto; right:-7.5%; }
	
	.sliderWrap {  padding-bottom: 45px;}
	
}


@media only screen and (max-width: 480px) {
	
	body{ font-size: 19px; line-height:24px; }

	#homeLogo { margin: 130px 0 0 0; width:100%;  }
	#logo { margin-right:30px; }
	
	.topHeader { height:74px; }
	.subHeader {  height:48px;  }
	
	#logo { font-size:16px; line-height:20px; padding-top:14px; }
	#mainNav { margin: 0px 0 0px 0px; }
	#mainNav li { margin:0 15px 0 0;  }
	
	
	#subNav li a { letter-spacing: 0.43pt; }
	
	#subNav { padding-top: 12px;}
	
	.contentBox { padding:133px 0 50px 0; }
	
	.item { padding-bottom:29%;  width:46%; display:inline-block; margin: 0 7% 40px 0; position:relative;}	
	.item:nth-child(3n), .item:nth-child(4n) {margin-right:7%; }
	.item:nth-child(2n) { margin-right:0; }
	
	.galleryWrap { width:100%; padding-bottom:60%; }
	#slider  { width:100%; }

	a.slidesjs-next, a.slidesjs-previous { left:-25px; width:20px;}
	a.slidesjs-next {  right:-20px; left:auto;}
	
	.item { margin-bottom:24px; }
	
	/*
	.galleryWrap { width:100%; padding-bottom:94%; }
	.galleryWrap.landscape { padding-bottom:94%;  }
*/
	
	table tr td { width:100%; display:block;  padding-bottom:0; }
	table tr td:nth-child(2) { width:100%; text-align:left; clear:both; }
	
	a.slidesjs-next, a.slidesjs-previous { left:-9.5%; background:url(../images/Pfeil_links.png) no-repeat; background-size:25px;  } 
	a.slidesjs-next { left: auto; right:-6%; background:url(../images/Pfeil_rechts.png) no-repeat; background-size:25px; }
}



@media print {
	
body { 	opacity:1; }

}