#wbox-news {
}


/*-----------------------------------------------------------------------------------*/
/*  Grid Columns - Allgemeine Einstellungen
/*-----------------------------------------------------------------------------------*/
#wbox-news.wbox-fgrid-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
  
#wbox-news.wbox-fgrid-wrap > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 30px;
}


/*-----------------------------------------------------------------------------------*/
/*  Grid 3 Columns - Responsive für Desktop und Mobile
/*-----------------------------------------------------------------------------------*/

@media (min-width: 768px) {
    #wbox-news.col3 > div:nth-child(3n+1), .col3 > div:nth-child(3n+2) {
      margin-right: 30px;
    }
    #wbox-news.col3 > div:nth-child(3n+3) {
      margin-right: 0;
    }
    #wbox-news.col3 > div {
      width: -webkit-calc(33.33333% - 20px);
      width: calc(33.33333% - 20px);
      max-width: -webkit-calc(33.33333% - 20px);
      max-width: calc(33.33333% - 20px);
      -webkit-flex-basis: -webkit-calc(33.33333% - 20px);
      -ms-flex-preferred-size: calc(33.33333% - 20px);
      flex-basis: calc(33.33333% - 20px);
      flex: 0 1 auto;
    }
  }
    
  @media (max-width: 767px) {
    #wbox-news.col3 > div:nth-child(2n+1) {
      margin-right: 15px;
    }    
    #wbox-news.col3 > div {
      width: -webkit-calc(50% - 7.5px);
      width: calc(50% - 7.5px);
      -webkit-flex-basis: -webkit-calc(50% - 7.5px);
      -ms-flex-preferred-size: calc(50% - 7.5px);
      flex-basis: calc(50% - 7.5px);
      flex: 0 1 auto;
    }
    #wbox-news.col3 > div {
        margin-bottom: 15px;
    }
  }