.animaldata .animal-images {
	margin: 0 0 60px 0;
}

table.animal-facts {
	border: none;
	border-collapse: collapse;
	width: 100%;
	border-top: solid 1px #eee;
	margin: 0;
}
table.animal-facts td {
	padding: 20px 5px 10px 5px;
	border-bottom: solid 1px #eee;
	vertical-align: top;
	height: 62px;
	min-height: 62px;
}
table.animal-facts tr td:first-child {
	font-weight: bold;
	width: 20%;
	padding-left: 40px;
}

.animal-icon-wrap { display: block; float: left; }
.animal-icon-wrap img { display: inline-block; margin: -5px 10px 10px 0; }

table.animal-facts td.animal-fact {
	padding-left: 40px;
	background: transparent url('../images/animaldata/tagaktiv.png') no-repeat left 15px;
}
table.animal-facts td.animal-fact.lebensdauer { background-image: url('../images/animaldata/lebenserwartung.png'); }
table.animal-facts td.animal-fact.gewicht { background-image: url('../images/animaldata/gewicht.png'); }
table.animal-facts td.animal-fact.groesse { background-image: url('../images/animaldata/groesse.png'); }
table.animal-facts td.animal-fact.lebensdauer { background-image: url('../images/animaldata/lebenserwartung.png'); }
table.animal-facts td.animal-fact.fortpflanzung { background-image: url('../images/animaldata/tragezeit.png'); }

table.animal-facts td img { vertical-align: top; }

.animal-images ul li {
	float: left;
}

.animal-images .slick-track .slick-slide {
	margin: 1px;
}


.animal-images ul li img {
	display: block;
}

.animal-text-wrap {
	padding: 0 0 40px 0;
}

.animal-content-image {
	display: block;
	float: right;
	padding: 0 0 10px 10px;
}


/* --- Patenschaften auf Tier-Seite --- */

.sponsorship {
	display: inline;
	text-align: center;
}
.sponsorship-wrap h3 {
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 40px;
}
.sponsorship .spons-image, .sponsorship .spons-text {
	display: block;
	text-align: center;
	padding: 0 0 10px 0;
}

.sponsorship-button-wrap {
	display: block;
	text-align: center;
	padding: 40px 0;
}
.sponsorship-button-wrap .button-style {
	height: 60px;
	line-height: 26px;
	padding: 15px 40px 15px 20px;
	font-size: 24px;
	margin: 0;
}
.sponsorship-button-wrap .button-style:after {
	height: 56px;
	line-height: 56px;
	margin-top: -28px;
}







/* --- Masonry --- */

.animal-image-tiles {
	display: block;
	padding: 0;
	width: 100%;
	margin: 0 auto 40px auto;
	position: relative;
}

.animal-image-tiles .cascading-grid {
	display: block;
	width: 100%;
	float: left;
	margin: 0 auto;
}

.animal-image-tiles .grid-sizer { width: 24%; }
.animal-image-tiles .gutter-sizer { width: 1.3%; }
.animal-image-tiles .tile { width: 24%; *float: left; *margin: 0 7px; }


.animal-image-tiles .tile .tile-height:after {
  padding-top: 5.45%;
  display: block;
  content: '';
}
.animal-image-tiles .tile.w2 .tile-height:after {
  padding-top: 2.66%;
  display: block;
  content: '';
}

.animal-image-tiles .tile img { display: block; width: 100%; height: auto; }
.animal-image-tiles .tile a { text-decoration: none; }


.animal-image-tiles .grid-sizer { width: 32.4%; }
.animal-image-tiles .gutter-sizer { width: 1.4%; }
.animal-image-tiles .tile { width: 32.4%; *float: left; *margin: 0 7px; }
.animal-image-tiles .tile .tile-height:after, 
.animal-image-tiles .tile.w2 .tile-height:after, 
.animal-image-tiles .tile.wh .tile-height:after { padding-top: 4.4%; }
.animal-image-tiles .tile div { position: relative; }

/* --- Flexbox --- */

.animal-images-flex-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	/* row-gap: 10px; */
	margin-bottom: 40px;
	/*
	background-image: url('../images/animaldata/gallery_bg.png');
	background-size: 33.80857%;
	*/
}

.animal-image-flex {
	flex-basis: 32.38%;
}
.animal-image-flex:after {
	display: block;
	width: 100%;
	content: '';
	padding-top: 4.4%;
}	
.animal-image-flex img {
	display: block;
	width: 100%;
	height: auto;
}
.img-spacer {
	display: block;
	width: 100%;
	background: #eee;
}
.img-spacer:after {
	display: block;
	content: '';
	width: 100%;
	padding-top: 100%;
}

.animal-images-flex-wrap.cols2 { background: #fff; }
.animal-images-flex-wrap.cols2 .animal-image-flex { flex-basis: 49.285%; }
.animal-images-flex-wrap.cols2 .animal-image-flex:after { padding-top: 3.03%; }

.animal-images-flex-wrap.cols3 { background: #fff; }
.animal-images-flex-wrap.cols3 .animal-image-flex { flex-basis: 32.38%; }
.animal-images-flex-wrap.cols3 .animal-image-flex:after { padding-top: 4.4%; }

.animal-images-flex-wrap.cols4 { background: #fff; }
.animal-images-flex-wrap.cols4 .animal-image-flex { flex-basis: 23.927%; }
.animal-images-flex-wrap.cols4 .animal-image-flex:after { padding-top: 6.25%; }

.animal-images-flex-wrap.cols5 { background: #fff; }
.animal-images-flex-wrap.cols5 .animal-image-flex { flex-basis: 18.856%; }
.animal-images-flex-wrap.cols5 .animal-image-flex:after { padding-top: 7.908%; }


@media only screen and (max-width: 479px) {

	.animal-icon-wrap { float: none; }
	
	
	.animal-image-tiles .grid-sizer { width: 49.3%; }
	.animal-image-tiles .gutter-sizer { width: 1.4%; }
	.animal-image-tiles .tile { width: 49.3%; *float: left; *margin: 0 7px; }
	.animal-image-tiles .tile .tile-height:after, 
	.animal-image-tiles .tile.w2 .tile-height:after, 
	.animal-image-tiles .tile.wh .tile-height:after { padding-top: 2.9%; }
	.animal-image-tiles .tile div { position: relative; }
	
	
	.sponsorship {
		width: 100%;
		float: none;
	}
	
}