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

	#base{
		width: auto;
		height: 530px;
		margin-left: auto ;
	  	margin-right: auto ;
		margin-top:auto;
		margin-bottom:auto;
		position: absolute;
	  	top: 0; left: 0; bottom: 0; right: 0;
	}

	.infoText{
    	top:20px;
   	}

/*
   	.pswp__caption{
   		position: relative; !important;
   		min-height: 170px; !important;
   	}
*/

}

@media not screen and (min-width: 992px) {
	.infoText{
    	top:10px;
   	}

   	


   	
}

@media not screen and (min-width: 902px) {
	/*.columns + .columns:last-child{
		margin-top: 30px;
	}

	.row{
		margin-left: auto; !important;
		margin-right: auto; !important;
		width: 450px;		!important;
	}*/
		.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.contentVita{

	font-size:14px;
}

.infoText{
	font-size:14px;
}



}

@media only screen and (min-width: 902px) {
	.large-6{
		width: 50%;
	}

}

/*
@font-face { font-family: 'uniLight'; src: url('../fonts/UniLight.ttf') format('truetype'), url('../fonts/UniLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'uniLight'; src: url('../fonts/UniBold.ttf') format('truetype'), url('../fonts/UniBold.woff') format('woff'); font-weight: bold; font-style: normal;}
*/

body{

	font-family: 'Roboto', sans-serif; !important;
	font-weight: lighter;
	color: rgb(107,107,107); !important;
}

b{
	font-weight: 500;
}

.button-group li{

	margin:0px; !important;
}

.columns + .columns:last-child{
	float: left; !important;
}

ul{

	margin-bottom:0.5em;
	line-height: 1.5;
	font-family: 'Roboto', sans-serif; !important;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {

    background: #FFF; !important; 
}

table{
	border: 0px; !important;
}

td{
	vertical-align:top;
}



#headerMenu{
	float:right;
}

.myButton{
	color: rgb(107,107,107);
	padding: 5px;
	font-size:14px;
}

.myButton:hover, .myButton:active{
	color:black;
	text-shadow:0px 0px 0.1px black;
}


.myButtonAktiv{
	color:black;
	font-size:14px;
	font-weight: bold;
}

#topBase{
	width: 1015px;
	height: 99px;
	background-color: red;
}

#headerImage{
	width: 1015px;
	height: 460px;
	background-image: url(img/header.jpg);
}

#logo{
	width: 232px;
	height: 78px;
	background-image: url(img/logo.jpg);
	
}

#beruf{
	
	padding-left:10px;
	margin-bottom:10px;
	font-size:14px;
}

.leistungenTitel{
	letter-spacing: 0.01em;
	font-size:15.5px;
	
}
.leistungenBild2{
	width: auto;
	height: auto;
	background: url("/img/leistungen/leistungen_01.jpg")  no-repeat;
}

.myLinks{
	list-style: outside none none;
	margin-left: 0px;
}


.myLinks a{
	color: rgb(107,107,107);
	font-size:15.5px;
}

.myLinks a:hover,.myLinks a:active{
	
	color: black;
	font-weight: 500;
}

#contentAnmerkung{
	margin-top:10px;
	margin-left: 79px;
	font-size:11px;
}

.kunstTitel{
	color: black;
	font-size:15.5px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.kunstText2{
	font-size:15.5px;
}

.kunstDatum{
	color: rgb(107,107,107);
	margin-right: 10px;
	font-size:15.5px;

}

.contentVita{

	/*font-size:16px;*/
}

#kontaktInfo{
	width: 400px;
	background: url(/img/info/kontakt-text.jpg) no-repeat;
}

.infoText{
	z-index:100;
    position:absolute;  
    left:20px;
	display: none;
}

#infoText2{
	top:0px; !important;
	font-size:12px;

}

#infoText0{
	padding-left: 20px;

}

#infoText1{
	

}

.infoImages{

}

@media only screen and (min-width: 34.0625em)  {
	.vitaColumns{
		width: 33.33333%; !important;

	}
}

img.projekteBild{
	display: block;
    margin-left: auto;
    margin-right: auto
}

p.projekteTitel{
	 position: absolute; 
   top: 130px; 
   left: 80px; 
   width: 100%; 
   z-index: 1000;
   color: white;
   font-size:16.5px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.fancybox-nav span {
    visibility: visible;
}

.fancybox-nav {
    width: 80px;
}

.fancybox-prev {
    left: -80px;
}

.fancybox-next {
    right: -80px;
}