.background--primary {
  background: #e8473f;
}

.background--secondary {
  background: #3b44ac;
}

.background--gray {
  background: #ededed;
}

.background--white {
  background: #FFF;
}

.text--primary {
  color: #e8473f;
}

.text--secondary {
  color: #3b44ac;
}

.text--gray {
  color: #ededed;
}

.text--white {
  color: #FFF;
}

button.text--primary {
  color: #e8473f;
}

button.text--secondary {
  color: #3b44ac;
}

button.text--gray {
  color: #ededed;
}

button.text--white {
  color: #FFF;
}

.link--primary a, .link--primary a:visited {
  color: #e8473f;
}

.link--secondary a, .link--secondary a:visited {
  color: #3b44ac;
}

.link--gray a, .link--gray a:visited {
  color: #ededed;
}

.link--white a, .link--white a:visited {
  color: #FFF;
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.no-pad {
  padding: 0;
}

.section.no-pad-bot {
  padding-bottom: 0;
}

.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row .col.s1 {
  width: 8.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.33333%;
}

.row .col.pull-s1 {
  right: 8.33333%;
}

.row .col.push-s1 {
  left: 8.33333%;
}

.row .col.offset-s2 {
  margin-left: 16.66667%;
}

.row .col.pull-s2 {
  right: 16.66667%;
}

.row .col.push-s2 {
  left: 16.66667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.33333%;
}

.row .col.pull-s4 {
  right: 33.33333%;
}

.row .col.push-s4 {
  left: 33.33333%;
}

.row .col.offset-s5 {
  margin-left: 41.66667%;
}

.row .col.pull-s5 {
  right: 41.66667%;
}

.row .col.push-s5 {
  left: 41.66667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.33333%;
}

.row .col.pull-s7 {
  right: 58.33333%;
}

.row .col.push-s7 {
  left: 58.33333%;
}

.row .col.offset-s8 {
  margin-left: 66.66667%;
}

.row .col.pull-s8 {
  right: 66.66667%;
}

.row .col.push-s8 {
  left: 66.66667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.33333%;
}

.row .col.pull-s10 {
  right: 83.33333%;
}

.row .col.push-s10 {
  left: 83.33333%;
}

.row .col.offset-s11 {
  margin-left: 91.66667%;
}

.row .col.pull-s11 {
  right: 91.66667%;
}

.row .col.push-s11 {
  left: 91.66667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.33333%;
  }
  .row .col.pull-m1 {
    right: 8.33333%;
  }
  .row .col.push-m1 {
    left: 8.33333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.66667%;
  }
  .row .col.pull-m2 {
    right: 16.66667%;
  }
  .row .col.push-m2 {
    left: 16.66667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.33333%;
  }
  .row .col.pull-m4 {
    right: 33.33333%;
  }
  .row .col.push-m4 {
    left: 33.33333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.66667%;
  }
  .row .col.pull-m5 {
    right: 41.66667%;
  }
  .row .col.push-m5 {
    left: 41.66667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.33333%;
  }
  .row .col.pull-m7 {
    right: 58.33333%;
  }
  .row .col.push-m7 {
    left: 58.33333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.66667%;
  }
  .row .col.pull-m8 {
    right: 66.66667%;
  }
  .row .col.push-m8 {
    left: 66.66667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.33333%;
  }
  .row .col.pull-m10 {
    right: 83.33333%;
  }
  .row .col.push-m10 {
    left: 83.33333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.66667%;
  }
  .row .col.pull-m11 {
    right: 91.66667%;
  }
  .row .col.push-m11 {
    left: 91.66667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.33333%;
  }
  .row .col.pull-l1 {
    right: 8.33333%;
  }
  .row .col.push-l1 {
    left: 8.33333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.66667%;
  }
  .row .col.pull-l2 {
    right: 16.66667%;
  }
  .row .col.push-l2 {
    left: 16.66667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.33333%;
  }
  .row .col.pull-l4 {
    right: 33.33333%;
  }
  .row .col.push-l4 {
    left: 33.33333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.66667%;
  }
  .row .col.pull-l5 {
    right: 41.66667%;
  }
  .row .col.push-l5 {
    left: 41.66667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.33333%;
  }
  .row .col.pull-l7 {
    right: 58.33333%;
  }
  .row .col.push-l7 {
    left: 58.33333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.66667%;
  }
  .row .col.pull-l8 {
    right: 66.66667%;
  }
  .row .col.push-l8 {
    left: 66.66667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.33333%;
  }
  .row .col.pull-l10 {
    right: 83.33333%;
  }
  .row .col.push-l10 {
    left: 83.33333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.66667%;
  }
  .row .col.pull-l11 {
    right: 91.66667%;
  }
  .row .col.push-l11 {
    left: 91.66667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.33333%;
  }
  .row .col.pull-xl1 {
    right: 8.33333%;
  }
  .row .col.push-xl1 {
    left: 8.33333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.66667%;
  }
  .row .col.pull-xl2 {
    right: 16.66667%;
  }
  .row .col.push-xl2 {
    left: 16.66667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.33333%;
  }
  .row .col.pull-xl4 {
    right: 33.33333%;
  }
  .row .col.push-xl4 {
    left: 33.33333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.66667%;
  }
  .row .col.pull-xl5 {
    right: 41.66667%;
  }
  .row .col.push-xl5 {
    left: 41.66667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.33333%;
  }
  .row .col.pull-xl7 {
    right: 58.33333%;
  }
  .row .col.push-xl7 {
    left: 58.33333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.66667%;
  }
  .row .col.pull-xl8 {
    right: 66.66667%;
  }
  .row .col.push-xl8 {
    left: 66.66667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.33333%;
  }
  .row .col.pull-xl10 {
    right: 83.33333%;
  }
  .row .col.push-xl10 {
    left: 83.33333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.66667%;
  }
  .row .col.pull-xl11 {
    right: 91.66667%;
  }
  .row .col.push-xl11 {
    left: 91.66667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}

.grid--filter-all {
  color: #e8473f;
  font-style: italic;
}

.grid-post .block-post__description {
  padding: 1rem;
}

.grid-post figure img {
  width: 100%;
}

.grid-post .hover-effect__link {
  text-transform: uppercase;
}

.grid-post .image-hover-effect:hover .block-post__description {
  color: white;
}

.grid-post .image-hover-effect:hover .block-post__name {
  color: white;
}

.grid-post .section-post-grid__indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 10px;
  top: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.grid-post .section-post-grid__indicators .indicator {
  margin: 0 5px;
  width: 25px;
  border-color: #3b44ac;
  border-width: 1px;
}

.grid-post .section-post-grid__indicators .indicator:before {
  border-width: 2px;
}

.section-post-grid {
  position: relative;
  min-height: 500px;
}

.section-post-grid .section-post-grid__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -1rem;
}

.section-post-grid .grid-post {
  width: 50%;
  padding: 1rem;
}

.section-post-grid .section-post-grid__filter {
  padding-top: 10px;
  padding-bottom: 1rem;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.section-post-grid .section-post-grid__filter button {
  padding: .1em 0;
  font-size: 18px;
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: lowercase;
}

.section-post-grid .section-post-grid__filter button svg {
  display: block;
  margin-bottom: -17px;
  width: auto;
  height: 30px;
}

.section-post-grid .section-post-grid__filter button svg .stroke--secondary {
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.section-post-grid .section-post-grid__filter button:after {
  content: " ";
  background: #ededed;
  height: 9px;
  width: 0%;
  display: block;
  margin-top: -13px;
  -webkit-transition: width .1s;
  transition: width .1s;
}

.section-post-grid .section-post-grid__filter button.is-checked:after {
  width: 100%;
}

.section-post-grid .section-post-grid__filter button:hover svg .stroke--secondary {
  -webkit-transform: translate(2px, -2px);
  transform: translate(2px, -2px);
}

@media screen and (min-width: 768px) {
  .section-post-grid .section-post-grid__filter button {
    padding: .3em 1em .2em;
    font-size: 25px;
  }
  .section-post-grid .section-post-grid__filter button svg {
    height: 36px;
  }
}

@media screen and (min-width: 1260px) {
  .section-post-grid .section-post-grid__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .section-post-grid .grid-post {
    width: 33.33333%;
  }
}

.wp-block-gutenbee-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wp-block-gutenbee-divider.align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.wp-block-gutenbee-divider.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.section-reference {
  position: relative;
  color: #e8473f;
}

.section-reference .block-post__description {
  padding: 1rem 0;
}

.section-reference .block-post__name {
  font-style: italic;
}

.section-reference .block-post__description, .section-reference .block-post__name {
  color: #e8473f;
  text-align: left;
}

.section-reference .block-post__excerpt {
  max-height: 4.3em;
  overflow: hidden;
}

.section-reference .block-post__excerpt p {
  margin-bottom: 0;
}

.section-references .shape__square, .section-references .shape__circle, .section-references .shape__line {
  display: block;
  position: absolute;
  z-index: 5;
  width: 25%;
  pointer-events: none;
}

.section-references .shape__square:before, .section-references .shape__circle:before, .section-references .shape__line:before {
  border-color: #3b44ac;
}

.section-references img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .section-references a.button__animated-circles {
    margin: 1rem auto;
    display: block;
    width: 280px;
    text-align: center;
  }
  .section-reference__preview.image-hover-effect figure {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 600px;
    max-height: 50vh;
  }
  .section-references .shape__square {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-35%, 10%);
    transform: translate(-35%, 10%);
    min-width: 160px;
  }
  .section-references .shape__circle {
    left: 0;
    top: 0;
    -webkit-transform: translate(-35%, -70%);
    transform: translate(-35%, -70%);
    width: 40%;
    min-width: 160px;
  }
  .section-references .shape__line {
    right: 0;
    top: 0;
    z-index: 3;
    -webkit-transform: translate(35%, -35%);
    transform: translate(35%, -35%);
    width: 35%;
    min-width: 160px;
  }
}

@media screen and (min-width: 768px) {
  .section-references {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100vw - 240px);
    max-width: 1400px;
  }
  .section-references .button__animated-circles {
    position: absolute;
    top: 0;
    right: 20px;
  }
  .section-references .section-reference {
    position: relative;
    width: 50%;
    padding: 10px;
  }
  .section-references .shape__square {
    right: 0;
    top: 50%;
    -webkit-transform: translateX(65%);
    transform: translateX(65%);
    width: 25%;
  }
  .section-references .shape__circle {
    left: 0;
    top: 50%;
    z-index: 3;
    -webkit-transform: translate(-85%, -15%);
    transform: translate(-85%, -15%);
    width: 68%;
  }
  .section-references .shape__line {
    left: 0;
    top: 50%;
    -webkit-transform: translate(-60%, -15%);
    transform: translate(-60%, -15%);
    width: 41%;
  }
  @supports (grid-auto-rows: auto) {
    .section-references {
      display: grid;
      grid-template-columns: 50% 50%;
      grid-template-rows: 1fr 1fr;
      padding-top: 0;
    }
    .section-references > * {
      justify-self: end;
      -ms-flex-item-align: end;
      align-self: end;
    }
    .section-references .section-reference {
      width: auto;
      padding: 0;
    }
    .section-references .section-reference:nth-of-type(1) {
      grid-area: 1 / 1 / 2 / 2;
      width: 110%;
      margin-right: -30%;
      z-index: 4;
    }
    .section-references .section-reference:nth-of-type(1):after {
      content: " ";
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 66.75%;
    }
    .section-references .section-reference:nth-of-type(2) {
      grid-area: 1 / 2 / 2 / 3;
      margin-bottom: -15%;
      height: 106%;
      width: 58.5%;
      justify-self: end;
      z-index: 3;
    }
    .section-references .section-reference:nth-of-type(3) {
      grid-area: 2 / 1 / 3 / 2;
      align-self: start;
      margin-right: 9%;
      margin-top: -15%;
      width: 61%;
      height: 106%;
      z-index: 2;
    }
    .section-references .section-reference:nth-of-type(4) {
      grid-area: 2 / 2 / 3 / 3;
      justify-self: start;
      margin-left: 11%;
      width: 53%;
      height: 107%;
      margin-bottom: -17%;
      z-index: 1;
    }
    .section-references .section-reference__preview {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .section-references .section-reference__preview, .section-references .image-hover-effect .hover-effect__container, .section-references figure {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
    .section-reference {
      position: relative;
      width: 100%;
      height: 100%;
    }
    .grid-gallery-container .top-left-text {
      position: absolute;
      left: 0;
      bottom: 0px;
      -webkit-transform: translate(0, 100%);
      transform: translate(0, 100%);
      z-index: 4;
    }
    .grid-gallery-container .top-right-text {
      position: absolute;
      left: 0;
      bottom: 0px;
      -webkit-transform: translate(0, 100%);
      transform: translate(0, 100%);
      z-index: 4;
    }
    .grid-gallery-container .bottom-left-text {
      position: absolute;
      left: 0;
      bottom: 0px;
      -webkit-transform: translate(0, 100%);
      transform: translate(0, 100%);
      z-index: 4;
    }
    .grid-gallery-container .bottom-right-text {
      position: absolute;
      left: 0;
      bottom: 0px;
      -webkit-transform: translate(0, 100%);
      transform: translate(0, 100%);
      z-index: 4;
    }
  }
}

.block-werke__symbol {
  background: #e8473f;
}

.block-werke__symbol svg {
  width: 100%;
}

.post-grid-type-werke {
  min-height: unset;
}

.post-grid-type-werke .grid-post {
  width: 33.33333%;
  padding: .2rem;
}

@media screen and (min-width: 768px) {
  .post-grid-type-werke .grid-post {
    padding: .5rem;
  }
}

@media screen and (min-width: 1260px) {
  .post-grid-type-werke .grid-post {
    padding: 1rem;
  }
}

.grid-post-werke .image-hover-effect .hover-effect__container {
  -webkit-transition: background .1s;
  transition: background .1s;
}

.grid-post-werke .image-hover-effect:hover .hover-effect__container {
  background: #e8473f;
}

.grid-post-werke .image-hover-effect:hover .hover-effect__container .block-werke__name svg .fill--secondary {
  fill: white;
}

.section-werke-slider .owl-stage-outer {
  overflow: visible;
}

.section-werke-slider .owl-item {
  opacity: 0;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

.section-werke-slider .owl-item.active {
  opacity: 1;
}

.section-werke-slider .section-werke-slider__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-werke-slider .section-werke-slider__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  background: #e8473f;
  width: 40%;
}

.section-werke-slider .section-werke-slider__image .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-werke-slider .section-werke-slider__image svg {
  display: block;
  width: 100%;
  height: auto;
}

.section-werke-slider .section-werke-slider__text {
  position: relative;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin-top: -55px;
}

.section-werke-slider .section-werke-slider__text h5 {
  margin: 0;
}

.section-werke-slider .section-werke-slider__title svg {
  height: 1.6rem;
  width: auto;
}

.section-werke-slider .section-werke-slider__title svg .fill--secondary {
  fill: #000000;
}

.section-werke-slider .indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-40%, 0%);
  transform: translate(-40%, 0%);
  width: 60px;
  color: #3b44ac;
}

.section-werke-slider .owl-prev span, .section-werke-slider .owl-next span {
  position: relative;
  border-bottom: 2px solid white;
  display: block;
  width: 20px;
  height: 0;
}

.section-werke-slider .owl-prev span:after, .section-werke-slider .owl-prev span:before, .section-werke-slider .owl-next span:after, .section-werke-slider .owl-next span:before {
  content: " ";
  position: absolute;
  width: 8px;
  height: 2px;
  background: white;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s;
}

.section-werke-slider .owl-prev span:after, .section-werke-slider .owl-next span:after {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.section-werke-slider .owl-prev span:before, .section-werke-slider .owl-next span:before {
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.section-werke-slider .owl-prev:hover span:after, .section-werke-slider .owl-next:hover span:after {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.section-werke-slider .owl-prev:hover span:before, .section-werke-slider .owl-next:hover span:before {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.section-werke-slider .owl-prev span:after, .section-werke-slider .owl-prev span:before {
  left: 0;
}

.section-werke-slider .owl-next span:after, .section-werke-slider .owl-next span:before {
  -webkit-transform-origin: right;
  transform-origin: right;
  right: 0;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  .section-werke-slider .section-werke-slider__text {
    -webkit-box-flex: 60%;
    -ms-flex: 60%;
    flex: 60%;
    width: 60%;
    -webkit-transform: translate(15%, 0%);
    transform: translate(15%, 0%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 0;
  }
  .section-werke-slider .section-werke-slider__image .owl-nav {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .section-werke-slider .indicator {
    -webkit-transform: translate(-60%, 0%);
    transform: translate(-60%, 0%);
    width: 80px;
  }
  .section-werke-slider .section-werke-slider__image svg {
    height: 300px;
  }
}

.post-grid-type-references .section-post-grid__filter button {
  max-width: 200px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .post-grid-type-references .section-post-grid__filter {
    padding-bottom: 20px;
  }
  .post-grid-type-references .section-post-grid__filter button {
    padding: 5px 6px;
  }
  .post-grid-type-references .section-post-grid__filter button:nth-last-of-type(n + 2):not(.grid--filter-all) {
    border-right: 1px solid black;
    border-radius: 0;
  }
}

@media screen and (min-width: 768px) {
  .post-grid-type-references .section-post-grid__filter button {
    font-size: 18px;
  }
}

.reference-meta dt {
  color: #3b44ac;
}

.reference-meta h4 {
  width: 25%;
  text-align: right;
}

.section__print-reference {
  position: relative;
}

.section__print-reference button {
  position: absolute;
  right: 0;
  bottom: 100px;
}

.single-reference__meta {
  background: #e8473f;
  color: white;
  padding: 1rem;
  width: 320px;
  margin: 4rem auto;
}

.single-reference__meta dt {
  text-transform: uppercase;
  width: 120px;
}

.single-reference__meta dd {
  padding-left: 130px;
  margin: 0 0 0 -120px;
}

.single-reference__meta .single-reference__meta-title {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(15px) translateY(65%);
  transform: translateX(15px) translateY(65%);
  color: #3b44ac;
  text-transform: uppercase;
  font-weight: 300;
  font-style: italic;
  font-size: 3rem;
}

.single-reference__meta:after {
  left: 100%;
  top: 0;
  height: 0px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: " ";
  position: absolute;
  display: block;
  width: 160px;
  border-top: 3px solid #3b44ac;
}

@media screen and (min-width: 1260px) {
  .single-reference__content {
    position: relative;
  }
  .single-reference__content p:nth-of-type(1) {
    padding-right: 200px;
  }
  .single-reference__content .section-wide.single-reference-data {
    position: absolute;
    z-index: 1;
    top: 0;
  }
  .single-reference__meta {
    position: absolute;
    right: 0;
    margin: 0;
  }
  .single-reference__meta:after {
    left: 0;
    top: 200%;
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 200px;
  }
}

.section-post-grid .block-team__description, .werke--content__contact .block-team__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding: 1rem 1rem .7rem;
  line-height: 1.2;
  color: #3b44ac;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.section-post-grid .block-team__description .block-team__person, .werke--content__contact .block-team__description .block-team__person {
  width: 50%;
}

.section-post-grid .block-team__description .block-team__contact, .werke--content__contact .block-team__description .block-team__contact {
  opacity: 0;
  width: 50%;
  font-style: italic;
  text-align: right;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.section-post-grid .block-team__description .block-team__contact a, .werke--content__contact .block-team__description .block-team__contact a {
  display: block;
  color: white;
}

.section-post-grid .block-team__description .block-team__name, .werke--content__contact .block-team__description .block-team__name {
  -webkit-transition: color .2s;
  transition: color .2s;
  text-transform: uppercase;
  margin: 0;
}

.section-post-grid .image-hover-effect:hover .block-team__name, .werke--content__contact .image-hover-effect:hover .block-team__name {
  color: white;
}

.section-post-grid .image-hover-effect:hover .block-team__description, .werke--content__contact .image-hover-effect:hover .block-team__description {
  color: white;
}

.section-post-grid .image-hover-effect:hover .block-team__description .block-team__contact, .werke--content__contact .image-hover-effect:hover .block-team__description .block-team__contact {
  opacity: 1;
}

.section-post-grid .image-hover-effect:hover .hover-effect__link, .werke--content__contact .image-hover-effect:hover .hover-effect__link {
  bottom: 10%;
}

.post-grid-type-team .grid-post {
  padding: 1rem 2rem;
  width: 100%;
}

@media screen and (min-width: 1260px) {
  .post-grid-type-team .grid-post {
    padding: 1rem;
    width: 50%;
  }
}

.section-team-quiz {
  position: relative;
}

.section-team-quiz .team-quiz-member__image {
  height: 300px;
}

.section-team-quiz .slick-prev, .section-team-quiz .slick-next {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4;
  background: #3b44ac;
  border: none;
  border-radius: 0;
  padding: .6em .8em;
}

.section-team-quiz .slick-prev span, .section-team-quiz .slick-next span {
  position: relative;
  border-right: 1px solid white;
  display: block;
  width: 0;
  height: 1em;
}

.section-team-quiz .slick-prev span:after, .section-team-quiz .slick-prev span:before, .section-team-quiz .slick-next span:after, .section-team-quiz .slick-next span:before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 6px;
  background: white;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s;
}

.section-team-quiz .slick-prev span:after, .section-team-quiz .slick-next span:after {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.section-team-quiz .slick-prev span:before, .section-team-quiz .slick-next span:before {
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.section-team-quiz .slick-prev:hover span:after, .section-team-quiz .slick-next:hover span:after {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.section-team-quiz .slick-prev:hover span:before, .section-team-quiz .slick-next:hover span:before {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.section-team-quiz .slick-prev {
  bottom: 2.4em;
}

.section-team-quiz .slick-prev span:after, .section-team-quiz .slick-prev span:before {
  left: 0;
}

.section-team-quiz .slick-next span:after, .section-team-quiz .slick-next span:before {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  bottom: 0;
}

.team-quiz-question {
  display: none;
}

.team-quiz-member__contact {
  padding: 0 4rem 0 0;
  line-height: 1.2;
  text-align: right;
  color: #3b44ac;
}

.team-quiz-member__contact .team-quiz-member-contact__name {
  font-weight: bold;
  text-transform: uppercase;
}

.team-quiz-member__contact .team-quiz-member-contact__email {
  margin-top: 1.4rem;
  font-style: italic;
  color: #e8473f;
}

@media screen and (min-width: 768px) {
  .section-team-quiz {
    padding: 0 2%;
  }
  .team-quiz__members {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 100px;
  }
  .team-quiz__members :nth-child(odd) {
    z-index: 1;
  }
  .team-quiz__members :nth-child(even) {
    z-index: 2;
  }
  .team-quiz__members .team-quiz-member {
    position: relative;
    width: calc((100% / 6) + 40px);
    margin-left: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    border-bottom: 10px solid #ededed;
  }
  .team-quiz__members .team-quiz-member:focus {
    outline: none;
  }
  .team-quiz__members .team-quiz-member .team-quiz-member__image {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%;
  }
  .team-quiz__members .team-quiz-member .team-quiz-member__image img {
    display: block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .team-quiz__members .team-quiz-member .team-quiz-member__contact {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    top: 0;
    right: 80%;
    height: 100%;
    padding: 1rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.66, 0.01, 0.28, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.66, 0.01, 0.28, 1);
    transition: transform 0.7s cubic-bezier(0.66, 0.01, 0.28, 1);
    transition: transform 0.7s cubic-bezier(0.66, 0.01, 0.28, 1), -webkit-transform 0.7s cubic-bezier(0.66, 0.01, 0.28, 1);
    opacity: 0;
    line-height: 1.2;
    visibility: hidden;
    white-space: nowrap;
    text-align: right;
    padding: 1rem;
  }
  .team-quiz__members .team-quiz-member.selected .team-quiz-member__contact {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
  }
  .team-quiz__members .team-quiz-member:not(.collapsed):not(.selected):hover .team-quiz-member__image img {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }
  .team-quiz__members .team-quiz-member.collapsed {
    pointer-events: none;
  }
  .team-quiz__members .team-quiz-member.collapsed .team-quiz-member__contact {
    opacity: 0;
  }
  .team-quiz__members .team-quiz-member.collapsed .team-quiz-member__image img {
    -webkit-transform: translateY(101%);
    transform: translateY(101%);
  }
  .team-quiz-question {
    display: block;
    position: absolute;
    width: 286px;
    top: 20%;
    right: 0;
    background: #e8473f;
    color: white;
    padding: 2rem;
    line-height: 1.3;
    z-index: 3;
  }
  .team-quiz-question .team-quiz-question__text {
    min-height: 3em;
    font-style: italic;
  }
}

@media screen and (min-width: 1260px) {
  .section-team-quiz {
    padding: 0 12%;
  }
}

@media (min-width: 768px) and (max-width: 1260px) {
  .team-quiz__members .team-quiz-member:nth-of-type(10n + 1), .team-quiz__members .team-quiz-member:nth-of-type(10n + 2), .team-quiz__members .team-quiz-member:nth-of-type(10n + 3), .team-quiz__members .team-quiz-member:nth-of-type(10n + 4), .team-quiz__members .team-quiz-member:nth-of-type(10n + 5) {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .team-quiz__members .team-quiz-member:nth-of-type(5n + 1) .team-quiz-member__contact {
    right: unset;
    left: 80%;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1260px) {
  .team-quiz__members .team-quiz-member:nth-of-type(12n + 1), .team-quiz__members .team-quiz-member:nth-of-type(12n + 2), .team-quiz__members .team-quiz-member:nth-of-type(12n + 3), .team-quiz__members .team-quiz-member:nth-of-type(12n + 4), .team-quiz__members .team-quiz-member:nth-of-type(12n + 5), .team-quiz__members .team-quiz-member:nth-of-type(12n + 6) {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .team-quiz__members .team-quiz-member:nth-of-type(6n + 1) .team-quiz-member__contact {
    right: unset;
    left: 80%;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.wp-block-gallery.owl-loaded .owl-stage-outer {
  padding-bottom: 12%;
}

.wp-block-gallery.owl-loaded .owl-stage-outer .owl-stage {
  opacity: 1;
  -webkit-transition: opacity .1s .1s, -webkit-transform 0s 0s !important;
  transition: opacity .1s .1s, -webkit-transform 0s 0s !important;
  transition: transform 0s 0s, opacity .1s .1s !important;
  transition: transform 0s 0s, opacity .1s .1s, -webkit-transform 0s 0s !important;
}

.wp-block-gallery.owl-loaded figure {
  background: #ededed;
}

.wp-block-gallery.owl-loaded figure img {
  opacity: 1;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

.wp-block-gallery.owl-loaded .owl-stage.fade {
  opacity: .9;
}

.wp-block-gallery.owl-loaded .owl-stage.fade figure img {
  opacity: 0;
}

.wp-block-gallery.owl-loaded .owl-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /** Responsive for 3 images */
}

.wp-block-gallery.owl-loaded .owl-item > li {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.wp-block-gallery.owl-loaded .owl-item:after {
  padding-bottom: 65%;
  content: ' ';
  display: block;
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='0'] {
  position: relative;
  z-index: 5;
  -webkit-transform: translate(-20%, 5%);
  transform: translate(-20%, 5%);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='0'] > li {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='1'] {
  position: relative;
  z-index: 1;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='1'] > li {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='2'] {
  position: relative;
  z-index: 1;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='2'] > li {
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='3'] {
  position: relative;
  z-index: 5;
  -webkit-transform: translate(45%, 20%);
  transform: translate(45%, 20%);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='3'] > li {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='4'] {
  position: relative;
  z-index: 1;
  -webkit-transform: translate(10%, 64%);
  transform: translate(10%, 64%);
}

.wp-block-gallery.owl-loaded .owl-item.active[data-pos='4'] > li {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

@media screen and (max-width: 768px) {
  .wp-block-gallery.owl-loaded .owl-item.active[data-pos='0'] {
    position: relative;
    z-index: 3;
    -webkit-transform: translate(-20%, 5%);
    transform: translate(-20%, 5%);
  }
  .wp-block-gallery.owl-loaded .owl-item.active[data-pos='0'] > li {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .wp-block-gallery.owl-loaded .owl-item.active[data-pos='1'] {
    position: relative;
    z-index: 5;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
  .wp-block-gallery.owl-loaded .owl-item.active[data-pos='1'] > li {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  .wp-block-gallery.owl-loaded .owl-item.active[data-pos='2'] {
    position: relative;
    z-index: 3;
    -webkit-transform: translate(45%, 20%);
    transform: translate(45%, 20%);
  }
  .wp-block-gallery.owl-loaded .owl-item.active[data-pos='2'] > li {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.wp-block-gallery.owl-loaded .owl-item a:before, .wp-block-gallery.owl-loaded .owl-item a:after {
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.wp-block-gallery.owl-loaded .owl-item a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(232, 71, 63, 0.3);
}

.wp-block-gallery.owl-loaded .owl-item a:after {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  line-height: 6rem;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
  color: white;
  font-size: 12rem;
  text-align: center;
  font-weight: 100;
}

.wp-block-gallery.owl-loaded .owl-item:hover a:before, .wp-block-gallery.owl-loaded .owl-item:hover a:after {
  opacity: 1;
}

.wp-block-gallery:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 20%;
  border-radius: 50%;
  display: block;
  width: 250px;
  height: 250px;
  border: 3px solid #3b44ac;
  -webkit-transform: translate(0%, 40%);
  transform: translate(0%, 40%);
}

@media screen and (max-width: 768px) {
  .wp-block-gallery:after {
    bottom: 100%;
    right: 0;
    width: 200px;
    height: 200px;
    border-width: 2px;
    -webkit-transform: translate(40%, 80%);
    transform: translate(40%, 80%);
  }
}

@media screen and (max-width: 420px) {
  .wp-block-gallery:after {
    width: 120px;
    height: 120px;
  }
}

.owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-nav button {
  margin: 0 1rem;
}

.wp-block-streitwerke-counter-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 120px 120px;
}

.wp-block-streitwerke-counter-block > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.wp-block-streitwerke-counter-block > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.wp-block-streitwerke-counter-block > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.wp-block-streitwerke-counter-block > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.wp-block-streitwerke-counter-block .text-number-combi-container {
  position: relative;
  font-style: italic;
  font-weight: bold;
  justify-self: center;
  -ms-flex-item-align: start;
  align-self: start;
  line-height: 2rem;
}

.wp-block-streitwerke-counter-block .text-number-combi-container:nth-of-type(even) {
  -ms-flex-item-align: end;
  align-self: end;
}

.wp-block-streitwerke-counter-block .text-number-combi-container:nth-of-type(4n + 1), .wp-block-streitwerke-counter-block .text-number-combi-container:nth-of-type(4n + 2) {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.wp-block-streitwerke-counter-block .text-number-combi-container__number {
  position: absolute;
  right: 100%;
  top: 50%;
  width: 300px;
  text-align: right;
  -webkit-transform: translate(20px, -40%);
  transform: translate(20px, -40%);
  font-size: 4rem;
  color: #e8473f;
}

.wp-block-streitwerke-counter-block .text-number-combi-container__text {
  position: relative;
  z-index: 1;
  color: #3b44ac;
}

@supports (grid-auto-rows: auto) {
  .wp-block-streitwerke-counter-block {
    grid-auto-rows: 120px;
  }
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #3b44ac;
  position: absolute;
  z-index: 30;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 4px;
  height: 9999px;
  left: 50%;
  margin-left: -2px;
}

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 4px;
  top: 50%;
  margin-top: -2px;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: attr(data-content);
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  -webkit-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  border: 4px solid #3b44ac;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 23px;
  -webkit-box-shadow: 0 4px 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 4px 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 23px;
  -webkit-box-shadow: 0 -4px 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -4px 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 23px;
  -webkit-box-shadow: 4px 0 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 4px 0 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 23px;
  -webkit-box-shadow: -4px 0 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -4px 0 0 #3b44ac, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
  border-right: 6px solid #3b44ac;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid #3b44ac;
  right: 50%;
  margin-right: -17px;
}

.twentytwenty-up-arrow {
  border-bottom: 6px solid #3b44ac;
  top: 50%;
  margin-top: -17px;
}

.twentytwenty-down-arrow {
  border-top: 6px solid #3b44ac;
  bottom: 50%;
  margin-bottom: -17px;
}

.wp-block-streitwerke-info-box {
  position: relative;
  background: #e8473f;
  display: block;
  color: white;
  padding: 1rem;
  z-index: -1;
  width: 350px;
  max-width: 90%;
  margin: 50px auto;
}

.wp-block-streitwerke-info-box dt {
  width: 100px;
}

.wp-block-streitwerke-info-box dd {
  padding-left: 120px;
  margin: 0 0 0 -100px;
}

.wp-block-streitwerke-info-box .info-box__meta-title {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(15px) translateY(65%);
  transform: translateX(15px) translateY(65%);
  color: #3b44ac;
  text-transform: uppercase;
  font-weight: 300;
  font-style: italic;
  font-size: 3rem;
}

@media screen and (min-width: 1260px) {
  .wp-block-streitwerke-info-box.box-on-right {
    position: absolute;
    left: calc(100% - 60px);
  }
  .wp-block-streitwerke-info-box.box-on-left {
    position: absolute;
    right: calc(100% - 60px);
    z-index: 1;
    margin-bottom: -2rem;
  }
}