/* 
    Created on : Nov 26, 2018
    Author     : Fischer Software Design
*/

.projects-wrapper
{ 
	max-width: 100%;
}

.project
{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
	
	-webkit-align-items:stretch;
	align-items: stretch;
}

.projects-wrapper ul
{
	list-style-type: none;
    margin: 0;
    padding: 0;
	/* height: 350px; */
	overflow: hidden;
}

.projects-wrapper li
{
    border: none;
}

.projects-wrapper li:not(:first-child) 
{
	  display: none !important;
}


.proj-before-image,
.proj-description,
.proj-after-image
{
		
}

.box 
{
	flex: 1;
	overflow: hidden;
	min-width: 200px;
}

.project .box img
{
	transition: all 0.7s;
}

.project .box-rotate img
{
	transform: perspective(600px) rotateX(90deg);    
}

.vorhernachherprojects
{
    position: relative;
}

#project-buttons a
{
    transition: visibility 0.7s;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    transition: opacity 0.7s;
    opacity: 0;    
}

.vorhernachherprojects:hover #project-buttons a
{
    transition: opacity 0.7s;
    opacity: 1;
}

#project-buttons 
{
    position: absolute;
    width: auto;
    height: 100%;
	top: 0px;
    left: calc(50% - 45px);
}

#project-buttons i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 15px;
    height: 15px;
}

#project-prev
{
    position: absolute;
    top: 10px;
    padding: 20px 30px 0px 30px;
    border-radius: 3px;
}

#project-next
{
    position: absolute;
    bottom: 10px;
    padding: 5px 30px 15px 30px;
    border-radius: 3px;
}

#project-buttons .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#project-buttons .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}