.umb-block-grid__layout-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--column-gap, 0);
  column-gap: var(--umb-block-grid--column-gap, 0);
  row-gap: var(--umb-block-grid--row-gap, 0);
}

.umb-block-grid__layout-item {
  position: relative;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(var(--umb-block-grid--item-column-span, 1) * 3, var(--umb-block-grid--grid-columns));
  grid-row: span var(--umb-block-grid--item-row-span, 1);
}
@media (max-width: 47.99em) {
  .umb-block-grid__layout-item div.richTextBlock iframe {
    width: 100% !important;
  }
}

.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
  column-gap: var(--umb-block-grid--areas-column-gap, 0);
  row-gap: var(--umb-block-grid--areas-row-gap, 0);
}

.umb-block-grid__area {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(var(--umb-block-grid--area-column-span, 1) * 3, var(--umb-block-grid--area-grid-columns));
  grid-row: span var(--umb-block-grid--area-row-span, 1);
}

.umb-block-grid__layout-container .oneColumnLayoutBlock, .umb-block-grid__layout-container .twoColumnLayoutBlock, .umb-block-grid__layout-container .threeColumnLayoutBlock {
  margin-bottom: 40px;
}
.umb-block-grid__layout-container .oneColumnLayoutBlock ul, .umb-block-grid__layout-container .twoColumnLayoutBlock ul, .umb-block-grid__layout-container .threeColumnLayoutBlock ul {
  margin-left: 30px;
  list-style: none;
}
.umb-block-grid__layout-container .oneColumnLayoutBlock ul li, .umb-block-grid__layout-container .twoColumnLayoutBlock ul li, .umb-block-grid__layout-container .threeColumnLayoutBlock ul li {
  padding-bottom: 12px;
}
.umb-block-grid__layout-container .oneColumnLayoutBlock ul li h3, .umb-block-grid__layout-container .twoColumnLayoutBlock ul li h3, .umb-block-grid__layout-container .threeColumnLayoutBlock ul li h3 {
  font-family: "open_sansbold", arial, sans-serif;
  font-size: 24px;
}
.umb-block-grid__layout-container .oneColumnLayoutBlock ul li a, .umb-block-grid__layout-container .twoColumnLayoutBlock ul li a, .umb-block-grid__layout-container .threeColumnLayoutBlock ul li a {
  color: #fff;
  text-decoration: none;
}
.umb-block-grid__layout-container .oneColumnLayoutBlock ul li a:hover, .umb-block-grid__layout-container .twoColumnLayoutBlock ul li a:hover, .umb-block-grid__layout-container .threeColumnLayoutBlock ul li a:hover {
  text-decoration: underline;
}
.umb-block-grid__layout-container .embeditem {
  text-align: center;
}
.umb-block-grid__layout-container .imageBlock span {
  padding: 6px 0;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
}
.umb-block-grid__layout-container .imageBlock span.text-overlay {
  display: inline-block;
  font-size: 34px;
  font-family: "Times New Roman", Times, serif;
  position: absolute;
  left: 0;
  right: 0;
  padding: 48px 12px 48px 12px;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.6);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
@media (max-width: 820px) {
  .umb-block-grid__layout-container .twoColumnLayoutBlock, .umb-block-grid__layout-container .threeColumnLayoutBlock {
    margin-bottom: 0;
  }
}
.umb-block-grid__layout-container .twoColumnLayoutBlock .imageBlock, .umb-block-grid__layout-container .threeColumnLayoutBlock .imageBlock {
  padding: 0 32px;
}
@media (max-width: 820px) {
  .umb-block-grid__layout-container .twoColumnLayoutBlock .imageBlock, .umb-block-grid__layout-container .threeColumnLayoutBlock .imageBlock {
    margin-bottom: 30px;
  }
}
.umb-block-grid__layout-container .twoColumnLayoutBlock .imageBlock img:hover, .umb-block-grid__layout-container .threeColumnLayoutBlock .imageBlock img:hover {
  border: #fff 1px solid;
}
.umb-block-grid__layout-container .twoColumnLayoutBlock .imageBlock img, .umb-block-grid__layout-container .threeColumnLayoutBlock .imageBlock img {
  border: #ccc 1px solid;
}
.umb-block-grid__layout-container .twoColumnLayoutBlock .imageBlock a, .umb-block-grid__layout-container .threeColumnLayoutBlock .imageBlock a {
  text-decoration: none;
}

@media (max-width: 820px) {
  .umb-block-grid__layout-container .richTextBlock, .umb-block-grid__layout-container .headlineBlock {
    margin: 0 12px;
  }
}

@media (min-width: 1024px) {
  .umb-block-grid__layout-item {
    grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
  }
  .umb-block-grid__area {
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
  }
}