/* CSS Document */


.columns{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
}
#columns {
	-moz-column-gap: 5px;  
	-webkit-column-gap: 5px;
	column-gap: 5px;
	margin: 50px auto;
}

div#columns figure {
	padding: 15px;
	display: inline-block;
	column-break-inside: avoid;
	border: 1px solid #CCC;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 15px;
	margin-left: 2px;
}

div#columns figure .bildanzeigegross {
	width: 100%; height: auto;
}
figure hr {
	clear: both;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
}

a.button{
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	display: block;
	text-align: center;
	background-color: #999;
	padding: 5px;
}
a.button:hover{
	text-decoration: underline;
	font-weight: bold;
}
@media screen and (max-width: 750px) { 
  #columns { column-gap: 0px; }
  #columns figure { width: 100%; }
}