/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
/*=============================================
=                 Variables             =
=============================================*/
.split[data-v-2a183b29] {
  display: block;
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background-image: url(/app/assets/img/startseite/start_full--b2e31fb.jpg);
  background-size: cover;
  background-position: center top;
}
@media (max-width: 954.98px) {
.split[data-v-2a183b29] {
      background-position: 45% 35%;
}
}
.split.right .right-pane[data-v-2a183b29] {
    background-color: rgba(38, 128, 116, 0.7);
}
.split.right .icon-arrow-right[data-v-2a183b29] {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
}
.split.left .left-pane[data-v-2a183b29] {
    background-color: rgba(44, 70, 148, 0.7);
}
.split.left .icon-arrow-left[data-v-2a183b29] {
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem);
}
.left-pane[data-v-2a183b29], .right-pane[data-v-2a183b29] {
  transition: .3s;
  width: 200%;
  height: 150vw;
  position: absolute;
  left: calc(50vw - 200%/2 - 5%);
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
}
@media (max-width: 954.98px) {
.left-pane[data-v-2a183b29], .right-pane[data-v-2a183b29] {
      -webkit-transform: rotate(10deg);
              transform: rotate(10deg);
}
}
.left-pane[data-v-2a183b29] {
  top: calc(-150vw + 50%);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  background-color: rgba(44, 70, 148, 0.5);
}
.right-pane[data-v-2a183b29] {
  bottom: calc(-150vw + 50%);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  background-color: rgba(38, 128, 116, 0.5);
}
.content-right[data-v-2a183b29],
.content-left[data-v-2a183b29] {
  transition: .3s;
  position: relative;
  width: 100%;
  padding: 3rem;
}
@media (min-width: 768px) {
.content-right[data-v-2a183b29],
    .content-left[data-v-2a183b29] {
      padding: 5rem;
}
}
@media (min-width: 1200px) {
.content-right[data-v-2a183b29],
    .content-left[data-v-2a183b29] {
      padding: 8rem;
}
}
.content-right .logo[data-v-2a183b29],
  .content-left .logo[data-v-2a183b29] {
    width: 25rem;
}
@media (min-width: 768px) {
.content-right .logo[data-v-2a183b29],
      .content-left .logo[data-v-2a183b29] {
        width: auto;
        height: 6rem;
}
}
.content-right .clear[data-v-2a183b29],
  .content-left .clear[data-v-2a183b29] {
    clear: both;
}
.content-right .title-center[data-v-2a183b29],
  .content-left .title-center[data-v-2a183b29] {
    margin-top: 8rem;
    width: 55%;
}
@media (min-width: 768px) {
.content-right .title-center[data-v-2a183b29],
      .content-left .title-center[data-v-2a183b29] {
        margin-top: 8rem;
}
}
@media (min-width: 955px) {
.content-right .title-center[data-v-2a183b29],
      .content-left .title-center[data-v-2a183b29] {
        margin-top: 18rem;
}
}
.content-left .title-center[data-v-2a183b29] {
  margin-left: 8rem;
}
@media (min-width: 768px) {
.content-left .title-center[data-v-2a183b29] {
      margin-left: 9rem;
}
}
@media (min-width: 955px) {
.content-left .title-center[data-v-2a183b29] {
      margin-left: 10rem;
}
}
.content-right .title-center[data-v-2a183b29] {
  margin-right: auto;
  margin-left: 8rem;
}
@media (min-width: 768px) {
.content-right .title-center[data-v-2a183b29] {
      margin-right: auto;
}
}
@media (min-width: 955px) {
.content-right .title-center[data-v-2a183b29] {
      margin-right: 10rem;
}
}
@media (min-width: 1200px) {
.content-right .title-center[data-v-2a183b29] {
      margin-right: 10rem;
}
}
@media (min-width: 768px) {
.content-right .title-center[data-v-2a183b29] {
      margin-left: 9rem;
}
}
@media (min-width: 955px) {
.content-right .title-center[data-v-2a183b29] {
      margin-left: auto;
}
}
@media (min-width: 1200px) {
.content-right .title-center[data-v-2a183b29] {
      margin-left: auto;
}
}
.left .left-pane[data-v-2a183b29] {
  background-color: #2c4694;
}
.pos-unset[data-v-2a183b29] {
  position: unset;
}