/* CSS Document */

ul.polaroid {
    max-width: 100%;
    /*margin: 2em auto;*/
}
ul.polaroid li {
    list-style: none;
	max-width: 100%;
    display: inline-block;
    background-color: white;
    background: linear-gradient(110deg, white, oldlace);
    box-shadow: 4px 4px 15px gray;
    vertical-align: top;
}
ul.polaroid a {
    text-decoration: none;
}
ul.polaroid img {
    max-width: 90%;
    height: auto;
    margin: 5% 5% 0 5%;
}
ul.polaroid div {
    display: inline-block;
    width: 90%;
    min-height: 54px;
    margin: 0 5% 5% 5%;
    text-align: center;
	color: #333;
}

ul.polaroid li {
  position: relative;
  transform: rotate(4deg);
  transition: all ease 0.6s;
}
ul.polaroid li:nth-child(1) {transform: rotate(8deg);}
ul.polaroid li:nth-child(2) {transform: rotate(-8deg);}
ul.polaroid li:nth-child(3) {transform: rotate(5deg);}
ul.polaroid li:nth-child(4) {transform: rotate(-5deg);}

ul.polaroid li:hover {
  transform: scale(1.1) rotate(0deg);
  z-index: 999;
}


ul.polaroid li div p {
	font-size: 1rem;
	font-family: hero-new, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 200;
	font-style: normal;
}

ul.polaroid li div svg {
	color: #5C1D12;
}

ul.polaroid li div a.btn.btn-secondary {
	background-color:#49554D;
	color: #fff;
	border-radius: 0px;
}
ul.polaroid li div a.btn.btn-secondary:hover {
	background-color:#76897D;
	color: #fff;
	border-radius: 0px;
}

/*Polaroid Klein --- Anfang*/

ul.polaroid-klein {
    max-width: 70%;
}
ul.polaroid-klein li {
    list-style: none;
	max-width: 100%;
    display: inline-block;
    background-color: white;
    background: linear-gradient(110deg, white, oldlace);
    box-shadow: 4px 4px 15px gray;
    vertical-align: top;
}

ul.polaroid-klein img {
    max-width: 90%;
    height: auto;
    margin: 5% 5% 0 5%;
}
ul.polaroid-klein div {
    display: inline-block;
    width: 90%;
    min-height: 54px;
    margin: 0 5% 5% 5%;
    text-align: center;
	color: #333;
}

ul.polaroid-klein li {
  position: relative;
  transform: rotate(4deg);
  transition: all ease 0.6s;
}
ul.polaroid-klein li:nth-child(1) {transform: rotate(8deg);}
ul.polaroid-klein li:nth-child(2) {transform: rotate(-8deg);}
ul.polaroid-klein li:nth-child(3) {transform: rotate(5deg);}
ul.polaroid-klein li:nth-child(4) {transform: rotate(-5deg);}

ul.polaroid-klein li:hover {
  transform: scale(1.1) rotate(0deg);
  z-index: 999;
}