/*Header*/
.img-responsive {
  margin-bottom: 1%
}
.jumbotron {
  margin: -72px 0 0 0;
  background-image: url('image/hg_1gr.jpg');
  color: #fff;
  background-color: #ffffff;
  background-size: cover;
  height: 650px;
  margin-bottom: 40px;
  background-position: center;
  width: 100%;
  padding-top: 20px;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 0px 57px 5px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 0px 0px 57px 5px rgba(0, 0, 0, 0.57);
  box-shadow: 0px 0px 57px 5px rgba(0, 0, 0, 0.57);
}
.container-fluid .jumbotron {
  border-radius: 0;
}
.jumbotron h1 {
  display: none;
  font-family: 'proxima-nova-regular';
  font-size: 50px;
  line-height: 1.4;
  max-width: 64%;
  margin: 10% auto 0 auto;
  text-align: center;
  letter-spacing: 6.5px;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}
.jumbotron h2 {
  font-family: 'latobold';
  font-size: 24px;
  line-height: 1.4;
  max-width: 64%;
  margin: 2% auto 0 auto;
  text-align: center;
  letter-spacing: 3.5px;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}
.jumbotron p {
  font-family: proxima_novalight;
  margin: 0 0 0 447px;
  font-size: 18px;
  position: absolute;
  top: 402px;
  font-weight: 100;
  color: #fff;
  width: 227px;
  height: 48px;
}
.arrow-header {
  margin: 5px 0 0 98px;
  display: none;
}
.text-left-header b {
  border-bottom: 2px solid #ff0000;
  padding: 0 0 2px 0;
  font-family: proxima_novasemibold;
}
.btn-left {
  letter-spacing: 1px;
  font-family: proxima_novasemibold;
  letter-spacing: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 25px;
  float: left;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.36);
}
div.cta-header a {
  color: #fff;
}
/*Intro Text*/
.intro {
  margin: 42px 0 0 0;
}
.intro p {
  margin: 0 0 40px 0;
}
/*Themen*/
.themen {
  background-color: #f7f7f7;
  margin: 100px 0 0 0;
  padding: 50px 0 50px 0;
}
.themen img {
  width: 100%;
}
/*Businesscare dipper*/
.outside-dipper {
  margin: 0 0 0 70px;
}
.outside-dipper img {
  -webkit-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
}
.dipper {
  z-index: 2;
  max-width: 263px;
  display: block;
  opacity: 1;
  position: relative;
  left: 0px;
  transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
  transition-delay: 0.4s;
}
/*.js-dipper-animate {
  opacity: 1;
  left: 0px;
}*/
.dipperleft {
  z-index: 1;
  max-width: 232px;
  display: block;
  opacity: 0;
  position: absolute;
  left: 70px;
  top: 28px;
  transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
  transition-delay: 0.4s;
}
.js-dipper-animate-left {
  opacity: 1;
  left: 242px;
}
.dipperright {
  z-index: 1;
  max-width: 232px;
  display: block;
  opacity: 0;
  position: absolute;
  left: 70px;
  top: 28px;
  transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
  transition-delay: 0.4s;
}
.js-dipper-animate-right {
  opacity: 1;
  left: -32px;
}
/*Lifecare dipper*/
.outside-dipper2 {
  margin: 20px 0 0 70px;
}
.outside-dipper2 img {
  -webkit-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
}
.dipper2 {
  z-index: 2;
  max-width: 263px;
  display: block;
  opacity: 1;
  position: relative;
  left: 148px;
  transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
  transition-delay: 0.4s;
}
/*.js-dipper-animate {
  opacity: 1;
  left: 0px;
}*/
.dipperleft2 {
  z-index: 1;
  max-width: 232px;
  display: block;
  opacity: 0;
  position: absolute;
  left: 242px;
  top: 48px;
  transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
  transition-delay: 0.4s;
}
.js-dipper-animate-left2 {
  opacity: 1;
  left: 402px;
}
.dipperright2 {
  z-index: 1;
  max-width: 232px;
  display: block;
  opacity: 0;
  position: absolute;
  left: 182px;
  top: 48px;
  transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
  transition-delay: 0.4s;
}
.js-dipper-animate-right2 {
  opacity: 1;
  left: 100px;
}
.themen h2 {
  margin-top: 42px;
}
.lifecare h2 {
  margin-top: 82px;
}
/*Ablauf*/
.ablauf {
  margin: 80px 0 0 0;
  padding: 50px 0 50px 0;
}
.ablauf ul {
  font-family: 'latobold';
  font-size: 13px;
  float: left;
  list-style-type: none;
  padding: 0 0 0 25px;
}
.colored {
  color: #6dacfd;
}
.ablauf img {
  display: block;
  margin: 0 auto 5px auto;
  width: 32px;
}
#ablauf-backpack {
  display: block;
  margin: 50px auto 40px auto;
  width: 58%;
}
.ablauf p {
  margin: 0 0 20px 0;
}
/*Profil*/
.profil {
  background-color: #f7f7f7;
  margin: 80px 0 0 0;
  padding: 50px 0 50px 0;
}
.profil img {
  display: block;
  margin: 0 auto 0 auto;
  -webkit-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
}
.profil p {
  margin: 0 0 40px 0;
}
.no-margin {
  margin: 0;
}
/*graphic*/
.graphic {
  background-image: url('image/home-grafic-result.png');
  height: 547px;
  background-repeat: no-repeat;
  background-position: center;
}
.graphic h2 {
  margin: 182px 0 0 0;
}
.graphic-center h2 {
  margin: 418px 0 0 0;
}
/*----------------------------------------------Responsiveness--------------------------------------*/
@media (min-width: 2000px) {
  .jumbotron {
    background-image: url('img/header-home2.jpg');
  }
  .jumbotron h1 {
    border: 8px solid #f7a32b;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.75);
  }
}
@media (max-width: 1295px) {
  .jumbotron h1 {
    display: none;
    font-family: 'proxima-nova-regular';
    font-size: 3.425em;
    line-height: 1.4;
    max-width: 64%;
    margin: 120px auto 0 auto;
    text-align: center;
    letter-spacing: 6.5px;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
  }
  .jumbotron p {
    font-family: proxima_novalight;
    margin: 0 0 0 34%;
    font-size: 18px;
    position: absolute;
    top: 402px;
    font-weight: 100;
    color: #fff;
    width: 227px;
    height: 48px;
  }
  .intro-image {
    margin-top: 42px;
    width: 100%;
  }
  /*Businesscare dipper*/
  .outside-dipper {
    margin: 0 0 0 90px;
  }
  .js-dipper-animate-left {
    opacity: 1;
    left: 242px;
  }
  .js-dipper-animate-right {
    opacity: 1;
    left: -2px;
  }
  /*Lifecare dipper*/
  .outside-dipper2 {
    margin: 20px 0 0 0px;
  }
  .js-dipper-animate-left2 {
    opacity: 1;
    left: 328px;
  }
  .dipperright2 {
    z-index: 1;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 112px;
    top: 48px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right2 {
    opacity: 1;
    left: 42px;
  }
  /*.ablauf-icon img{
  width: 32%;
}*/
  .ablauf-icon b {
    font-size: 10px;
  }
}
@media (max-width: 1138px) {
  .intro {
    margin: 28px 0 0 0;
  }
  .themen img {
    width: 42%;
  }
  /*Businesscare dipper*/
  .outside-dipper {
    margin: 0 0 0 90px;
  }
  .dipper {
    z-index: 2;
    width: 52% !important;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    top: 42px;
    left: 0px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperleft {
    z-index: 1;
    width: 28% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 148px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperright {
    z-index: 1;
    width: 28% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 70px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-left {
    opacity: 1;
    left: 242px;
  }
  .js-dipper-animate-right {
    opacity: 1;
    left: 28px;
  }
  /*Lifecare dipper*/
  .dipper2 {
    z-index: 2;
    max-width: 263px;
    display: block;
    opacity: 1;
    top: 28px;
    position: relative;
    left: 128px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .outside-dipper2 {
    margin: 20px 0 0 0px;
  }
  .js-dipper-animate-left2 {
    opacity: 1 !important;
    left: 282px !important;
  }
  .dipperleft2 {
    z-index: 1;
    width: 28% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 242px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperright2 {
    z-index: 1;
    width: 28% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 112px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right2 {
    opacity: 1;
    left: 58px;
  }
}
@media (max-width: 990px) {
  .kontakt-background .col-sm-1 {
    display: none;
  }
  .nav > li > a > img {
    max-width: none;
    width: 128px;
    padding: 8px 0 0 0;
  }
  .jumbotron p {
    font-family: proxima_novalight;
    margin: 0 0 0 26%;
    font-size: 18px;
    position: absolute;
    top: 402px;
    font-weight: 100;
    color: #fff;
    width: 227px;
    height: 48px;
  }
  /*Businesscare dipper*/
  .outside-dipper {
    margin: 0 0 0 28%;
  }
  .dipper {
    z-index: 2;
    width: 52% !important;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    top: 12px;
    left: 32px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperleft {
    z-index: 1;
    width: 28% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 240px;
    top: 48px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperright {
    z-index: 1;
    width: 28% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 240px;
    top: 48px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .themen h2 {
    margin-top: 82px;
  }
  .js-dipper-animate-left {
    opacity: 1;
    left: 64%;
  }
  .js-dipper-animate-right {
    opacity: 1;
    left: 11%;
  }
  /*Lifecare dipper*/
  .dipper2 {
    z-index: 2;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    left: 238px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .outside-dipper2 {
    margin: 20px 0 0 0px;
  }
  .js-dipper-animate-left2 {
    opacity: 1;
    left: 482px !important;
  }
  .dipperright2 {
    z-index: 1;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 280px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right2 {
    opacity: 1;
    left: 82px;
  }
  .ablauf ul {
    font-family: 'latobold';
    font-size: 13px;
    float: left;
    list-style-type: none;
    padding: 0px 0 0 48px;
  }
  /*.ablauf-icon img {
    width: 40%;
}*/
  .profil img {
    width: 82%;
    display: block;
    margin: 42% auto 0 auto;
    -webkit-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  }
  .ablauf-icon b {
    font-size: 11px;
  }
}
@media (min-width: 767px) {
  .profil-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .jumbotron p {
    font-family: proxima_novalight;
    margin: 0 0 0 32%;
    font-size: 18px;
    position: absolute;
    top: 402px;
    font-weight: 100;
    color: #fff;
    width: 227px;
    height: 48px;
  }
  .profil-mobile {
    background-color: #f7f7f7;
    display: block;
  }
  .profil-mobile img {
    width: 82%;
    margin: 82px 0 28px 12px;
    -webkit-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  }
  .profil-mobile .btn-cta {
    margin: 0 0 12px 0;
  }
  .profil {
    display: none;
  }
}
@media (max-width: 680px) {
  .jumbotron h1 {
    display: none;
    font-family: 'proxima-nova-regular';
    font-size: 2.825em;
    line-height: 1.4;
    max-width: 100%;
    margin: 142px auto 0 auto;
    text-align: center;
    letter-spacing: 6.5px;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
  }
  .themen img {
    width: 28%;
  }
  /*Business Care*/
  .dipper {
    z-index: 2;
    width: 38% !important;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    top: 12px;
    left: 48px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right {
    opacity: 1 !important;
    left: 24% !important;
  }
  .dipperright {
    z-index: 1;
    width: 18.5% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 248px;
    top: 48px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-left {
    opacity: 1 !important;
    left: 58% !important;
  }
  .dipperleft {
    z-index: 1;
    width: 18.5% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 240px;
    top: 48px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  /*Life Care*/
  .js-dipper-animate-right2 {
    opacity: 1 !important;
    left: 162px !important;
  }
  .dipperright2 {
    width: 18.5% !important;
    z-index: 1;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 280px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-left2 {
    opacity: 1;
    left: 392px !important;
  }
  .dipperleft2 {
    z-index: 1;
    width: 18.5% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 242px;
    top: 82px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
}
@media (min-width: 440px) {
  .profil-mobile {
    display: none
  }
  .profil {
    display: block;
  }
  .icons-display-mobile {
    display: none;
  }
  .icons-display-desktop {
    display: block;
  }
}
@media (max-width: 440px) {
  .jumbotron p {
    font-family: proxima_novalight;
    margin: 0 0 0 12%;
    font-size: 18px;
    position: absolute;
    top: 402px;
    font-weight: 100;
    color: #fff;
    width: 227px;
    height: 48px;
  }
  .icons-display-desktop {
    display: none;
  }
  #ablauf-backpack {
    width: 62%;
    display: block;
    margin: 50px auto 40px auto;
  }
  .profil-mobile h2 {
    margin: 128px 0 0 -18px;
  }
  /*Business Care*/
  .dipper {
    z-index: 2;
    width: 48% !important;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    top: 12px;
    left: 26px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right {
    opacity: 1 !important;
    left: 18% !important;
  }
  .dipperright {
    z-index: 1;
    width: 26% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 82px;
    top: 32px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-left {
    opacity: 1 !important;
    left: 60% !important;
  }
  .dipperleft {
    z-index: 1;
    width: 26% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 240px;
    top: 32px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  /*Life Care*/
  .themen img {
    width: 34%;
  }
  .dipper2 {
    z-index: 2;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    left: 138px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-left2 {
    opacity: 1;
    left: 262px !important;
  }
  .dipperleft2 {
    z-index: 1;
    width: 26% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 242px;
    top: 42px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right2 {
    opacity: 1 !important;
    left: 68px !important;
  }
  .dipperright2 {
    width: 26% !important;
    z-index: 1;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 126px;
    top: 42px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .ablauf-icon b {
    font-size: 12px;
  }
  .profil-mobile {
    display: block;
  }
  .profil {
    display: none;
  }
  .profil-mobile img {
    width: 82%;
    margin: 32px 0 28px 12px;
    -webkit-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.28);
  }
  .profil-mobile h1 {
    margin: 82px 0 0 0;
  }
}
@media (max-width: 375px) {
  .jumbotron h1 {
    display: none;
    font-family: 'proxima-nova-regular';
    font-size: 2.425em;
    line-height: 1.4;
    max-width: 100%;
    margin: 142px auto 0 auto;
    text-align: center;
    letter-spacing: 6.5px;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
  }
  .col-md-6 {
    z-index: 4;
  }
}
@media (max-width: 320px) {
  .ablauf ul {
    font-family: 'latobold';
    font-size: 13px;
    float: left;
    list-style-type: none;
    padding: 0px 0 0 42px;
  }
  .jumbotron h1 {
    display: none;
    font-family: 'proxima-nova-regular';
    font-size: 1.925em;
    line-height: 1.4;
    max-width: 100%;
    margin: 162px auto 0 auto;
    text-align: center;
    letter-spacing: 6.5px;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
  }
  .jumbotron p {
    font-family: proxima_novalight;
    margin: 0 0 0 8%;
    font-size: 18px;
    position: absolute;
    top: 402px;
    font-weight: 100;
    color: #fff;
    width: 227px;
    height: 48px;
  }
  /*Business Care*/
  .dipper {
    z-index: 2;
    width: 48% !important;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    top: 12px;
    left: 18px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperright {
    z-index: 1;
    width: 26% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 128px;
    top: 32px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .dipperleft {
    z-index: 1;
    width: 26% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 128px;
    top: 32px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  /*Life Care*/
  .dipper2 {
    z-index: 2;
    max-width: 263px;
    display: block;
    opacity: 1;
    position: relative;
    left: 98px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  .js-dipper-animate-right2 {
    opacity: 1 !important;
    left: 48px !important;
  }
  .js-dipper-animate-left2 {
    opacity: 1 !important;
    left: 198px !important;
  }
  .dipperleft2 {
    z-index: 1;
    width: 26% !important;
    max-width: 232px;
    display: block;
    opacity: 0;
    position: absolute;
    left: 128px;
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition-delay: 0.4s;
  }
  #ablauf-backpack {
    width: 90%;
    display: block;
    margin: 92px auto 40px auto;
  }
  .graphic h2 {
    font-size: 18px;
  }
  .graphic h2 {
    margin: 212px 0 0 0;
  }
  .graphic-center h2 {
    margin: 342px 0 0 0 !important;
  }
  .profil-mobile .col-xs-6 {
    width: 100%;
  }
  .profil-mobile h2 {
    margin: 42px 0 0 0;
  }
}