.card-basic .card-img-top {
  height: 200px;
  object-fit: cover;
  object-position: center; }
.card-basic .card-body {
  padding: 0.5rem; }
  .card-basic .card-body .card-title {
    color: #505563;
    margin-top: 0.75rem; }

.styled-button {
  padding: 1em;
  display: inline-block; }
  .styled-button:hover {
    background-color: lightgrey;
    cursor: pointer; }
  .styled-button .imgCon {
    float: left;
    padding-right: 1em; }
    .styled-button .imgCon .button-img {
      width: 5em;
      height: 5em;
      object-fit: cover;
      cursor: pointer; }
    .styled-button .imgCon .button-icon {
      font-size: 4em; }
  .styled-button .button-body {
    display: block;
    color: black; }

.shortCard-list-view {
  flex-direction: inherit; }
  .shortCard-list-view .list-group-item-action.odd, .shortCard-list-view .list-group-item-action.even {
    width: 0; }
  .shortCard-list-view .shortCard-list-item {
    color: #575756;
    border-top: 1px solid #575756;
    line-height: 3em; }
    .shortCard-list-view .shortCard-list-item.row {
      margin: 0; }
    .shortCard-list-view .shortCard-list-item img {
      display: none; }
    .shortCard-list-view .shortCard-list-item.eventItem {
      line-height: 1em;
      border: none;
      min-width: 12em; }
      .shortCard-list-view .shortCard-list-item.eventItem .basecon {
        display: grid;
        width: 100%;
        margin: 0 auto; }
      .shortCard-list-view .shortCard-list-item.eventItem .dateCon {
        width: 5em;
        display: block;
        float: left;
        border: none;
        background: gray;
        border-radius: 0.5em;
        margin: 0 auto 0.5em;
        color: white;
        font-weight: bold;
        overflow: hidden; }
        .shortCard-list-view .shortCard-list-item.eventItem .dateCon .day, .shortCard-list-view .shortCard-list-item.eventItem .dateCon .month {
          width: 100%;
          display: inline-block;
          text-align: center; }
        .shortCard-list-view .shortCard-list-item.eventItem .dateCon .day {
          font-size: 3em;
          line-height: 1.18em; }
        .shortCard-list-view .shortCard-list-item.eventItem .dateCon .month {
          background-color: red;
          line-height: 1.5em;
          text-transform: uppercase; }
      .shortCard-list-view .shortCard-list-item.eventItem .dateDetail {
        float: left;
        width: 100%;
        text-align: center; }
      .shortCard-list-view .shortCard-list-item.eventItem .mainCon {
        width: 100%;
        float: left;
        border-radius: 0.5em;
        padding: 1em;
        overflow: hidden;
        text-align: center; }
        .shortCard-list-view .shortCard-list-item.eventItem .mainCon .headline, .shortCard-list-view .shortCard-list-item.eventItem .mainCon .teaser {
          width: 100%;
          float: left;
          padding-left: 0; }
        .shortCard-list-view .shortCard-list-item.eventItem .mainCon .headline {
          font-size: 1em;
          font-weight: 400;
          line-height: 1.2em; }
        .shortCard-list-view .shortCard-list-item.eventItem .mainCon .teaser {
          font-size: 0.8em;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }

.gzListGroup {
  margin-top: 3em; }

.gzListGroupCardStyle {
  padding: 0.8em; }
  .gzListGroupCardStyle .view.overlay {
    margin: 0 auto;
    height: 200px;
    width: 100%; }
    .gzListGroupCardStyle .view.overlay img {
      height: 200px;
      object-fit: cover;
      object-position: center;
      width: 100%; }
  .gzListGroupCardStyle .card-basic a {
    background-color: transparent; }
  .gzListGroupCardStyle .card-text {
    padding-top: 1em; }

.col-xl_GZ-1, .col-xl_GZ-2, .col-xl_GZ-3, .col-xl_GZ-4, .col-xl_GZ-5, .col-xl_GZ-6, .col-xl_GZ-7, .col-xl_GZ-8, .col-xl_GZ-9, .col-xl_GZ-10, .col-xl_GZ-11, .col-xl_GZ-12, .col-xl_GZ, .col-xl_GZ-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 1480px) {
  .order-xl_GZ-1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-xl_GZ-2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-xl_GZ-3 {
    -ms-flex-order: 3;
    order: 3; }
  .col-xl_GZ-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xl_GZ-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl_GZ-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl_GZ-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; } }