/* Galerie Cascading Style Sheet **************************************************************/


/* HEADER **************************************************/
#main-nav ul li:nth-child(2) a{
	color: #f8c311;
}

/* BILDER **************************************************/
hr{
	margin: 20px auto 40px auto;
}

/* #galerie{
	width: 90%;
	margin: 0 auto;
	font-size: 0;
	display: -ms-flexbox;
	-ms-flexbox-wrap: wrap;
	-ms-flexbox-direction: column;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
	justify-content: center;
}

#galerie .hf{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 150px;
	margin: .5vw;
}

#galerie .hsieb{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 170px;
	margin: .5vw;
}

#galerie .zweiz{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 210px;
	margin: .5vw;
}

#galerie .zweidr{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 230px;
	margin: .5vw;
}

#galerie .zweiv{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 240px;
	margin: .5vw;
}

#galerie .zweis{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 260px;
	margin: .5vw;
}

#galerie .zwein{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 290px;
	margin: .5vw;
}

#galerie .dreih{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 300px;
	margin: .5vw auto;
}

#galerie .dreidr{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 330px;
	margin: .5vw;
}

#galerie .dreis{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 360px;
	margin: .5vw auto;
}

#galerie .drein{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 390px;
	margin: .5vw auto;
}

#galerie .vierh{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 400px;
	margin: .5vw;
}

#galerie .vierz{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 410px;
	margin: .5vw;
}

#galerie .vierzw{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 420px;
	margin: .5vw;
}

#galerie .vierf{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 450px;
	margin: .5vw;
}

#galerie .fuenfzw{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 520px;
	margin: .5vw;
}

#galerie .fuenfv{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	max-width: 540px;
	margin: .5vw;
}

#galerie div{
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 300px;
	width: auto;
	margin: .5vw;
}

#galerie div img{
	width: auto;
	height: 100%;
}*/

#galerie {
	width: 90%;
	margin: 0 auto;
   line-height:0;
   -webkit-column-count:5; /* split it into 5 columns */
   -webkit-column-gap:5px; /* give it a 5px gap between columns */
   -moz-column-count:5;
   -moz-column-gap:5px;
   column-count:5;
   column-gap:5px;
}

#galerie img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:5px; /* to match column gap */
}

@media (max-width: 1200px) {
   #galerie {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
   }
}

@media (max-width: 1000px) {
   #galerie {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
   }
}

@media (max-width: 800px) {
   #galerie {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
   }
}

@media (max-width: 400px) {
   #galerie {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
   }
}

/*@media screen and (max-width: 400px){
	#galerie div{
		margin: 0;
	}

	#galerie{
		padding: 0;
	}
}*/