.textimageLargeImage {
  min-height: 300px;
  overflow: hidden;
  position: relative;
}

/* Quick and dirty-Lösung für TextImageLargeImage bis finale Lösung gefunden */
.textimageLargeImage .btn-primary {
  -webkit-box-shadow: inset -0.2rem 0.2rem 0 0 #ffffff, inset 0.2rem -0.2rem 0 0 #ffffff;
  box-shadow: inset -0.2rem 0.2rem 0 0 #ffffff, inset 0.2rem -0.2rem 0 0 #ffffff;
  border-width: 0;
  color: #00008F;
  background-color: #fff;
}

.textimageLargeImage .btn-primary::after {
  background-color: #ffffff;
  border-color: #00008F;
}

.textimageLargeImage .btn-primary:hover {
  background-color: #f0f0f0;
  color: #00006D;
  border-color: #00008F;
}

.textimageLargeImage .btn-primary:hover::after {
  background-color: #f0f0f0;
}

.textimageLargeImage.btn-primary.btn-sm {
  -webkit-box-shadow: inset -0.1rem 0.1rem 0 0 #ffffff, inset 0.1rem -0.1rem 0 0 #ffffff;
  box-shadow: inset -0.1rem 0.1rem 0 0 #ffffff, inset 0.1rem -0.1rem 0 0 #ffffff;
}


/* Quick and dirty-Lösung für TextImageLargeImage bis finale Lösung gefunden */
.textimageLargeImage .btn-primary.invertButton {
  -webkit-box-shadow: inset -0.2rem 0.2rem 0 0 #ffffff, inset 0.2rem -0.2rem 0 0 #ffffff;
  box-shadow: inset -0.2rem 0.2rem 0 0 #ffffff, inset 0.2rem -0.2rem 0 0 #ffffff;
  border-width: 0;
  color: #fff;
  background-color: #00008F;
}

.textimageLargeImage .btn-primary.invertButton::after {
  background: #00006D;
  border-color: #00008F;
}

.textimageLargeImage .btn-primary.invertButton:hover {
  color: #fff;
}

.textimageLargeImage .btn-primary.invertButton:hover::after {
  background: #00006D;
}

.textimageLargeImage.btn-primary.btn-sm.invertButton{
  -webkit-box-shadow: inset -0.1rem 0.1rem 0 0 #00008F, inset 0.1rem -0.1rem 0 0 #00008F;
  box-shadow: inset -0.1rem 0.1rem 0 0 #00008F, inset 0.1rem -0.1rem 0 0 #00008F;
}



@media (min-width: 992px) {
  .textimageLargeImage.-left .ce-imageBgFull {
    width: 50%;
  }
}

.textimageLargeImage.-left .ce-imageBgFull .be-imageFigure {
  left: 0;
}

@media (min-width: 992px) {
  .textimageLargeImage.-left .content {
    margin-left: 58.33333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
}

@media (min-width: 992px) {
  .textimageLargeImage.-left.col-4-to-8 .ce-imageBgFull {
    width: 33.33333333%;
  }
}

.textimageLargeImage.-left.col-4-to-8 .container-h {
  max-width: 100%;
}

@media (min-width: 992px) {
  .textimageLargeImage.-left.col-4-to-8 .container-h .content {
    margin-left: 38%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
            flex: 0 0 58%;
    max-width: calc(700px + 4vw);
  }
}

.textimageLargeImage.-right .ce-imageBgFull {
  left: 50%;
}

@media (min-width: 992px) {
  .textimageLargeImage.-right .content {
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
}

@media (min-width: 992px) {
  .textimageLargeImage.-right.col-4-to-8 .ce-imageBgFull {
    width: 66.66666667%;
    left: 38%;
  }
}

@media (min-width: 992px) {
  .textimageLargeImage.-right.col-4-to-8 .container-h .content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    padding-right: 7%;
  }
}

.textimageLargeImage .ce-imageBgFull,
.textimageLargeImage .ce-imageBgFull .be-imageFigure {
  position: static;
}

@media (min-width: 992px) {
  .textimageLargeImage .ce-imageBgFull,
  .textimageLargeImage .ce-imageBgFull .be-imageFigure {
    position: absolute;
  }
}

.textimageLargeImage figure {
  height: 100%;
  width: 100%;
  z-index: 0;
}

.textimageLargeImage figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.textimageLargeImage .bg-halfs-transparent-white,
.textimageLargeImage .bg-halfs-white-transparent {
  height: 100%;
  width: 100%;
  background: none;
}

.textimageLargeImage .content {
  padding-bottom: 40px;
  padding-top: 40px;
}

@media (min-width: 992px) {
  .textimageLargeImage .content {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

.textimageLargeImage .content .ce-headlines {
  margin-bottom: 0;
}

.textimageLargeImage .content h3 {
  margin: 40px 0 0 0;
}

@media (min-width: 992px) {
  .textimageLargeImage .content h3 {
    margin: 60px 0 0 0;
  }
}

.textimageLargeImage .content p,
.textimageLargeImage .content ul {
  margin: 20px 0 0 0;
}

.textimageLargeImage .content .btn {
  margin: 40px auto 0;
}

@media (min-width: 768px) {
  .textimageLargeImage .content .btn {
    width: 225px;
  }
}

@media (min-width: 992px) {
  .textimageLargeImage .content .btn {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .textimageLargeImage .ce-imageBgFull .be-imageFigure > img {
    position: static;
    width: 100%;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) {
  .textimageLargeImage .ce-imageBgFull .be-imageFigure > img {
    position: absolute;
    width: auto;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .textimageLargeImage .ce-imageBgFull {
    width: 100%;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) {
  .textimageLargeImage .ce-imageBgFull {
    width: 50%;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .textimageLargeImage.-right .ce-imageBgFull {
    left: 50%;
  }
}