/* Genial Regional */


.gen-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: auto;
    background-color: #fff;
  }

  .gen-box-1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    order: 0;
    background-image: url(/images/new-logo/genial-regional-neu.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
  }

  .gen-box-2 {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
    order: 0;
  }

  .gen-box-3 {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
    order: 0;

  }

  .gen-box-4 {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    order: 0;
    background-image: url(/images/GR_Auswahl/Wand_Regionalgartner_neu.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-start;
  }

  .gen-box-5 {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
    order: 0;
    background-image: url(/images/GR_Auswahl/Maerkte_BGN_Fruehjahrsevent_2022_0131.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
  }

  .gen-box-6 {
    grid-column: 1 / span 1;
    grid-row: 3 / span 2;
    order: 0;
    background-image: url(/images/GR_Auswahl/Maerkte_BGN_Fruehjahrsevent_2022_0356.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-start;
  }

  .gen-box-7 {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
    order: 0;

  }

  .gen-box-8 {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
    order: 0;
    background-image: url(/images/GR_Auswahl/Maerkte_BGN_Fruehjahrsevent_2022_1496.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-start;

  }

  .gen-box-9 {
    grid-column: 3 / span 1;
    grid-row: 3 / span 2;
    order: 0;
    background-image: url(/images/GR_Auswahl/_DSR4476.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-start;

  }

  .gen-box-10 {
    grid-column: 4 / span 1;
    grid-row: 3 / span 2;
    order: 0;

  }

  .gen-box-11 {
  display:none;

  }






  @media screen and (max-width: 1300px) {
    .gen-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      width: 100%;
      margin: auto;
      background-color: #fff;
    }
    .gen-box-1 {
      grid-column: 1 / span 1;
      grid-row: 1 / span 1;
      order: 0;

    }

    .gen-box-2 {
      grid-column: 1 / span 1;
      grid-row: 2 / span 1;
      order: 0;
    }

    .gen-box-3 {
      grid-column: 2 / span 1;
      grid-row: 1 / span 1;
      order: 0;

    }

    .gen-box-4 {
      grid-column: 2 / span 1;
      grid-row: 2 / span 1;
      order: 0;

    }

    .gen-box-5 {
      grid-column: 1 / span 2;
      grid-row: 3 / span 2;
      order: 0;

    }

    .gen-box-6 {
      grid-column: 3 / span 1;
      grid-row: 1 / span 2;
      order: 0;

    }

    .gen-box-7 {
      grid-column: 3 / span 1;
      grid-row: 3 / span 1;
      order: 0;

    }

    .gen-box-8 {
      grid-column: 3 / span 1;
      grid-row: 4 / span 1;
      order: 0;


    }

    .gen-box-9 {
      grid-column: 1 / span 1;
      grid-row: 5 / span 2;
      order: 0;


    }

    .gen-box-10 {
      grid-column: 2 / span 1;
      grid-row: 5 / span 2;
      order: 0;

    }

    .gen-box-11 {
      display: block;
      grid-column: 3 / span 1;
      grid-row: 5 / span 2;
      order: 0;
      background-image: url(/images/Coon/182237233_150063590407630_8640499078604546696_n.jpg);
      background-size: cover;
      background-position: center;
      display: flex;
      justify-content: flex-start;
    }

  }

  @media screen and (max-width: 991px) {
    .gen-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      width: 100%;
      margin: auto;
      background-color: #fff;
    }

    .gen-box-1 {
      grid-column: 1 / span 1;
      grid-row: 1 / span 1;
      order: 0;

    }

    .gen-box-2 {
      grid-column: 1 / span 1;
      grid-row: 2 / span 1;
      order: 0;
    }

    .gen-box-3 {
      grid-column: 2 / span 1;
      grid-row: 1 / span 1;
      order: 0;

    }

    .gen-box-4 {
      grid-column: 2 / span 1;
      grid-row: 2 / span 1;
      order: 0;

    }

    .gen-box-5 {
      grid-column: 1 / span 2;
      grid-row: 3 / span 2;
      order: 0;

    }

    .gen-box-6 {
      grid-column: 1 / span 1;
      grid-row: 5 / span 2;
      order: 0;

    }

    .gen-box-7 {
      grid-column: 2 / span 1;
      grid-row: 5 / span 1;
      order: 0;

    }

    .gen-box-8 {
      grid-column: 2 / span 1;
      grid-row: 6 / span 1;
      order: 0;


    }

    .gen-box-9 {
      grid-column: 1 / span 1;
      grid-row: 7 / span 2;
      order: 0;


    }

    .gen-box-10 {
      grid-column: 2 / span 1;
      grid-row: 7 / span 2;
      order: 0;

    }

    .gen-box-11 {
    display:none;

    }


  }

  @media screen and (max-width: 650px) {
    .gen-container {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      width: 100%;
      margin: auto;
      background-color: #fff;
    }

    .gen-box-1 {
      grid-column: 1 / span 1;
      grid-row: 1 / span 1;
      order: 0;

    }

    .gen-box-2 {
      grid-column: 1 / span 1;
      grid-row: 3 / span 1;
      order: 0;
    }

    .gen-box-3 {
      grid-column: 1 / span 1;
      grid-row: 2 / span 1;
      order: 0;

    }

    .gen-box-4 {
      grid-column: 1 / span 1;
      grid-row: 4 / span 1;
      order: 0;

    }

    .gen-box-5 {
      grid-column: 1 / span 2;
      grid-row: 5 / span 2;
      order: 0;

    }

    .gen-box-6 {
      grid-column: 1 / span 1;
      grid-row: 7 / span 2;
      order: 0;

    }

    .gen-box-7 {
      grid-column: 1 / span 1;
      grid-row: 9 / span 1;
      order: 0;

    }

    .gen-box-8 {
      grid-column: 1 / span 1;
      grid-row: 10 / span 1;
      order: 0;


    }

    .gen-box-9 {
      grid-column: 1 / span 1;
      grid-row: 11 / span 2;
      order: 0;


    }

    .gen-box-10 {
      grid-column: 1 / span 1;
      grid-row: 13 / span 2;
      order: 0;

    }

    .gen-box-11 {
    display:none;

    }


  }