/*SECTION TEMPLATE STYLES==========================================================================*/
.ajax-loader-gif-container {
  text-align:center;
}
/*SECTION LAYOUT 1=================================================================================*/
.homepage-ajax-content-container img {
  width:100%;
  height:auto;
}

@media screen and (max-width: 768px) {
  .homepage-ajax-content-container {
    margin:0 10px;
  }
  .homepage-ajax-content-container .homepage-layout-headline {
    margin-top:5px;
  }
  .homepage-ajax-content-container .homepage-layout-subhead {
    margin-bottom:20px;
  }
  .homepage-ajax-content-container .homepage-layout-subhead, .homepage-ajax-content-container .homepage-layout-subhead * {
    font-size:1.6rem !important;
    line-height:2.0rem !important;
  }
  .homepage-ajax-content-container .homepage-layout-date {
    font-size:1.2rem;
    line-height:1.25rem;
    margin-bottom:10px;
  }
  /*SECTION GALLERY MOBILE=========================================================================*/
  /*.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-text-container {
    opacity:1;
  }*/
}
/*DESKTOP LAYOUT===================================================================================*/
@media screen and (min-width: 769px) {
  .homepage-ajax-content-container .homepage-layout-subhead, .homepage-ajax-content-container .homepage-layout-subhead * {
    font-size:1.6rem !important;
    line-height:2.0rem !important;
  }
  .homepage-ajax-content-container .homepage-layout-date {
    font-size:1.4rem;
    line-height:1.45rem;
    margin-bottom:10px;
  }
  /*SECTION 1======================================================================================*/
  .section-layout-1 .homepage-ajax-content-container {
    display:flex;
    align-items:flex-start;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts {
    flex-basis:75%;
  }
  .section-layout-1 .homepage-ajax-content-container .sidebarPost {
    flex-basis:25%;
    background-color:#273043;
    color:#ffffff !important;
  }
  .section-layout-1 .homepage-ajax-content-container .sidebarPost .sidebarPost-content-padding-container {
    padding:10px;
  }
  .section-layout-1 .homepage-ajax-content-container .sidebarPost .homepage-layout-headline {
    color:#ffffff;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction:column;
    width:75%;
    float:left;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .top4Posts-content-padding-container {
    padding-right:10px;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .top1Posts {
    display: flex;
    background-color: #eeeeee;
    padding: 10px;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .top1Posts .top1Posts-image-container {
    flex-basis:35%;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .top1Posts .top1Posts-image-container img {
    width: 100%;
    height: auto;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .top1Posts .top1Posts-text-container {
    flex-basis: 65%;
    padding-left: 10px;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .top1Posts .top1Posts-text-container .top1Posts-headline {
  }
  .section-layout-1 .homepage-ajax-content-container h3 {
    font-weight: bold;
    font-size:2.2rem;
    margin-top: 0;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .mid3Posts {
    display:flex;
    margin-top:10px;
    border-top:2px solid #273043;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .mid3Posts .mid3Posts-content-container {
    flex-basis:33.33%;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .mid3Posts .mid3Posts-content-container .mid3Posts-content-padding-container {
    padding:10px;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .mid3Posts .mid3Posts-content-container:first-of-type {
    border-right:2px solid #273043;
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .mid3Posts .mid3Posts-content-container:last-of-type {
  }
  .section-layout-1 .homepage-ajax-content-container .top4Posts .mid3Posts .mid3Posts-content-container:nth-of-type(2) {
    border-right:2px solid #273043;
  }
  /*===============================================================================================*/

  /*SECTION LAYOUT 2 DESKTOP=======================================================================*/
  .section-layout-2 .homepage-ajax-content-container img {
    width:100%;
    height:auto;
  }
  .section-layout-2 .homepage-ajax-content-container .homepage-layout-headline {
    margin-top:0;
  }
  .section-layout-2 .homepage-ajax-content-container .homepage-layout-date {
    font-size:1.4rem;
    line-height:1.45rem;
    margin-bottom:10px;
  }
  .section-layout-2 .homepage-ajax-content-container .top1Posts {
    display:flex;
    background-color:#eeeeee;
    padding:10px;
  }
  .section-layout-2 .homepage-ajax-content-container .top1Posts .top1Posts-image-container {
    flex-basis:35%;
  }
  .section-layout-2 .homepage-ajax-content-container .top1Posts .top1Posts-text-container {
    flex-basis:65%;
    padding-left:10px;
  }
  .section-layout-2 .homepage-ajax-content-container .mid3Posts {
    display:flex;
    margin-top:10px;
    border-top:2px solid #273043;
  }
  .section-layout-2 .homepage-ajax-content-container .mid3Posts .mid3Posts-content-container {
    flex-basis:33.33%;
  }
  .section-layout-2 .homepage-ajax-content-container .mid3Posts .mid3Posts-content-container .mid3Posts-content-padding-container {
    padding:10px;
  }
  .section-layout-2 .homepage-ajax-content-container .mid3Posts .mid3Posts-content-container:first-of-type {
    border-right:2px solid #273043;
  }
  .section-layout-2 .homepage-ajax-content-container .mid3Posts .mid3Posts-content-container:last-of-type {
  }
  .section-layout-2 .homepage-ajax-content-container .mid3Posts .mid3Posts-content-container:nth-of-type(2) {
    border-right:2px solid #273043;
  }

  /*===============================================================================================*/

  /*SECTION LAYOUT 3 DESKTOP=======================================================================*/
  .section-layout-3 .homepage-ajax-content-container {
    display:flex;
    flex-wrap:wrap;
  }
  .section-layout-3 .homepage-ajax-content-container .post-container {
    flex-basis:50%;
    padding:5px;
  }
  .section-layout-3 .homepage-ajax-content-container .post-container .post-contents {
    border:1px solid #eeeeee;
  }
  .section-layout-3 .homepage-ajax-content-container .post-container .post-contents .post-image-container img {
    width:100%;
    height:auto;
  }
  .section-layout-3 .homepage-ajax-content-container .post-container .post-contents .homepage-layout-date {
    font-size:1.4rem;
    line-height:1.45rem;
    margin-bottom:10px;
  }
  .section-layout-3 .homepage-ajax-content-container .post-container .post-contents .post-text-container .post-headline {
    margin-top:10px;
  }
  .section-layout-3 .homepage-ajax-content-container .post-container .post-contents .post-text-container {
    padding:0 10px 10px 10px;
  }
  /*===============================================================================================*/

  /*SECTION LAYOUT GALLERY DESKTOP=================================================================*/
  .section-layout-gallery .homepage-ajax-content-container {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .section-layout-gallery .homepage-ajax-content-container .gallery-item-container {
    flex-basis:33.33%;
  }
  .section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-text-container {
    opacity: 0;
  }
}
.section-layout-gallery .homepage-ajax-content-container .gallery-item-container {
  position:relative;
}
.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-item-link {
  text-align:center;
}

.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-item-container img {
  height:100%;
  max-height:100%;
  max-width:none;
  width:auto;
  position:relative;
  z-index:1;
}
.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-text-container {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  filter: alpha(opacity = 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  background-color:rgba(51,51,51,0.5);
  display:flex;
  align-items:center;
  padding:0 20px;
}
.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-text-container:hover {
  opacity:1;
}

.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-text-container .gallery-text {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.section-layout-gallery .homepage-ajax-content-container .gallery-item-container .gallery-text-container .gallery-text h3 {
  color:#ffffff;
  margin:0;
}