.shoplist .pull-left.item-image {
  float: left;
  max-width: 25%;
  overflow: hidden;
  margin-right: 1em; }

.shoplist .pull-right.item-image {
  float: right;
  max-width: 25%;
  overflow: hidden;
  margin-left: 1em; }

.readmore {
  text-align: right;
  clear: both; }

.backlink {
  display: block;
  padding-bottom: 1em; }

article {
  overflow: hidden; }

.tilelist {
  display: block;
  list-style: none;
  padding: 0;
  text-align: center;
  overflow: auto; }

.tilelist li {
  display: inline-block; }

.spacer {
  width: 100%;
  clear: both;
  margin-bottom: 3em; }

div .tiles {
  border-bottom: 1px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-color: #004476;
  border-style: solid;
  display: block; }

.tiles {
  width: 100%;
  font-size: 0;
  text-align: center; }
  .tiles .tile {
    display: inline-block;
    margin: 1px;
    text-align: left;
    opacity: .99;
    overflow: hidden;
    position: relative; }
    .tiles .tile:before {
      content: '';
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
      width: 100%;
      height: 50%;
      opacity: 0;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 2;
      transition-property: top, opacity;
      transition-duration: 0.3s; }
    .tiles .tile img {
      display: block;
      max-width: 100%;
      width: 128px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
    .tiles .tile .details {
      font-size: 16px;
      padding: 20px;
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 3; }
      .tiles .tile .details span {
        display: block;
        opacity: 0;
        position: relative;
        top: 100px;
        transition-property: top, opacity;
        transition-duration: 0.3s;
        transition-delay: 0s; }
      .tiles .tile .details .title {
        line-height: 1;
        font-weight: 600;
        font-size: 18px; }
      .tiles .tile .details .info {
        line-height: 1.2;
        margin-top: 5px;
        font-size: 12px; }
    .tiles .tile:focus:before,
    .tiles .tile:focus span, .tiles .tile:hover:before,
    .tiles .tile:hover span {
      opacity: 1; }
    .tiles .tile:focus:before, .tiles .tile:hover:before {
      top: 50%; }
    .tiles .tile:focus span, .tiles .tile:hover span {
      top: 0; }
    .tiles .tile:focus .title, .tiles .tile:hover .title {
      transition-delay: 0.15s; }
    .tiles .tile:focus .info, .tiles .tile:hover .info {
      transition-delay: 0.25s; }

/*# sourceMappingURL=digitaldokumente.css.map */