@charset "UTF-8";
/* ********************************************************************************** */
/* (c) designschmiede - www.wirschmiedendesign.de                                       
/* ********************************************************************************** */		

/* masonry/isotope - basic adjustments 
---------------------------------------------------------------------------------------------- */ 
#projekte {
	position: relative;
	padding: 0;
	margin: 0;}

/* morebtn
---------------------------------------------------------------------------------------------- */ 
#projekte .morebtn {
	visibility: hidden;	
	margin-bottom: 40px;
	background: rgba(224,224,224,1);
	background: -moz-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(224,224,224,0) 50%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224,224,224,1)), color-stop(50%, rgba(224,224,224,0)), color-stop(100%, rgba(224,224,224,1)));
	background: -webkit-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(224,224,224,0) 50%, rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(224,224,224,0) 50%, rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(224,224,224,0) 50%, rgba(224,224,224,1) 100%);
	background: linear-gradient(to right, rgba(224,224,224,1) 0%, rgba(224,224,224,0) 50%, rgba(224,224,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0', GradientType=1 );}

#projekte .morebtn.goaway {
	display:none;}

#projekte .morebtn .btn {
	border: 1px solid black;
	border-radius: 5px;
  background-color: inherit;
	padding: 12px;}

#projekte .morebtn .btn:hover,
#projekte .morebtn .btn:focus, 
#projekte .morebtn .btn:active, 
#projekte .morebtn .btn.active {
	background-color: rgba(225,225,225,1.00);}

#projekte .morebtn .btn:active, 
#projekte .morebtn .btn.active {
	background-image: none; 
	box-shadow: none;} 

/* masonry/isotope - grid
---------------------------------------------------------------------------------------------- */
#projekte .grid-gap-h {  
	padding-left: 16px;
	padding-right: 16px; 
  margin-bottom: 32px;}

#projekte .item-container {
	margin: 0;
	position: relative;}

#projekte .item-container img {
	border-radius: 5px;}

/* masonry/isotope - description
---------------------------------------------------------------------------------------------- */
#projekte .grid-item .item-container .description-wrapper {
	position: absolute;
	border-radius: 5px;	
	cursor: pointer;
  top: 0;
	left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in;
	        transition: opacity 0.4s ease-in;}

.no-touchevents #projekte .grid-item:hover .item-container.loaded .description-wrapper {
	opacity: 1;
	-webkit-transition-timing-function: ease-in;
					transition-timing-function: ease-in;}

#projekte .item-container .description {
	position: absolute;}

#projekte .item-container .description > div {
	color: rgba(237,237,237,1.00);
	font-weight: 300;	}

#projekte .plus {
  width: 5rem;
	height: 5rem;
  margin: 0 auto;} 

/* isotope - filter
---------------------------------------------------------------------------------------------- */
#projekte .filter {
	text-align: left;
	z-index: 10;
	margin: 25px auto;}

@media screen and (max-width: 767px) {
#projekte .filter {
	text-align: center;}}

#projekte .filter-button-group {
	/* border-bottom: solid 1px rgba(183,183,183,1.00); */
	display: inline-block;
	margin-left: 15px;
	color: rgba(0,0,0,1.00);}

#projekte .filter .button {
	outline: none;
	border: none;
	margin: 0 auto 2px auto;
	padding: 8px 18px;
	font-size: 17px;
	background-color: transparent;}

#projekte .filter .button.is-checked {
  background-color: rgba(225,225,226,1.00);
  border: solid 1px white;
  border-radius: 8px;}