#attention-taker {
    position: fixed;
    float: center;
    z-index: 999;
    bottom: 85px;
    left: 1vw;
    height: 0;
    width: 0;
    padding: 0;
    text-align: center !important;
    vertical-align: center !important;
    border: 0;
    border-radius:5px;
    transition: opacity 2.4s ease-out, transform 0.8s;
    opacity:0;
    background: #B91715;
    color: #FFFFFF; 
    /* Firefox */
    -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
    /* Safari+Chrome */
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    /* Die anderen */
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}

#attention-taker.show {
	height: 2em;
	width: 97vw;
	animation: jb_move;
	animation-duration: 5s; 
	padding: 0.3em 0 0 0;
	border: 1px solid #000000;
	font-size: 1.5em;
	font-weight: 200;
	
	filter:"alpha(opacity=75)";
	-ms-filter:"alpha(opacity=75)";
	opacity:0.75;
	transform: rotate(720deg); 
}

#attention-taker.show > a > h3 {
		color: #F2D2D2 !important; 
	}

@media screen and (max-width: 764px){
	#attention-taker.show {
		height: 3.5em;
	}
}

@keyframes jb_move {
  from {width:0;} to {width: calc(97vw);}
}