body{
	margin:0;
	font-family: sans-serif;
}
*{
	box-sizing: border-box;
}

.slider{
	width: 100%;
	overflow: hidden;
	/* border: blue solid; */
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.G-container{
	width: 80%;
	transition: margin 1s ease;
	/* border: solid red; */
	overflow: hidden;
	display: flex;
	justify-content: center;

}

.Thumbnail{
  margin: 10px;
  background-color: white;
  line-height: 250px;
  text-align: center;
  font-size: 50px;
  color:rgba(0,0,0,0);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}
.Thumbnail:hover{
	cursor: pointer;
}
.Thumbnail p {
	hyphens: auto;
	font-size: 0.5em;
	margin: 0.25em;

}
.hide{
	display: none;
}
/* Thumbnail Bilder */
#Bauernhof{background-image: url(img/Galerie/Thumbnail/Bauernhofneunkirchen_Thumb.jpg)}
#Duisdorf{background-image: url(img/Galerie/Thumbnail/Duisdorf_Thumb.jpg)}
#Garage{background-image: url(img/Galerie/Thumbnail/Garagenflaechehambuchen_Thumb.jpg)}
#Garten{background-image: url(img/Galerie/Thumbnail/Gartenhaus_Thumb.jpg)}
#Loft{background-image: url(img/Galerie/Thumbnail/Loft_Thumb.jpg)}
#Lohmar{background-image: url(img/Galerie/Thumbnail/Lohmar_Thumb.jpg)}
#Praxis{background-image: url(img/Galerie/Thumbnail/Praxisanbau_Thumb.jpg)}
#P7{background-image: url(img/Galerie/Thumbnail/Projekt7_thumb.jpg)}
#Kindergarten{background-image: url(img/Galerie/Thumbnail/Projektseitenkigawirbelwind_Thumb.jpg)}
#Ruppichteroth{background-image: url(img/Galerie/Thumbnail/Ruppichteroth_Thumb.jpg)}
#Sauerstrasse{background-image: url(img/Galerie/Thumbnail/Sauerstr_Thumb.jpg)}
#Stadthaus{background-image: url(img/Galerie/Thumbnail/stadthaussiegburg_Thumb.jpg)}
#Visu{background-image: url(img/Galerie/Thumbnail/Visu_Thumb.jpg)}
#Roesrath{background-image: url(img/Galerie/Thumbnail/wohnhausroesrath_Thumb.jpg)}
#Denkmalpflege{background-image: url(img/Galerie/Thumbnail/Denkmalpflege_Thump.jpg)}

/* design of Controll elements */
.button{
	height: 35px;
	width: 35px;
	border:1px solid #c3c3c3;
	margin:4px;
	display: inline-block;
	line-height: 33px;
	cursor: pointer;
	text-align: center;
	color: #aaaaaa;
  font-size: 28px;
  font-weight: bold;
}
.controls{
	display: none;
	width: 100%;
	float: left;
	padding:15px;
}
.controls ul{
	display: block;
	text-align: center;
	padding:0;
	margin:0;
	list-style: none;
}
.controls ul li{
	height: 35px;
	width: 35px;
	border:1px solid #c3c3c3;
	margin:4px;
	display: inline-block;
	line-height: 33px;
	cursor: pointer;
}
.controls ul li.active{
	background-color: green;
	color:#ffffff;
}

/* Background of Lightbox */
.Lightbox-bg {
  display: none; /*Hidden by default */
	justify-content: center;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  min-width: 100%; /* Full width */
  min-height: 100%; /* Full height */
  overflow: visible; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	/* border: solid blue; */
}

/* the Box it self */
.gallery {
	min-width:80%;
	min-height: 80%;
	margin: 1%;
	transition: margin 1s ease;
	/* border: solid red; */
	overflow: hidden;
	display: none;
	justify-content: center;
	align-items: center;

}
.projCont {
	display: none;
	min-width: 90%;
	min-height: 100%;
	background-color: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/* border: solid green; */
	/* line-height: 250px; */
	text-align: center;
	font-size: 50px;
	color:rgba(0,0,0,0);
}
/* Gallery Images */
#A1 {background-image: url(img/Galerie/Bauernhofneunkirchen/bauernhofneunkirchen.jpg)}

#B1 {background-image: url(img/Galerie/Duisdorf/duisdorfneu.jpg);}

#C1 {background-image: url(img/Galerie/Garagenflaechenhambuchen/garagenflaechehambuchen.jpg)}

#D1 {background-image: url(img/Galerie/Gartenhaus/gartenhaus.jpg)}

#E1 {background-image: url(img/Galerie/Kindergarten/dsc_3206.jpg);}
#E2 {background-image: url(img/Galerie/Kindergarten/dsc_6986-crop-u53113.jpg);}
#E3 {background-image: url(img/Galerie/Kindergarten/dsc_6988-crop-u53111.jpg);}
#E4 {background-image: url(img/Galerie/Kindergarten/dsc_7185.jpg);}
#E5 {background-image: url(img/Galerie/Kindergarten/projektseitenkigawirbelwind.jpg);}

#F1 {background-image: url(img/Galerie/Loft/projektseitenloft.jpg);}

#G1 {background-image: url(img/Galerie/Lohmar/efhlohmar.jpg);}

#H1 {background-image: url(img/Galerie/Praxisanbau/praxisanbau.jpg);}

#I1 {background-image: url(img/Galerie/Projekt7/dsc_2638-crop-u53306.jpg);}
#I2 {background-image: url(img/Galerie/Projekt7/dsc_3070-crop-u533084.jpg);}
#I3 {background-image: url(img/Galerie/Projekt7/dsc_3071-crop-u533044.jpg);}
#I4 {background-image: url(img/Galerie/Projekt7/dsc_3075-crop-u533024.jpg);}

#J1 {background-image: url(img/Galerie/Ruppichteroth/efhruppichteroth.jpg);}

#K1 {background-image: url(img/Galerie/Sauerstraße/2016-06-18111713-1.jpg);}
#K2 {background-image: url(img/Galerie/Sauerstraße/2016-06-18111740.jpg);}
#K3 {background-image: url(img/Galerie/Sauerstraße/dsc_0084.jpg);}
#K4 {background-image: url(img/Galerie/Sauerstraße/dsc_9301-crop-u533464.jpg);}
#K5 {background-image: url(img/Galerie/Sauerstraße/dsc_9302.jpg);}
#K6 {background-image: url(img/Galerie/Sauerstraße/dsc_9604-crop-u533384.jpg);}
#K7 {background-image: url(img/Galerie/Sauerstraße/img_5668.jpg);}


#L1 {background-image: url(img/Galerie/Stadthaussiegburg/ri-2003_1206_184125aaa.jpg);}
#L2 {background-image: url(img/Galerie/Stadthaussiegburg/stadthaussiegburg.jpg);}

#M1 {background-image: url(img/Galerie/Visu/14visu.jpg);}
#M2 {background-image: url(img/Galerie/Visu/14-visu2.jpg);}
#M3 {background-image: url(img/Galerie/Visu/einfriedung2.jpg);}
#M4 {background-image: url(img/Galerie/Visu/visu-2pult2-hinten.jpg);}
#M5 {background-image: url(img/Galerie/Visu/visu5-1.jpg);}
#M6 {background-image: url(img/Galerie/Visu/visu14-2-1.jpg);}
#M7 {background-image: url(img/Galerie/Visu/visu22.jpg);}
#M8 {background-image: url(img/Galerie/Visu/visu-balkon.jpg);}

#N1 {background-image: url(img/Galerie/WohnhausRoesrath/wohnhausroesrath.jpg);}

#O1 {background-image: url(img/Galerie/Denkmalpflege/Denkmalpflege.jpg);}
#O2 {background-image: url(img/Galerie/Denkmalpflege/001.jpg);}
#O3 {background-image: url(img/Galerie/Denkmalpflege/002.jpg);}
#O4 {background-image: url(img/Galerie/Denkmalpflege/004.jpg);}
#O5 {background-image: url(img/Galerie/Denkmalpflege/006.jpg);}
#O6 {background-image: url(img/Galerie/Denkmalpflege/007.jpg);}
#O7 {background-image: url(img/Galerie/Denkmalpflege/008.jpg);}
#O8 {background-image: url(img/Galerie/Denkmalpflege/009.jpg);}








/* The Close Button */
.close {
	position: fixed;
	top: 1em;
	right: 1em;
  color: #aaaaaa;

  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}