/* CSS Document */

#bildergalerie {
	position: relative;
	clear: both;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}
#bildergalerie:after{
	content: " ";
	display: table;;
	clear: both;
}
#bildergalerie .bild{
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	margin: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	/*height: 150px;
	overflow: hidden;*/
}

#bildergalerie .outer {
	float: left;
	width: 100%;
	display: table;
	height: 100%;
}

#bildergalerie .inner {
	display: table-cell;
	vertical-align: middle;
}

/**************************************************************************************************
 * Browser schmal / Tablet Portrait
 * Smartphone Landscape
 * Smartphone Portrait
 *
 *  - 959px
 *************************************************************************************************/
@media only screen and (max-width: 959px) {
	/*#bildergalerie .bild {
		height: 117px;
	}*/
}



/**************************************************************************************************
 * Smartphone Landscape
 * Smartphone Portrait
 *
 *  - 767px
 *************************************************************************************************/
@media only screen and (max-width: 767px) {
	#bildergalerie .bild {
		width: 50%;
		/*height: 150px;*/
	}
}



/**************************************************************************************************
 * Smartphone Portrait
 *
 *  - 479px
 *************************************************************************************************/
@media only screen and (max-width: 479px) {
	#bildergalerie .bild {
		/*height: 105px;*/
		width: 100%;
	}
}



/**************************************************************************************************
 *
 * Bilder-/Videohöhe in Relation zu Breite
 * & inline-Bild
 *
 *************************************************************************************************/
/* Browser normal */
/*@media only screen and (min-width: 960px) {
	#bildergalerie .bild.one      {height:  22px;}
	#bildergalerie .bild.two      {height:  56px;}
	#bildergalerie .bild.three    {height:  90px;}
	#bildergalerie .bild.four     {height: 123px;}
	#bildergalerie .bild.five     {height: 157px;}
	#bildergalerie .bild.six      {height: 191px;}
	#bildergalerie .bild.seven    {height: 225px;}
	#bildergalerie .bild.eight    {height: 258px;}
	#bildergalerie .bild.nine     {height: 292px;}
	#bildergalerie .bild.ten      {height: 326px;}
	#bildergalerie .bild.eleven   {height: 360px;}
	#bildergalerie .bild.twelve   {height: 393px;}
	#bildergalerie .bild.thirteen {height: 427px;}
	#bildergalerie .bild.fourteen {height: 461px;}
	#bildergalerie .bild.fifteen  {height: 495px;}
	#bildergalerie .bild.sixteen  {height: 528px;}
}*/
/* Browser schmal */
/*@media only screen and (min-width: 768px) and (max-width: 959px) {
	#bildergalerie .bild.one      {height:  15px;}
	#bildergalerie .bild.two      {height:  42px;}
	#bildergalerie .bild.three    {height:  69px;}
	#bildergalerie .bild.four     {height:  96px;}
	#bildergalerie .bild.five     {height: 123px;}
	#bildergalerie .bild.six      {height: 150px;}
	#bildergalerie .bild.seven    {height: 177px;}
	#bildergalerie .bild.eight    {height: 204px;}
	#bildergalerie .bild.nine     {height: 231px;}
	#bildergalerie .bild.ten      {height: 285px;}
	#bildergalerie .bild.eleven   {height: 385px;}
	#bildergalerie .bild.twelve   {height: 312px;}
	#bildergalerie .bild.thirteen {height: 339px;}
	#bildergalerie .bild.fourteen {height: 366px;}
	#bildergalerie .bild.fifteen  {height: 393px;}
	#bildergalerie .bild.sixteen  {height: 420px;}
}*/
/* Smartphone Landscape & Portrait */
/*@media only screen and (max-width: 767px) {
	#bildergalerie .bild.one      ,
	#bildergalerie .bild.two      ,
	#bildergalerie .bild.three    ,
	#bildergalerie .bild.four     ,
	#bildergalerie .bild.five     ,
	#bildergalerie .bild.six      ,
	#bildergalerie .bild.seven    ,
	#bildergalerie .bild.eight    ,
	#bildergalerie .bild.nine     ,
	#bildergalerie .bild.ten      ,
	#bildergalerie .bild.eleven   ,
	#bildergalerie .bild.twelve   ,
	#bildergalerie .bild.thirteen ,
	#bildergalerie .bild.fourteen ,
	#bildergalerie .bild.fifteen  ,
	#bildergalerie .bild.sixteen  {height: auto;}
	#bildergalerie .outer {
		position: static;
		top: auto;
	}
	#bildergalerie .inner {
		height: auto;
		position: static;
		top: auto;
	}
	#bildergalerie .wrapper {
		margin: 0;
	}
}*/