<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* fade image in while loading and show a spinner as background image (good for progressive images) */

.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
transform: scale(1.0);
	background: rgb(255,255,255,0) url("/lib/imgAllg/loader.gif") no-repeat center;
	background-size: 30px;
	background-position: 50% 50%;
   -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}

/*wenn ein Bildlink nicht stimmt, damit kein Platzhalter dort ist*/
img.lazyload:not([src]) {
	visibility: hidden;
}
	.blur-up {
		-webkit-filter: blur(2px);
		filter: blur(2px);
		transition: filter 300ms, -webkit-filter 300ms;


	}

	.blur-up.lazyloaded {
		-webkit-filter: blur(0);
		filter: blur(0);

	}
.fade-box .lazyload,
	 .fade-box .lazyloading {
		opacity: 0;
		transition: opacity 700ms;
	}

	.fade-box img.lazyloaded {
		opacity: 1;
	}</pre></body></html>