@charset "iso-8859-1";

.scrollarea { overflow: auto; white-space: nowrap; }
.scrollarea > * { overflow: visible; white-space: normal; }

.services, .scrollable { position: relative; white-space: nowrap; }

.services .fwd, .services .bck, .scrollable .fwd, .scrollable .bck {
   display: block; /*display: none;*/
   text-decoration: none; color: white;
}
.services .fwd.chr, .services .bck.chr, .scrollable .fwd.chr, .scrollable .bck.chr {
   font-size: 150%;
   -webkit-transform: scaleY(2.5); transform: scaleY(2.5);
}
.services .fwd img, .services .bck img, .scrollable .fwd img, .scrollable .bck img {
  width: 2em; /* was: 1em */
  vertical-align: middle;
}
@media (max-width: 25em) { /* testwise */
  /*.services .fwd img, .services .bck img, */
  .scrollable .fwd img, .scrollable .bck img { width: 1em; }
  /* ^- vorerst nur .news-preview. js2016-09-15 */
}

.news-preview .fwd, .news-preview .bck { color: #93bf20; }

.services .fwd, .services .bck, .scrollable .fwd, .scrollable .bck {
  position: absolute; z-index: 1;
  top: 0; /*was: top: 2.5em;*/ bottom: 0;
  vertical-align: middle;
}
.services .fwd::before, .services .bck::after, .scrollable .fwd::before, .scrollable .bck::after {
  display: inline-block; content: '';
  width: 0; height: 100%; margin: 0;
  box-sizing: border-box; background-clip: content-box;
  /*_border-top: .5em solid transparent;*/ padding-top: 0.5em;
  vertical-align: middle;
}
.services .fwd::before, .scrollable .fwd::before { width: 2em; margin-left: -2em; }
.services .bck::after,  .scrollable .bck::after { width: 2em; margin-right: -2em; }
.services .fwd::before, .grey .scrollable .fwd::before {
  background: linear-gradient(to right,rgba(153,153,153,0),rgba(153,153,153,1));
  border-radius: 2em 0 0 2em;
}
.services .bck::after, .grey .scrollable .bck::after {
  background: linear-gradient(to left,rgba(153,153,153,0),rgba(153,153,153,1));
  border-radius: 0 2em 2em 0;
}
/*.white .scrollable .fwd::before {
  background: #fff;
  border-radius: 2em 0 0 2em;
}
.white .scrollable .bck::after {
  background: #fff;
  border-radius: 0 2em 2em 0;
}*/

.news-preview .fwd, .news-preview .bck { top: 10em; padding-bottom: 3em; /*was: top: 7em;*/ }
.services .fwd, .scrollable .fwd { right: 0; }
.services .bck, .scrollable .bck { left: 0; }
.services .fwd.chr, .scrollable .fwd.chr { -webkit-transform-origin: right; transform-origin: right; }
.services .bck.chr, .scrollable .bck.chr { -webkit-transform-origin: left;  transform-origin: left; }