/* Wenn große Bilder verwendet werden. */

div.forschungsbild {
   width:100%;
   max-height:140px;
   overflow:hidden;
}

div.flaeche{
	background-color: #f1f3f4;
	border-bottom: 1px solid #c5c6c7;
	padding: 10px 15px;
}

a.flaeche{
	text-decoration:none;	
}

/* für die Medienarchiv-ähnliche Ansicht*/

@media screen and (min-width: 420px) {
  .l-grid--side > .l-grid__unit:nth-child(2n+1) .media-item .media-item__image {
    margin-bottom: 20px;
	text-align: center;
    width: 200px;
  }
}

@media screen and (min-width: 421px) {
.media-item .media-item__image img {
    max-width: 200px;
    height: auto;
	}
}

@media screen and (max-width: 420px) {
.media-item .media-item__image img {
    width: 100%;
    height: auto;
	}
}

/* Verlinkung und Schlagworte sollen nicht umbrechen, aber beim Smartphone sollen sie darunterstehen!! */
@media screen and (min-width: 421px) {
	.media-item.media-item--download .media-item__content {
	  padding-left: 221px;
	}
}