/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-image-text-section .its-columns {
  margin-left: -15vw;
  margin-right: -15vw;
  padding: 2% 15vw;
  display: -ms-flexbox;
  display: flex;
  background-color: #F1F1F1;
  max-height: 22vw; }

.wp-block-bl-block-image-text-section .its-image {
  width: 50%; }

.wp-block-bl-block-image-text-section .its-card {
  padding: 2% 0 2% 5%;
  width: 50%; }

@media only screen and (max-width: 1024px) {
  .wp-block-bl-block-image-text-section .its-columns {
    max-height: unset;
    padding: unset;
    display: block;
    margin: unset; }
  .wp-block-bl-block-image-text-section .its-image, .wp-block-bl-block-image-text-section .its-card {
    width: 100%; }
  .wp-block-bl-block-image-text-section .its-card {
    padding: 5vh 15vw; }
  .wp-block-bl-block-image-text-section .its-image img {
    min-width: 100%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-section-headline {
  margin-bottom: 5%; }

@media only screen and (max-width: 1024px) {
  .wp-block-bl-block-section-headline {
    padding-left: 5%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-page-headline {
  padding-left: 4%;
  margin-bottom: 15%; }
  .wp-block-bl-block-page-headline h2 {
    color: #CCCCCC !important;
    font-size: calc(38px + (86 - 38) * ((100vw - 769px) / (1920 - 769))) !important; }
  .wp-block-bl-block-page-headline h3 {
    color: #009BD3 !important;
    font-size: calc(38px + (86 - 38) * ((100vw - 769px) / (1920 - 769))) !important;
    padding-left: 4.75vw;
    line-height: 0.35em !important; }
  .wp-block-bl-block-page-headline.en h2, .wp-block-bl-block-page-headline.en h3 {
    font-size: calc(30px + (70 - 30) * ((100vw - 769px) / (1920 - 769))) !important; }

@media only screen and (max-width: 1024px) {
  .wp-block-bl-block-page-headline {
    margin-bottom: 10%; }
    .wp-block-bl-block-page-headline h2 {
      font-size: calc(25px + (50 - 25) * ((100vw - 300px) / (768 - 300))) !important; }
    .wp-block-bl-block-page-headline h3 {
      font-size: calc(42px + (86 - 42) * ((100vw - 300px) / (768 - 300))) !important;
      line-height: 0.75em !important;
      padding: unset; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-call-to-action-section .cta-columns {
  margin-left: -15vw;
  margin-right: -15vw;
  padding: 2% 15vw;
  display: -ms-flexbox;
  display: flex;
  background-color: #009BD3; }
  .wp-block-bl-block-call-to-action-section .cta-columns .cta-headlines {
    width: 50%; }
    .wp-block-bl-block-call-to-action-section .cta-columns .cta-headlines .headlines-wrap {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: auto; }
      .wp-block-bl-block-call-to-action-section .cta-columns .cta-headlines .headlines-wrap .cta-title {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
      .wp-block-bl-block-call-to-action-section .cta-columns .cta-headlines .headlines-wrap .cta-sub-title {
        color: #FFF !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
  .wp-block-bl-block-call-to-action-section .cta-columns .cta-buttons {
    width: 50%;
    padding-left: 5%; }
    .wp-block-bl-block-call-to-action-section .cta-columns .cta-buttons .wp-block-buttons {
      max-height: 100%; }
      .wp-block-bl-block-call-to-action-section .cta-columns .cta-buttons .wp-block-buttons .wp-block-button {
        max-height: 100%;
        margin: unset; }
        .wp-block-bl-block-call-to-action-section .cta-columns .cta-buttons .wp-block-buttons .wp-block-button__link {
          max-height: 100%;
          font-size: calc(22px + (51 - 22) * ((100vw - 769px) / (1920 - 769)));
          padding: 0.2em 1.5em;
          border: 0.08em solid; }

@media only screen and (max-width: 768px) {
  .wp-block-bl-block-call-to-action-section .cta-columns {
    display: block;
    margin: unset; }
    .wp-block-bl-block-call-to-action-section .cta-columns .cta-headlines {
      width: 100%;
      margin: 5% 0; }
      .wp-block-bl-block-call-to-action-section .cta-columns .cta-headlines .headlines-wrap {
        margin: unset; }
    .wp-block-bl-block-call-to-action-section .cta-columns .cta-buttons {
      width: 100%;
      margin: 5% 0;
      padding: unset; }
      .wp-block-bl-block-call-to-action-section .cta-columns .cta-buttons .wp-block-buttons .wp-block-button__link {
        font-size: calc(18px + (46 - 18) * ((100vw - 300px) / (768 - 300))); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-leistungs-portfolio .pl-column {
  background-color: #F1F1F1;
  position: relative; }
  .wp-block-bl-block-leistungs-portfolio .pl-column .wp-block-image.pl-image {
    margin: unset; }
    .wp-block-bl-block-leistungs-portfolio .pl-column .wp-block-image.pl-image img {
      width: 100%; }
  .wp-block-bl-block-leistungs-portfolio .pl-column h4 {
    padding: 5% 10% 0;
    font-size: calc(16px + (24 - 16) * ((100vw - 769px) / (1920 - 769)));
    margin-bottom: 1.5em; }
  .wp-block-bl-block-leistungs-portfolio .pl-column p {
    padding: 0 10%; }
    .wp-block-bl-block-leistungs-portfolio .pl-column p:last-child {
      padding-bottom: 10%; }
    .wp-block-bl-block-leistungs-portfolio .pl-column p:not(:last-child) {
      margin-bottom: 0.75em; }
  .wp-block-bl-block-leistungs-portfolio .pl-column .wp-block-bl-block-bl-button {
    position: absolute;
    width: 100%;
    height: 100%; }
    .wp-block-bl-block-leistungs-portfolio .pl-column .wp-block-bl-block-bl-button a {
      width: 100%;
      display: block;
      height: 100%; }
      .wp-block-bl-block-leistungs-portfolio .pl-column .wp-block-bl-block-bl-button a::before {
        position: absolute;
        bottom: 1em;
        right: 1em; }
    .wp-block-bl-block-leistungs-portfolio .pl-column .wp-block-bl-block-bl-button:hover a::before {
      font-size: 20px;
      bottom: 0.7em;
      right: 0.7em;
      color: #009BD3; }

@media screen and (max-width: 1024px) {
  .wp-block-bl-block-leistungs-portfolio .wp-block-columns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .wp-block-bl-block-leistungs-portfolio .wp-block-columns .pl-column {
      -ms-flex-preferred-size: calc(50% - 1em) !important;
          flex-basis: calc(50% - 1em) !important;
      -ms-flex-positive: 0;
          flex-grow: 0;
      margin-bottom: 2em; }
     /* .wp-block-bl-block-leistungs-portfolio .wp-block-columns .pl-column:last-child {
        margin: auto; }
	*/
      .wp-block-bl-block-leistungs-portfolio .wp-block-columns .pl-column:nth-child(2n) {
        margin-left: 2em;
        margin-bottom: 2em;
        margin-top: 0; } }

@media screen and (max-width: 768px) {
  .wp-block-bl-block-leistungs-portfolio .wp-block-columns .pl-column {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important; }
    .wp-block-bl-block-leistungs-portfolio .wp-block-columns .pl-column:not(:first-child) {
      margin: unset; }
    .wp-block-bl-block-leistungs-portfolio .wp-block-columns .pl-column:nth-child(2n) {
      margin: unset;
      margin-bottom: 2em; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-spacer .is-style-small {
  height: 2vh; }

.wp-block-bl-block-spacer .is-style-medium {
  height: 3vh; }

.wp-block-bl-block-spacer .is-style-large {
  height: 6vh; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-bl-gallery {
  display: -ms-flexbox;
  display: flex; }

.bl-gallery-image-wrap {
  height: 630px;
  width: 699px;
  margin-right: 10px; }

.bl-gallery-thumbnail-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 700px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.bl-gallery-item {
  margin: 0 9px; }

.bl-gallery-highlight-img {
  border: 1px solid #F1F1F1;
  height: 100% !important;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.bl-gallery-thumb-img {
  border: 1px solid #F1F1F1; }
  .bl-gallery-thumb-img:hover {
    border: 1px solid #d1d1d1; }
  .bl-gallery-thumb-img:active {
    border: 1px solid #009BD3; }

#Fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F1F1F1;
  z-index: 100;
  display: none; }

.fillscreen-image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%; }

.bl-gallery-wrap .icon-arrow-left, .bl-gallery-wrap .icon-arrow-right {
  position: absolute;
  font-size: 50px;
  color: #009BD3;
  cursor: pointer; }

.bl-gallery-wrap .icon-arrow-left {
  left: 5vw; }

.bl-gallery-wrap .icon-arrow-right {
  right: 5vw; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-bl-block-bl-gallery-new {
  display: -ms-flexbox;
  display: flex; }

.bl-gallery-image-wrap {
  height: 630px;
  width: 699px;
  margin-right: 10px; }

.bl-gallery-image-wrap:hover {
  border: 1px solid #d1d1d1; }

.bl-gallery-thumbnail-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 700px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.bl-gallery-item {
  margin: 0 9px; }

.bl-gallery-highlight-img {
  border: 1px solid #F1F1F1;
  height: 100% !important;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.bl-gallery-thumb-img {
  border: 1px solid #F1F1F1; }
  .bl-gallery-thumb-img:hover {
    border: 1px solid #d1d1d1; }
  .bl-gallery-thumb-img:active {
    border: 1px solid #009BD3; }

#Fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F1F1F1;
  z-index: 100;
  display: none; }

.fullscreen-image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%; }

.bl-gallery-wrap .icon-arrow-left, .bl-gallery-wrap .icon-arrow-right {
  position: absolute;
  font-size: 50px;
  color: #009BD3;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.bl-gallery-wrap .icon-arrow-left {
  left: 5vw; }

.bl-gallery-wrap .icon-arrow-right {
  right: 5vw; }

.bl-gallery-wrap .icon-arrow-left:hover {
  left: 4vw; }

.bl-gallery-wrap .icon-arrow-right:hover {
  right: 4vw; }

.bl-gallery-wrap .icon-cancel {
  position: absolute;
  font-size: 20px;
  top: 5vw;
  right: 4vw;
  color: #6A6A6A;
  cursor: pointer; }

.bl-gallery-wrap .icon-cancel:hover {
  color: #000; }