@charset "utf-8";
/* CSS Document */

.masonry {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100% !important;
  margin-bottom: 20px;
}
.masonry_gutter, .masonry_spalte {
  display: none;
}

.masonry_item {
  margin: 0;
  position: relative !important;
  min-width: 150px;
  width: 33.33333% !important;
  display: block;
  top: auto !important;
  left: auto !important;
  height: auto !important;
}


.startseitenkachel  {
	width: 100% !important;
  min-height: auto !important;
  height: 100%;
}

.startseitenkachel a {color: white;}
.startseitenkachel.weiss a {color: rgb(63,63,63);}
.startseitenkachel .mehrinfolink {
	font-family: Oswald;
	font-size: 15px;
	margin: 20px 0;
	display: block;
	text-transform: uppercase;
}

.startseitenkachel h2 {
	font-family: WeissenhofGrotesk-Bold;
	font-size: 41px;
	line-height: 1;
	padding: .75em 0 .5em 0;
}

.startseitenkachel a h2  {
color:#fff;	
}


.startseitenkachel.weiss h2, .startseitenkachel.weiss a h2  {
color:#a44588;	
}

.hidden {
  opacity: 0;
}


@keyframes fade-in {
    from {opacity: 0; transform: scale(.7,.7)}
    to {opacity: 1;}
}
.fade-in-element {
  animation: fade-in 1.4s;
}

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

}


@media screen and (max-width: 960px) {
	
	.masonry_item {

  width: 50% !important;
}

}


@media screen and (max-width: 600px) {
		.masonry_item {

  width: 100% !important;
}

}