/*  Stoerer grid block */
/*  Info-hub */
.contenttype-lrf .block.gridBlock {
  .full-width {
    margin: 0 auto !important;

    @media only screen and (max-width: 1529px) {
      right: unset !important;
      left: unset !important;
      width: unset !important;
    }
  }

  /*  The first row in the weird list star of blocks on the frontpage */
  &.gridBlock.three div.stackable.grid {
    display: grid;
    margin-bottom: 10px;

    @media only screen and (max-width: 1529px) {
      display: flex !important;
    }

    grid-gap: 25px 25px;
    grid-template-areas:
      'large medium small-top'
      'large medium small-bottom';
    grid-template-columns: 585px 285px 285px;
    grid-template-rows: auto;

    div.column {
      width: 100%;
    }

    /* Publikationen */
    div.column:nth-child(1) {
      align-self: flex-end;
      background-color: #CCD9E5;
      grid-area: large;

      h3 {
        margin: 5px 0 5px 0;
      }

      .listing-item {
        border-bottom: 2px solid #bec1c3;
      }
    }

    /*  Veranstaltungen */
    div.column:nth-child(2) {
      align-self: flex-end;
      background-color: #CCD9E5;
      grid-area: medium;

      .date {
        margin: 0 0 0.5em 0;
      }

      h3 {
        margin: 5px 0 22px 0;
      }

      .listing-item {
        border-bottom: 2px solid #bec1c3;
      }
    }

    /*  Störer */
    div.column:nth-child(3) {
      height: auto;
      align-self: flex-end;
      background-color: #003F7D;
      color: #fff;
      grid-area: small-top;

      h3 {
        margin: 5px 0 22px 0 !important;
      }

      a {
        color: #f3d7bd;
      }
    }

    /*  Vorlesungen */
    div.column:nth-child(4) {
      height: auto;
      background-color: #CCD9E5;
      grid-area: small-bottom;

      h3 {
        margin: 5px 0 0 0 !important;
      }
    }
  }

  /*  The second row in the weird list star of blocks on the frontpage */
  &.gridBlock.two div.stackable.grid {
    display: grid;

    @media only screen and (max-width: 1529px) {
      display: flex;
    }

    grid-gap: 25px 25px;
    grid-template-areas:
      'small large'
      'small .';
    grid-template-columns: 285px 800px;
    grid-template-rows: auto;

    div.column {
      width: 100%;
      background-color: #CCD9E5;
    }

    /*  Project-Teaser */
    div.column:nth-child(1) {
      grid-area: small;

      img {
        object-fit: contain;
      }

      h3 {
        margin: 5px 0 22px 0;
      }

      .projects {
        margin-bottom: 0;

        .column {
          padding-right: 0 !important;
          padding-left: 0 !important;
          margin-left: 0;
          background-color: white;

          .researchline-content {
            margin-right: 10px;
            margin-left: 10px;
          }
        }
      }

      .researchline-footer {
        display: none;
      }

      .linkMore {
        margin-top: 15px;
        margin-bottom: 15px;
      }
    }

    /*  Stellenanzeigen */
    div.column:nth-child(2) {
      grid-area: large;

      h3 {
        margin: 5px 0 22px 0;
      }

      .listing-item {
        border-bottom: 2px solid #bec1c3;
      }
    }
  }
}