.viewer-element .banner-hp .text-element {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/*
.viewer-element .banner-hp .button-flat {
  background-color: white !important;
  color: #3a6db0 !important;
}

.viewer-element .banner-hp .article-element--image .article-element-container {
   	background-color: transparent !important;
}
*/
.viewer-element .banner-hp .article-element-container {
	max-width: 80%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
/*
.viewer-element .banner-hp .article-element--image .article-element-date,
.viewer-element .banner-hp .article-element--image .article-element-title {
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      background-color: #3a6db0;
      box-shadow: 10px 0 0 #3a6db0, -10px 0 0 #3a6db0;
      display: inline-block;
}

.viewer-element .banner-hp .article-element--image .article-element-title {
  color: #ffe513 !important;
}

.viewer-element .banner-hp .article-element--image .article-element-link {
  background-color: white !important;
  color: #3a6db0 !important;
  display: inline-block;
*/
}
@media only screen and (min-width: 780px) {
  .viewer-element .banner-hp .text-element {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .viewer-element .banner-hp .text-element {
    padding-left: 50px;
    padding-right: 50px;
  }
  .viewer-element .banner-hp .article-element--image .article-element-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) {
  .viewer-element .banner-hp .text-element {
    padding-left: 80px;
    padding-right: 80px;
  }
}