@import "../colors";
@import "../mixins";
.paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph {
  position: relative;
  overflow: hidden;
}
.paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .image-background img {
  width: 100%;
  height: auto;
}
.paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
  position: absolute;
  top: 200px;
  width: 1440px;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 1500px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    padding-left: 46px;
    left: 0;
    transform: translate(0);
    top: 45px;
  }
}
@media screen and (max-width: 1100px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    position: initial;
    width: calc(100% - 92px);
  }
}
@media screen and (max-width: 550px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    padding: 0 18px;
    width: calc(100% - 36px);
  }
}
.paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side {
  max-width: 680px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side {
    width: 45%;
  }
}
@media screen and (max-width: 1100px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side {
    width: 100%;
    max-width: initial;
  }
}
@media screen and (max-width: 1400px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--text {
    padding: 0 !important;
  }
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--text div.switchable {
    padding: 0 !important;
  }
}
@media screen and (max-width: 750px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--text p {
    text-align: center !important;
  }
}
@media screen and (max-width: 750px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--title h1, .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--title h2, .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--title h3, .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--title h4 {
    text-align: center !important;
  }
}
@media screen and (max-width: 1000px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--title {
    padding: 0 !important;
  }
}
.paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--multiple-buttons {
  padding: 0 !important;
}
.paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--multiple-buttons .field--name-field-button {
  justify-content: flex-start;
}
@media screen and (max-width: 750px) {
  .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .paragraph--type--multiple-buttons .field--name-field-button .field__item:first-of-type {
    margin: 24px;
  }
}
.deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
  top: 150px;
}
@media screen and (max-width: 1660px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    top: 125px;
  }
}
@media screen and (max-width: 1580px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    top: 100px;
  }
}
@media screen and (max-width: 1440px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    top: 30px;
  }
}
@media screen and (max-width: 1290px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent {
    top: 60px;
  }
}
.deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side {
  max-width: 725px;
}
.deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .field--name-field-title-anch-leben {
  width: 538px;
}
@media screen and (max-width: 1100px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .anch-leben-paragraph .text-side-parent .text-side .field--name-field-title-anch-leben {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .paragraph--type--title h1 {
    padding: 45px 0 0 0 !important;
  }
}
@media screen and (max-width: 1290px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .image-background {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1170px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .image-background {
    padding-top: 70px;
  }
}
@media screen and (max-width: 1100px) {
  .deckblatt .paragraph--type--lebenslauf-anschreiben-first-blo .image-background {
    padding-top: 0;
  }
}
.deckblatt .paragraph--type--two-column.left {
  background: url("../../images/backleft1.png") no-repeat 140px 0;
  background-size: 450px;
}
@media screen and (max-width: 950px) {
  .deckblatt .paragraph--type--two-column.left {
    background-position: center;
  }
}
@media screen and (max-width: 500px) {
  .deckblatt .paragraph--type--two-column.left {
    background: url("../../images/backLeftMob.png") no-repeat;
    background-size: 100% 100%;
  }
}
.deckblatt .paragraph--type--two-column.right {
  background: url("../../images/backright1.png") no-repeat top right;
  background-size: 580px;
}
@media screen and (max-width: 950px) {
  .deckblatt .paragraph--type--two-column.right {
    background-position: center;
  }
}
@media screen and (max-width: 500px) {
  .deckblatt .paragraph--type--two-column.right {
    background: url("../../images/backRightMob.png") no-repeat;
    background-size: 100% 100%;
  }
}
.deckblatt .paragraph--type--two-column.right .right-content {
  width: calc(100% - 640px);
  margin-left: 50px;
}
@media screen and (max-width: 1150px) {
  .deckblatt .paragraph--type--two-column.right .right-content {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 950px) {
  .deckblatt .paragraph--type--two-column.right .right-content {
    width: 100%;
    margin-left: 0;
  }
}
.deckblatt .paragraph--type--two-column.right .left-content {
  width: 590px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1150px) {
  .deckblatt .paragraph--type--two-column.right .left-content {
    width: 500px;
  }
}
@media screen and (max-width: 950px) {
  .deckblatt .paragraph--type--two-column.right .left-content {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .deckblatt .paragraph--type--two-column.right .left-content {
    padding-bottom: 0;
  }
}