/**
 * @file
 * Visual styles for Globales Lernen views.
 */
.views-field-title a {
  margin: 0 0 5px;
  display: block;
}
.views-field-title a:hover {
  text-decoration: underline;
}
.white-region .view-mt-benefits .views-field-title a,
.light-gray-region .view-mt-benefits .views-field-title a {
  color: #3f3f3f;
}
.colored-region .views-field-title a {
  color: #ffffff;
  text-decoration: none;
}
.colored-region .views-field-title a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.view-grid-3 .views-col.col-1, 
.view-grid-3 .views-col.col-2, 
.view-grid-3 .views-col.col-3 {
    width: calc(33.33333% - 26.6666px)!important;
}

.view-grid-3 .views-col.col-2 {
    margin-right: 40px;
    margin-left: 40px;
}

.view-grid-4 .views-col {
    width: calc(25% - 30px)!important;
}

.view-grid-4 .views-col.col-2 {
    margin-left: 40px;
    margin-right: 40px;
}

.view-grid-4 .views-col.col-3 {
    margin-right: 40px;
}

.view-header {
    margin-bottom: 40px;
}

/*Views row clear*/
@media (min-width:768px) {
  .views-row.col-sm-6:nth-child(2n+1),
  .views-row.col-sm-4:nth-child(3n+1),
  .views-row.col-sm-3:nth-child(4n+1) {
    clear: both;
  }
}
@media (min-width:992px) {
  .views-row.col-sm-6.col-md-4:nth-child(2n+1),
  .views-row.col-sm-6.col-md-3:nth-child(2n+1),
  .views-row.col-sm-4.col-md-2:nth-child(3n+1),
  .views-row.col-sm-4.col-md-3:nth-child(3n+1),
  .views-row.col-sm-4.col-md-6:nth-child(3n+1),
  .views-row.col-sm-3.col-md-6:nth-child(4n+1),
  .views-row.col-sm-3.col-md-4:nth-child(4n+1) {
    clear: none;
  }
  .views-row.col-md-6:nth-child(2n+1),
  .views-row.col-md-4:nth-child(3n+1),
  .views-row.col-md-3:nth-child(4n+1) {
    clear: both !important;
  }
}

/*clear grid floats*/
.view.row .view-content:before,
.view.row .view-content:after {
  display: table;
  content: " ";
}
.view.row .view-content:after {
  clear: both;
}



@media (max-width:768px) {

.view-header {
    margin-bottom: 20px;
}

.view-grid-4 {
	width: 100%;
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
}

.view-grid-4 .views-col.col-1 {
    margin-bottom: 10px;
}

.view-grid-4 .views-col.col-2 {
    margin-right: 0px;
    margin-bottom: 10px;    
    margin-left: 10px;
}

.view-grid-4 .views-col.col-3 {
    margin-right: 10px;
}

.view-grid-4 .views-col {
    width: calc(50% - 5px)!important;
}

.view-grid-3 {
    padding: 0px;
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
}

.view-grid-3 .views-col.col-1, 
.view-grid-3 .views-col.col-2, 
.view-grid-3 .views-col.col-3 {
    width: 100%!important;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
}

.filterblock .views-view-grid .views-row {
    margin-bottom: 0px;
}

}

@media screen and (min-width: 768px) and (max-width:768px) {

div#block-views-block-links-frontpage-block-1 .view-grid-4 {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
div#block-views-block-links-frontpage-block-1 .view-grid-4 .views-col {
    width: calc(25% - 30px)!important;
}

div#block-views-block-links-frontpage-block-1 .view-grid-4 .views-col.col-2 {
    margin-left: 40px;
    margin-right: 40px;
}

div#block-views-block-links-frontpage-block-1 .view-grid-4 .views-col.col-3 {
    margin-right: 40px;
}

}