/* CSS Document */

* {
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	list-style: none;
	text-decoration: none;
}

img { -ms-interpolation-mode: bicubic; }

body {
    font-size: 93.75%; /* 15px */
}

h1, h2, h3, ul, li, p{
    padding: 0;
    margin: 0; 
}

p { font-family: 'Open Sans', sans-serif; font-weight: 400; }

h3, h4 { font-family: 'Quicksand', sans-serif; font-weight: 400; }

.letterspacing {
	letter-spacing: 1px;
	text-transform: uppercase;
}

.underline {
	text-decoration: underline;}

.color-beige {
	color: #C89461; padding-right: 10px;
}

.kleiner {
	font-size: 0.8em;
}

.clear{
    clear:both; 
}

::selection {
    background: #9C9D9F; /* Safari */
    color: #fff;
}
::-moz-selection {
    background: #9C9D9F; /* Firefox */
    color: #fff;
}

/* For modern browsers */
.cf:before, .cf:after {
    content:"";
    display:table;
}
	
.cf:after {
    clear:both;
}
	
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.wrapper {
    margin: 0 auto 0 auto;
    max-width: 1400px;
	padding: 0 1.4285714285714285714285714285714%; /* 20px */
}

/*------------------------ Allgemein -------------------------*/

/*------------------------ Header -------------------------*/

header {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 1rem; /* 20px */
}

/*-- Logo --*/
h1 {
	font-family: 'Quicksand', sans-serif; font-weight: 400;
	font-size: 2.7em;
	color: #9C9D9F;
	text-align: center;
	margin: 50px 0 0 0;
}

h1 a:link {
	text-decoration: none;
	color: #9C9D9F;
}

h1 a:hover {
	font-family: 'Quicksand', sans-serif; font-weight: 300;
	text-decoration: none;
	color: #C89461;
}

h1 a:visited {
	text-decoration: none;
	color: #9C9D9F;
}
/*-- Logo --*/

/*-- Menu --*/
.nav {
	margin-top: 50px;
	text-align: center;
	z-index: 1000;
}

.nav li {
    position: relative;
	display: inline;
	margin: 0 4% 0 4%;
}

.nav li a {
	color: #929395;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size: 1.1em; letter-spacing: 0.5px;
}

.nav a:hover {
    color: #000;
}

.nav a:link#current, .nav a:visited#current {
    text-decoration: none;
    border: none;
	color: #C89461;
}
/*-- Menu --*/

/*-- Submenu --*/
.subnav {
	margin-top: 40px;
	text-align: center;
	z-index: 1000;
}

.subnav li {
    position: relative;
	display: inline;
	margin: 0 1% 0 1%;
}

.subnav li a {
	color: #4a4b4b;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size: 0.8em; letter-spacing: 0.5px;
}

.subnav a:hover {
    color: #000;
}

.subnav a:link#current, .subnav a:visited#current {
    text-decoration: underline;
    border: none;
	color: #000;
}
/*-- Submenu --*/


/*------------------------ Header -------------------------*/

/*------------------------ Title Image -------------------------*/

.title-image {
	max-width: 1400px; height: auto;
	margin: -30px auto 0 auto;
}

.title-image img {
	max-width: 100%; height: auto;
}

.title-image-phone {
	display: none;
}

/*------------------------ Title Image -------------------------*/

/*------------------------ Content -------------------------*/

article {
	margin: 0 auto 0 auto;
	padding: 0 2.0833333333333333333333333333333%; /* 20px */
}

/*-- Portfolio --*/
#portfolio {
	max-width: 1400px;
	padding: 3% 0 0 0;
	text-align:center;
}

.ref {
	display: inline-block;
	width: 15%;
	margin: 0.3% 0.5% 0.3% 0.5%;
	position: relative;
}
 
.ref img {
   max-width: 100%; height: auto;
   margin: 0;
}

.ref #hover { height: 99%; left: 0%; top: 0%; width: 100%; }

#hover {
    opacity: 0;
}
	
#hover {
    background: #fff;
    position: absolute;
    text-align: center;
}
	
#hover:hover { opacity: 0.9; }

.link-text {
    position: absolute;
    text-align: center;
    top: 15%;
    width: 90%;
	padding: 0 5%;
}

.kategorie {
	font-size: 0.8em;
	color: #000;
}

.kategorie-headline {
	margin-bottom: 3%;
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.kategorie-plus {
	font-family: 'Quicksand', sans-serif; font-weight: 300;
	margin-bottom: 1%;
	font-size: 3em;
	color: #000;
}
/*-- Portfolio --*/

/*-- Referenz --*/
/*-- Ref-Menu --*/
.refnav {
	text-align: center;
	z-index: 1000;
	color: #CCC;
}

.refnav li {
	font-family: 'Quicksand', sans-serif; font-weight: 300;
	font-size: 2em; letter-spacing: 0.5px;
    position: relative;
	display: inline;
	margin: 0 3% 0 3%;
}

.refnav li a {
	color: #929395;
}

.refnav a:hover {
    color: #000;
}

.refnav a:link#current, .refnav a:visited#current {
    text-decoration: none;
    border: none;
	color: #C89461;
}
/*-- Ref-Menu --*/

.referenz img {
    max-width: 100%; height: auto;
	margin: 1% auto;
	display: block;
    text-align: center;
}

.reftext {
	color: #929395;
	font-size: 1em; line-height: 2em; letter-spacing: 0.5px;
	text-align: center;
}

.beige {
	color: #C89461;
	font-size: 0.8em;
}

/*-- Referenz --*/

/*-- Vita --*/
#vita {
	max-width: 1200px;
	border-top: 1px solid #CCC;
	margin: -2% auto 0 auto;
	padding: 0 4%;
}

.headline {
	font-size: 2em;
	color: #9C9D9F;
	text-align: center;
	padding: 2% 0 0 0;
	margin: 0 0 4% 0;
}

.vita-einzeln {
	margin: 2% 0 0 0;
	padding: 0 0 2% 0;
	border-bottom: 1px dotted #CCC;
}

.vita-datum {
	font-size: 1.2em;
	color: #C89461;
	text-align: center;
	margin-bottom: 0.5%;
}

.vita-text {
	font-size: 1em; line-height: 1.5em;
	color: #929395;
	text-align: center;
	padding: 0 15% 0 15%;
}
/*-- Vita --*/

/*-- Austellung --*/
.austellung-left {
	float: left;
    width: 60%;
	margin-top: 2%;
    margin-right: 10%
}

.austellung-right {
	float: left;
    width: 30%;
	margin-top: 10%;
}

.headline-austellung {
	font-size: 2em;
	color: #9C9D9F;
	text-align: left;
	margin: 0 0 6% 0;
}

.headline_zwei-austellung {
	font-size: 2em;
	color: #9C9D9F;
	text-align: left;
	margin: 15% 0 6% 0;
}

.headline-ankaeufe {
	font-size: 1.6em;
	color: #C89461;
	text-align: left;
	margin: 0 0 6% 0;
}

.austellung-einzeln {
	margin: 2% 0 0 0;
	padding: 0 0 2% 0;
	border-bottom: 1px dotted #CCC;
}

.austellung-datum {
	font-size: 1.2em;
	color: #C89461;
	text-align: left;
	margin-bottom: 0.5%;
}

.austellung-text {
	font-size: 1em; line-height: 1.5em;
	color: #929395;
	text-align: left;
}

.austellung-text a:link, a:visited, a:active {
	color: #929395; text-decoration: none;
}

.austellung-text a:hover {
	color: #929395; text-decoration: underline;
}

#liste li { 
    list-style-image: url(../image/point.jpg);
	font-family: 'Open Sans', sans-serif; font-weight: 400; 
	font-size: 1em; line-height: 1.5em;
	color: #929395;
	margin-left: 12px;
	padding-bottom: 5px;
}

#liste li span{ display:block}

/*-- Austellung --*/

/*-- Preise --*/
.preise-left {
	float: left;
    width: 45%;
	margin-top: 2%;
    margin-right: 10%
}

.preise-right {
	float: left;
    width: 45%;
	margin-top: 2%;
}

.preise img { max-width: 100%; height: auto; }
/*-- Preise --*/

/*-- Links --*/
.links-left {
	float: left;
    width: 50%;
	margin-top: 2%;
	margin-left: 25%;
}
/*-- Links --*/

/*-- aktuelles --*/
.aktuelles img { max-width: 100%; height: auto; margin: 4% 0 0 0; }

.aktuelles-einzeln {
	margin: 2% 0 5% 0;
	padding: 0 0 2% 0;
	border-bottom: 1px dotted #CCC;
}
/*-- aktuelles --*/

/*-- Impressum --*/
.impressum-left {
	float: left;
    width: 30%;
    margin-right: 10%
}

.impressum-right {
	float: left;
    width: 60%;
}

.impressum-einzeln {
	float: left;
    width: 100%;
	margin: 4% 0 0 0;
	padding: 4% 0 0 0;
	border-top: 1px dotted #CCC;
}

.dreizehn-sechs a {
	background: url(../image/13-6.png) no-repeat;
	background-size: 100% auto;
	height: 40px; width: 40px;
	text-align: center;
	margin: 10px auto 0 auto;
	text-indent: -99999px;
	display: block;
}
/*-- Impressum --*/

/*-- Presse-Artikel --*/
#presse {
	max-width: 1200px;
	padding: 3% 4% 0 4%;
}

.presse-zeitung {
	color: #C89461;
	font-size: 1em; letter-spacing: 1px;
	text-align: center;
	padding: 4% 0 1% 0;
}

.presse-headline {
	font-size: 2em;
	color: #9C9D9F;
	text-align: center;
	margin: 0 0 1% 0;
}

.presse-subline {
	font-size: 1.3em;
	color: #9C9D9F;
	text-align: center;
	margin: 0 0 2% 0;
}

.presse-autor {
	color: #9C9D9F;
	font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px;
	text-align: center;
	padding: 0 0 2% 0;
}

.presse-text {
	font-size: 1em; line-height: 1.5em;
	color: #929395;
	text-align: left;
	-moz-column-count: 2;
	-khtml-column-count: 2;
	-webkit-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	-khtml-column-gap: 20px;
	padding: 0 10%;
	margin: 1% 0 0 0;
}
/*-- Presse-Artikel --*/

/*------------------------ Content -------------------------*/

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

footer {
	max-width: 960px;
	margin: 100px auto 30px auto;
	padding: 0 2.0833333333333333333333333333333%; /* 20px */
    clear: both;
}

/*-- Footermenu --*/
.footernav {
	text-align: center;
	z-index: 1000;
}

.footernav li {
    position: relative;
	display: inline;
	margin: 0 4% 0 4%;
}

.footernav li a {
	color: #929395;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size: 1.1em; letter-spacing: 0.5px;
}

.footernav a:hover {
    color: #000;
}

.footernav a:link#current, .footernav a:visited#current {
    text-decoration: none;
    border: none;
	color: #C89461;
}
/*-- Footermenu --*/

/*-- Logo --*/
h2 a {
	background: url(../image/nk.jpg) no-repeat;
	background-size: 100% auto;
	height: 81px; width: 85px;
	text-align: center;
	margin: 50px auto 0 auto;
	text-indent: -99999px;
	display: block;
}
/*-- Logo --*/

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








/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 1400px --*/
/*---------------------------------------------------------------------------------------------------------*/

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

/*------------------------ Content -------------------------*/

/*-- Portfolio --*/
.ref {
	width: 18%;
}
/*------------------------ Content -------------------------*/

	
}

/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 1400px --*/
/*---------------------------------------------------------------------------------------------------------*/






/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 1200px --*/
/*---------------------------------------------------------------------------------------------------------*/

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

/*------------------------ Content -------------------------*/

/*-- Portfolio --*/
.ref {
	width: 21%;
}
/*------------------------ Content -------------------------*/

	
}

/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 1200px --*/
/*---------------------------------------------------------------------------------------------------------*/







/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 1080px --*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1080px) {
	
.wrapper {
	padding: 0 0;
}
/*------------------------ Allgemein -------------------------*/

/*------------------------ Content -------------------------*/

/*-- Portfolio --*/
#portfolio {
	padding: 3% 2% 0 2%;
}

.ref {
	width: 23%;
}

#hover { display:none; }
/*-- Portfolio --*/

/*------------------------ Content -------------------------*/

	
}

/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 1080px --*/
/*---------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 900px --*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
	
/*-- Menu --*/
.nav li {
	margin: 0 2% 0 2%;
}
/*-- Menu --*/

/*-- Submenu --*/
.subnav li {
	margin: 0 1% 0 1%;
}
/*-- Submenu --*/


/*------------------------ Header -------------------------*/

/*------------------------ Content -------------------------*/

/*-- Portfolio --*/
.ref {
	width: 31.333333333333333333333333333333%;
	margin: 0.3% 1% 0.3% 1%;
}
/*-- Portfolio --*/

/*-- Links --*/
.links-left {
    width: 70%;
	margin-left: 15%;
}
/*-- Links --*/

/*------------------------ Content -------------------------*/
	
}

/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 900px --*/
/*---------------------------------------------------------------------------------------------------------*/





/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 800px --*/
/*---------------------------------------------------------------------------------------------------------*/

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

header {
	padding: 0 0;
}

/*-- Logo --*/
h1 {
	margin: 30px 0 0 0;
}
/*-- Logo --*/
	
/*-- Menu --*/
.nav {
	width: 100%;
	margin-top: 30px;
}

.nav li {
    display: block;
	margin: 0;
	background: #fff;
}

.nav li a {
	display: block;
	margin: 0;
	padding: 1.1em 0;
	text-align: center;
	border-bottom: 1px solid #929395;
}

.nav a:link#current, .nav a:visited#current {
	border-bottom: 1px solid #929395;
}
/*-- Menu --*/

/*-- Submenu --*/
.subnav {
	margin-top: 0;
    width: 100%;
}

.subnav li {
    display: block;
	margin: 0;
	background: #efefef;
}

.subnav li a {
	font-size: 1em;
	display: block;
	margin: 0;
	padding: 0.9em 0;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.subnav a:link#current, .subnav a:visited#current {
	border-bottom: 1px solid #fff;
}
/*-- Submenu --*/

/*------------------------ Header -------------------------*/

/*------------------------ Title Image -------------------------*/

.title-image {
	display: none;
}

.title-image-phone {
	max-width: 660px; height: auto;
	margin: 0 auto;
	display: block;
}

.title-image-phone img {
	max-width: 100%; height: auto;
}

/*------------------------ Title Image -------------------------*/

/*------------------------ Content -------------------------*/

article {
	padding: 0 4%;
}

/*-- Portfolio --*/
.ref {
	width: 48%;
}
/*-- Portfolio --*/

/*-- Referenz --*/
/*-- Ref-Menu --*/
.refnav li {
	margin: 0 6% 0 6%;
}
/*-- Ref-Menu --*/
/*-- Referenz --*/

/*-- Vita --*/
#vita {
	max-width: 960px;
	border-top: none;
	margin: 10% auto 0 auto;
}

.headline {
	font-size: 1.6em;
	margin: 4% 0 4% 0;
	padding: 0;
}

.vita-text {
	padding: 0 4% 0 4%;
}
/*-- Vita --*/

/*-- Austellung --*/
.austellung-left {
	float: none;
    width: 100%;
    margin-right: 0;
	margin-top: 4%;
}

.austellung-right {
	float: none;
    width: 100%;
	margin-top: 15%;
}

.headline-austellung {
	font-size: 1.6em;
}

.headline_zwei-austellung {
	font-size: 1.6em;
}
/*-- Austellung --*/

/*-- Preise --*/
.preise-left {
	float: none;
    width: 100%;
    margin-right: 0;
	margin-top: 4%;
}

.preise-right {
	float: none;
    width: 100%;
	margin-top: 15%;
}
/*-- Preise --*/

/*-- Links --*/
.links-left {
	float: none;
    width: 100%;
    margin-left: 0;
	margin-top: 4%;
}
/*-- Links --*/

/*-- Impressum --*/
.impressum-left {
	float: none;
    width: 100%;
    margin-right: 0;
}

.impressum-right {
	float: none;
    width: 100%;
	margin-top: 15%;
}
/*-- Impressum --*/

/*-- Presse-Artikel --*/
.presse-zeitung {
	padding: 6% 0 0 0;
}

.presse-headline {
	font-size: 1.6em;
	margin: 2% 0 6% 0;
}

.presse-subline {
	font-size: 1.2em;
	margin: 0 0 6% 0;
}

.presse-autor {
	color: #9C9D9F;
	padding: 0 0 6% 0;
}

.presse-text {
	-moz-column-count: 1;
	-khtml-column-count: 1;
	-webkit-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-gap: 0;
	-khtml-column-gap: 0;
	padding: 0 3%;
}
/*-- Presse-Artikel --*/

/*------------------------ Content -------------------------*/

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

footer {
	margin: 30px auto 30px auto;
}

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

}

/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 660px --*/
/*---------------------------------------------------------------------------------------------------------*/





/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 500px --*/
/*---------------------------------------------------------------------------------------------------------*/

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

/*------------------------ Content -------------------------*/

/*-- Portfolio --*/
#portfolio {
	max-width: 1400px;
	padding: 10% 12% 0 12%;
}

.ref {
	width: 100%;
	margin: 3% 0.5% 3% 0.5%;
}

/*------------------------ Content -------------------------*/
	
}

/*---------------------------------------------------------------------------------------------------------*/
/*-- max-width 500px --*/
/*---------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------------------------------*/
/*-- Retina Display optimized Images --*/
/*---------------------------------------------------------------------------------------------------------*/

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

.dreizehn-sechs a {
	background: url(../image/13-6_mobile.png) no-repeat;
	-webkit-background-size: 40px 40px;
}

}

/*---------------------------------------------------------------------------------------------------------*/
/*-- Retina Display optimized Images --*/
/*---------------------------------------------------------------------------------------------------------*/