.badge-paradies {
  background-color: $primary-color;
  color: #fff;
  //transition: all .3s ease;
  &:hover,
  &:focus {
    background-color: darken($primary-color, 8%);
    color: #fff;
  }
}

.photo-sort {
  list-style-type: none;
  padding: 0;
  margin: 0;
  .photo {
    position: relative;
    overflow: hidden;
    display: flex;
    height: 400px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: box-shadow 0.56s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    &:hover {
      cursor: move;
      box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    }
    .edit {
      position: absolute;
      top: 5px;
      right: 30px;
      &,
      &:hover {
        color: $white;
      }
    }
    .delete {
      position: absolute;
      top: 5px;
      right: 5px;
      &,
      &:hover {
        color: $white;
      }
    }
  }
}

.cover-settings {
  height: 300px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  .cover {
    object-fit: cover;
    width: 100%;
    height: 300px;
  }
}


.main-header {
  z-index: initial;
}