.kuenstler
/*##########################  HTML TAG  ###################################*/ 
/*######
https://www.youtube.com/watch?v=G3g8-k-AbLw&list=PL5e68lK9hEzc_7RNnkAO19nQi_Gip2s92&index=32&ab_channel=OnlineTutorials##*/ 


/* CSS Document */
{
	/* original 
	
	 width: 86%;
    /*height:100%; */
   /* overflow: hidden; */
   /* float: left;
    padding-top: 7%;
    padding-right: 7%;
    padding-left: 7%;
    padding-bottom: 7%;
    position: relative;

	 original ende */
	
	/* test */
	width: 55%;
	/*min-width: 300px; */
	 margin-top: 7%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 7%;
    position: relative;
	
	/* test ende */
	
	
	/*padding: 50px 0; */ 
	height: 100vh;
	box-sizing: border-box;
}

.container_galerie
{
	width: 80%;
	height: 50px auto;
	padding-bottom: 60px;
	
}

.row_galerie
{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	
	
	
	
}

.row_galerie h1
{
	text-align: center;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.row_galerie p
{
	margin: 20px 0 0;
	color: #fff;
	padding-left: 20px;
	border-left: 5px solid #f00;
}

 .mgt50px
{
	margin-top: 50px;
	padding-bottom: 600px;
}

.row_galerie .column_galerie
{
	margin: 0 10px;
	margin-bottom: 20px;
	position: relative;
	width: calc(25% - 20px);
	/*--- min-height: 250px;   --*/
	height: 300px;
	background: #29675E;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	min-width: 250px;
}


.row_galerie .column_galerie .imgBox
{
	position: relative;
	
}

.row_galerie .column_galerie .imgBox img
{
	width: 100%;
	transition: 7s;
	
}

.row_galerie .column_galerie:hover .imgBox img
{
	transform: scale(1.5);
	
}

.row_galerie .column_galerie .details
{
	position: absolute;
	bottom: -85px;
	left: 0;
	padding: 10px;
	box-sizing: border-box;
	background: rgba(0,0,0,.9);
	width: 100%;
	transition: .5s;
}

.row_galerie .column_galerie:hover .details
{
	bottom: 0;
}

.row_galerie .column_galerie .details h3

{
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
}

.row_galerie .column_galerie .details h3 span
{
	
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #f00;
	font-weight: 900;
	text-transform: uppercase;
	position: relative;
	top: -6px;
}

.row_galerie .column_galerie .details ul

{
	margin: 0;
	padding: 0;
	display: flex;
	float: right;
}

.row_galerie .column_galerie .details ul li
{
	
	list-style: none;
}

.row_galerie .column_galerie .details ul li a
{
	padding: 0 10px;
	color: #fff;
}

.row_galerie .column_galerie .details ul li a fa

{
	transition: .5s;
}

.row_galerie .column_galerie .details ul li a:hover fa

{
	transform: rotate(360deg);
	color: #f00;
}