@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 400;
    src: url('https://images.vnr.de/fonts/signika/signika-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('https://images.vnr.de/fonts/signika/signika-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://images.vnr.de/fonts/signika/signika-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://images.vnr.de/fonts/signika/signika-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://images.vnr.de/fonts/signika/signika-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://images.vnr.de/fonts/signika/signika-v20-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */
}
.doi {
	background: #a6eded;
	text-align: center;font-size:18pt;font-family: 'Signika', sans-serif;color:#000000;padding:15px;
}
.doi p {margin:0 !important;}
.doi img {width:30px; margin-bottom: -10px;padding-left: 10px;display:inline-block;}
.bounce-bottom {
    -webkit-animation: bounce-bottom 2s infinite both;
    animation: bounce-bottom 2s infinite both;
}
@-webkit-keyframes bounce-bottom {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(24px);
transform: translateY(24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(12px);
transform: translateY(12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%, 55%, 75%, 87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
@keyframes bounce-bottom {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(24px);
transform: translateY(24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(12px);
transform: translateY(12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%, 55%, 75%, 87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}