.action{background-color: #ffcf00; display: inline-block; width: 100%;}
.action p{color: #d80001; font-size: 1em; font-weight: bold; float: left; padding: 4px 10px; margin: 0px 0px;}
.action .close-item span{ display: inline-block; padding: 4px 10px; background-color: #d80001; color: #fff; float: right; margin: 0px 0px; cursor: pointer; font-weight: bold; text-align: center;}

.slide-left .action p{float: right; text-align: left;}
.slide-left .action .close-item span{float: left;}


/*animation element*/
.animation-element{opacity: 0; position: absolute; right: 0px; z-index: 5000;}
.animation-element.showpos{bottom: 10%;}

.slide-right.in-view, .slide-right.view-closed{
position: fixed!important;
margin-bottom: 130px!important;
bottom: 0;
right: 0;
}

.slide-left.in-view, .slide-left.view-closed{
position: fixed!important;
margin-bottom: 180px!important;
bottom: 0;
left: 0;
}



/*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




/*animation element sliding right*/
.animation-element.slide-right{
  opacity: 0;
    right: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(400px, 0px, 0px);
  -webkit-transform: translate3d(400px, 0px, 0px);
  -o-transform: translate(400px, 0px);
  -ms-transform: translate(400px, 0px);
  transform: translate3d(400px, 0px, 0px);

}

.animation-element.slide-right.in-view {
  opacity: 1;
    right: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




/*animation slide left and right styled for teaser*/
.animation-element.slide-left.articleteaser {
  float: left;
  width: 450px;
  margin: 0% 1.5% 3% 1.5%;
  background: #FFF150;
  padding: 0px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #FFF150;
}


.animation-element.slide-right.articleteaser {
  float: right;
  width: 450px;
  margin: 0% 1.5% 3% 1.5%;
  background: #FFF150;
  padding: 0px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #FFF150;
}



.animation-element.slide-left.articleteaser:hover,
.animation-element.slide-left.articleteaser:active,
.animation-element.slide-right.articleteaser:hover,
.animation-element.slide-right.articleteaser:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.animation-element.slide-left.articleteaser, .animation-element.slide-right.articleteaser {
  width: 450px;
  margin: 0% 0% 3.0% 0%;
}




.animation-element.slide-left.articleteaser img, .animation-element.slide-right.articleteaser img {
  width: 135px;
  height: 135px;
  border-radius: 50%;
}

.animation-element.slide-left.articleteaser h4 , .animation-element.slide-right.articleteaser h4{
margin: 0px 0px;
margin-bottom: 0.6em;
}

.animation-element.slide-left.articleteaser h4 a, .animation-element.slide-right.articleteaser h4 a{
font-size: .85em;
line-height: 1em;
font-weight: bold;
text-decoration: none !important;
color: #000000;
}

.animation-element.slide-left.articleteaser h4 a:hover, .animation-element.slide-right.articleteaser h4 a:hover{
color: #d80001;
}


.animation-element .news_short{
padding: 15px;
}

.animation-element .newslistimage{
float: left;
width: 35%;
margin-bottom: 5px;
}

.animation-element .newslistimage .image_container{
margin: 0px;
padding: 0px;
float: none;
}