.pagination {
  border-radius: 8px;
}

.pagination > li > a,
.pagination > li > span {
  color: #333333;
  background-color: transparent;
  border-radius: 8px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 8px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 8px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #333333;
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: white;
  background-color: #29abe2;
  border-color: transparent;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  background-color: transparent;
  border-color: transparent;
}

.mini-pager {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#f3f3f3));
  background-image: linear-gradient(transparent, #f3f3f3);
}
.ui-dialog {
  border-radius: 10px;
}
.teaser__teaser-type {
  background-color: #adadad;
  border-radius: 0 0 8px 8px;
}

.teaser__teaser-type-icon {
  fill: white;
}

@media (min-width: 600px) {
  .teaser__image {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    background: #e6e6e6;
  }
  .teaser__teaser-type {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 10px 0;
  }
}