@charset "iso-8859-1";

	.card img {
			border: 1px solid #dcdcdc;
		}
	@media (min-width: 768px) {
		.card img {
			max-height: 200px;			
		}
	}
	
	/* .card-body {
		font-family:'MetropolisFont' !important;
	} */
	

	
	/*Schriftgröße etc. in Darstellung mit 2 Spalten*/
	@media only screen and (min-width: 992px)  {
		.card-body {
		/*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw -
    [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
		 	font-size: calc(16px + (20 - 16) * (100vw - 992px) / (1400 - 400));
		 	margin-top: calc(-16px + 1vw);
		 	
	 	}
	 	.card img {
	 		min-height: 200px;
	 	}
	}
	
	/*Schriftgröße etc. in Darstellung mit einer Spalte*/
	@media only screen and (max-width: 991.98px)  {
		.card-body {
		 	font-size: calc(12px + 4 * (100vw - 400px) / 392);
		 	margin-top: calc(-12px + 1vw);
	 	}
	 	.card img {
	 		min-height: 200px;
	 	}
	}
	
	
	
  .metr-title-text {
		overflow: hidden;
	  position: relative;
	  display: block;
	  line-height: 1.3em;
	  color: black;
	  

	  /* outline: solid 1px red;
	  background-color: white; */
	}

	.metr-title-height {
	  max-height: 7.8em; /* #Zeilen * line-height*/
	}
	
	.metr-title-text::before {
	  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f6f6f6 80%);
	  content: '\200C';
	  display: block;
	  position: absolute;
	  right: 0;
	  width: 70%;
	  text-align: center;
	}
	
	.metr-title-height::before {
		top: 6.5em;  /* (#Zeilen - 1) * line-height */
	}
	
	.metr-title-text-inner {
		margin:0px;
		padding:0;
	} 
	
	/* Hover-Effekt 
	.card{
    transition: all 0.2s ease;
    cursor: pointer;
  }
    
	.card:hover{
	    box-shadow: 5px 6px 6px 2px #e9ecef;
	    transform: scale(1.1);
	} */