@charset "utf-8";
/* frontend custom Urheber CSS */
/* Urheber */

/* limit image size output */
.media-info {line-height: 1.75; margin: 0 auto!important;}
.media-info .urheber_img {min-height: 150px!important; max-height: 150px!important; width: auto!important; margin: 0 auto!important;overflow: hidden; transition: all 0.4s ease-in-out;}
.media-info h4.urheber_h {font-size: 14px!important; line-height: 1.4; }
.media-info .urheber_h, .media-info  .urheber_url {padding-left: 10px;}
.media-info p, .media-info p a, .media-info a {font-size: 14px!important; line-height: 1.75; color: var(--global-palette3)!important;transition: all 0.4s ease-in-out;}
.media-info a {text-decoration: none; }
.media-info a:hover{text-decoration: underline;color: var(--global-palette4)!important;}

.urheber_img {
	-webkit-filter: grayscale(0%);
	   -moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		 -o-filter: grayscale(0%);
			filter: grayscale(0%);
}

.urheber_img:hover {
	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		 -o-filter: grayscale(100%);
			filter: grayscale(100%);
	
}
.media-info::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	cursor:pointer;
}
.media-info:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}