.double-text-block {
  padding-bottom: 70px;
}

.double-text-block .responsive-square {
  padding-left: 0;
  max-width: 570px;
}

.double-text-block .responsive-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.double-text-block .square-content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.double-text-block.no-top-bottom-padding .component-content {
  padding-top: 0;
  padding-bottom: 0;
}

.double-text-block.bottom-margin-large .component-content {
  margin-bottom: 70px;
}

.double-text-block.double-text-handwriting .square-content {
  padding: 50px 50px 60px 50px;
}

.double-text-block.double-text-handwriting .field-left-headline-text, .double-text-block.double-text-handwriting .field-right-headline-text {
  margin-top: 25%;
  position: relative;
}

.double-text-block.double-text-handwriting .field-left-headline-image, .double-text-block.double-text-handwriting .field-right-headline-image {
  position: relative;
}

.double-text-block.double-text-handwriting .field-left-text, .double-text-block.double-text-handwriting .field-right-text {
  margin-top: 15%;
  position: absolute;
  bottom: 25%;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  width: 80%;
}

.double-text-block.double-text-handwriting .field-left-link, .double-text-block.double-text-handwriting .field-right-link {
  margin-top: 5%;
  position: absolute;
  bottom: 15%;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.double-text-block.double-text-default .square-content {
  padding: 15px;
  overflow-y: auto;
}

.double-text-block.double-text-default .field-left-small-headline, .double-text-block.double-text-default .field-right-small-headline {
  margin-bottom: 15px;
}

.double-text-block.double-text-default .field-left-text ul, .double-text-block.double-text-default .field-right-text ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.double-text-block.non-square-block .field-left-text h6, .double-text-block.non-square-block .field-left-text h5, .double-text-block.non-square-block .field-right-text h6, .double-text-block.non-square-block .field-right-text h5 {
  padding-bottom: 15px;
}

.double-text-block.non-square-block .field-left-text p, .double-text-block.non-square-block .field-right-text p {
  padding-bottom: 15px;
}

.double-text-block.non-square-block .field-left-text a, .double-text-block.non-square-block .field-right-text a {
  font-family: Arial, Roboto;
  font-weight: 500;
  font-style: normal;
}

.double-text-block.non-square-block ul {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: 1em;
}

.double-text-block.non-square-block li {
  list-style-position: outside;
}

@media screen and (max-width: 767px) {
  .double-text-block.non-square-block > .component-content {
    padding: 0 30px;
  }
  .double-text-block.non-square-block .text-area-background-left {
    margin-bottom: 30px;
  }
}

.double-text-block img {
  max-width: 80%;
  height: auto;
}

.double-text-block.content-font-campton-medium .field-left-text, .double-text-block.content-font-campton-medium .field-left-text p, .double-text-block.content-font-campton-medium .field-right-text, .double-text-block.content-font-campton-medium .field-right-text p {
  font-family: Arial, Roboto;
  font-weight: 500;
  font-style: normal;
}

@media screen and (max-width: 340px) {
  .double-text-block.double-text-handwriting .square-content {
    padding: 10px 10px 10px 10px;
  }
  .double-text-block.double-text-handwriting h2 {
    font-size: -webkit-calc( 25px + (20 - 10) * (100vw - 400px) / (767 - 400));
    font-size: calc( 25px + (20 - 10) * (100vw - 400px) / (767 - 400));
  }
  .double-text-block.double-text-handwriting h6 {
    font-size: 20px !important;
  }
  .double-text-block.double-text-handwriting .small p, .double-text-block.double-text-handwriting .small a {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 430px) {
  .double-text-block.double-text-block.double-text-handwriting .field-left-headline-text, .double-text-block.double-text-block.double-text-handwriting .field-right-headline-text {
    margin-top: 20%;
  }
  .double-text-block.double-text-block.double-text-handwriting .field-left-text, .double-text-block.double-text-block.double-text-handwriting .field-right-text {
    bottom: 17%;
  }
  .double-text-block.double-text-block.double-text-handwriting .field-left-link, .double-text-block.double-text-block.double-text-handwriting .field-right-link {
    bottom: 8%;
  }
}

@media screen and (min-width: 431px) and (max-width: 767px) {
  .double-text-block.double-text-handwriting .square-content {
    padding: 40px 40px 40px 40px;
  }
  .double-text-block.double-text-handwriting .field-left-headline-text, .double-text-block.double-text-handwriting .field-right-headline-text {
    margin-top: 25%;
  }
  .double-text-block.double-text-handwriting .field-left-text, .double-text-block.double-text-handwriting .field-right-text {
    margin-top: 7%;
    bottom: 22%;
  }
  .double-text-block.double-text-handwriting .field-left-link, .double-text-block.double-text-handwriting .field-right-link {
    bottom: 8%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .double-text-block.double-text-handwriting .square-content {
    padding: 30px 30px 40px 30px;
  }
  .double-text-block.double-text-handwriting .field-left-headline-text, .double-text-block.double-text-handwriting .field-right-headline-text {
    margin-top: 20%;
  }
  .double-text-block.double-text-handwriting .field-left-text, .double-text-block.double-text-handwriting .field-right-text {
    margin-top: 5%;
    bottom: 18%;
  }
  .double-text-block.double-text-handwriting .field-left-link, .double-text-block.double-text-handwriting .field-right-link {
    bottom: 8%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .double-text-block.double-text-handwriting .field-left-headline-text, .double-text-block.double-text-handwriting .field-right-headline-text {
    margin-top: 25%;
  }
  .double-text-block.double-text-handwriting .field-left-text, .double-text-block.double-text-handwriting .field-right-text {
    margin-top: 10%;
    bottom: 20%;
  }
  .double-text-block.double-text-handwriting .field-left-link, .double-text-block.double-text-handwriting .field-right-link {
    bottom: 10%;
  }
}

.text-area-background-right.col-md-6.responsive-square {
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .text-area-background-right.col-md-6.responsive-square {
    margin-left: auto;
  }
}

.text-area-background-left.col-md-6.responsive-square {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .text-area-background-left.col-md-6.responsive-square {
    margin-right: auto;
  }
}