@font-face {
  font-family: 'Nunito';
  src: url('../webfonts/Nunito-Regular.ttf') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body, html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  font-family: 'Nunito', sans-serif;
}

h1 {
  color: #0473A6;
  font-size: 1.6rem;
}

a {
  color: #0473A6;
  text-decoration: none;
  background-color: transparent;
}

p, h1, h2, h3 { 
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
 }

.team-bg-color {
  background-color: #f1f1f1;
}

/* NAVBAR START*/
.navbar {
    position: fixed;
    width: 100%;
    background-color: #f1f1f1;
    padding: 7px 20px 7px 20px;
    z-index: 99999999;
    border-bottom: 8px solid #afacac;
    height: 85px;
  }
  .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
  }
  button:focus {
    outline: none !important;
  }
  
  .navbar-nav .nav-link {
    letter-spacing: 1px;
    font-size: 1.2rem;
    font-weight: bolder;
    color: #064F7D!important;
    padding-right: 1.9rem!important;
    padding-left: 0.1rem!important;
  }



  .navbar-nav .nav-link:hover {
    color: #666;
  }

  .navbar-nav .nav-link:active {
    color: #756854!important;
  }
  
  .navbar-brand .logo {
    width: 275px;
    z-index: 999999999;
    padding: 0 1rem;
  }
  
  .navbar-light .navbar-toggler-icon {
    background-image: none;
  }
  
  .sticky {
    position: fixed !important;
    top: 0;
    width: 100% !important;
  }
  
  .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    border-radius: 7px;
    margin-right: 9px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
  }

  #my-carousel{
    height: 100vh;
  }

  .hamburger .line{
    width: 35px;
    height: 3px;
    background-color: #0473a6;
    display: block;
    margin: 8px auto;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .hamburger:hover{
    cursor: pointer;
  }
  
  
  #hamburger-1.is-active .line:nth-child(2){
    opacity: 0;
  }
  
  #hamburger-1.is-active .line:nth-child(1){
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
  }
  
  #hamburger-1.is-active .line:nth-child(3){
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
  }

  .bild-overlay {
    position: relative;
    overflow: hidden;
  }

  .bild-overlay img {
    -webkit-filter: brightness();
    height: 100vh;
    object-fit: cover;
    /* object-position: 0 50px; */
    width: 100%;
  }

  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    background: #004c8d60;
  }

  .img_navbar {
    width: 70px;
    z-index: 999999999;
    height: 100%;
    padding: 0rem 1rem;
  }

  .navbar .ueberuns{
    width: 74px;
    height: 100%;
  }

  .navbar .karriere{
    width: 75px;
    height: 100%;
  }

  .navbar .taetigkeiten{
    width: 76px;
    height: 100%;
  }

  .navbar .kontakt{
    width: 69px;
    height: 100%;
  }

  .icon-style .icon{
    height: 72px;
  }

  .icon-style .icon .finanzbuchhaltung{
    width: 55px;
  }
  .icon-style .icon .beratung{
    width: 48px;
    padding-top: 12px;
  }
  .icon-style .icon .beratung2{
    width: 54px;
    padding-top: 5px;
  }
  .icon-style .icon .rundumservice{
    width: 47px;
    padding-top: 10px;
  }

  .bild-overlay svg {
    display: block;
    position: absolute;
    margin-right: -20%;
    bottom: 0;
    z-index: 9999;
    margin-bottom: -120px;
  }

  .bild-overlay .svg-gray {
    display: block;
    position: absolute;
    margin-right: -20%;
    bottom: 9px;
    z-index: 999;

  }

  .scroll-style {
    position: absolute;
    font-family: nunito;
    color: #fff!important;
    transform: rotate(270deg);
    left: 0;
    top: 50%;
    font-weight: 300;
  }

  .homepage-headerbild {
    text-shadow: 2px 2px 2px #1b1b1b;
    font-size: 4.5rem;
    position: relative;
    text-transform: uppercase;
    margin-top: -59vh;
    padding-left: 15%;
    z-index: 999;
  }

  .homepage-headerbild h1{
  font-size: 4.5rem!important;
  font-family: nunito;
  }

  .img-ueberuns-1 img {
    width: 75%;
    height: 314px;
    object-fit: cover;
    border-radius: 1rem;
  }

  .img-ueberuns-1 .img_position {
    position: absolute;
    top: 85px;
    right: 0;
  }
  .img_position{
    width: 70%;
  }
  .img_position img{
    width: 100%;
  }

  .abstand_style {
    padding-left: 130px;
  }

  .abstand_style h1 {
    margin-bottom: 31px;
    font-family: nunito;
  }

  .abstand_style h2 {
    margin-bottom: 50px;
    font-family: nunito;
    color: #0473A6;
  }

  .card .pfelege-pic img{
    width: 100%;
    height: 46vh;
    margin-bottom: 17px;
    /* object-position: 100% 0%; */
    object-fit: cover;
    object-position: 70% 6%;
  }

  .special_margin {
    margin-top: 145px;
  }

  .special_margin_bottom {
    margin-bottom: 13%;
  }

  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px;
    border-radius: 1rem;
  }

  .card a {
    margin-bottom: 25px;
  }


  .chronik-line h2 {
    color: #0473A6;
  }

  .card-chronik h4 {
    color: #064F7D;
  }

  .card-chronik {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #A5D1E5;
    background-clip: border-box;
    border: 0px;
    border-radius: 1rem;
  }

  .card-body-chronik {
    height: 24vh;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 3rem!important;
  }

  .line {
    width: 100px;
    height: 2px;
    margin: 12px auto 24px auto;
    background-color: #0e455d;
  }

  .blue_wave {
    display: block;
    box-sizing: border-box;
    height: 500px;
    background-color: #064F7D;
    clip-path: ellipse(90% 100% at 50% 0%);
  }

  .blue_wave h3 {
    margin-top: 13%;
    font-family: nunito;
  }

  .blue_wave p {
    margin-bottom: 3%;
  }

  .blue_wave_2 {
    position: absolute;
    display: block;
    box-sizing: border-box;
    height: 500px;
    background-color: #ffffff;
    clip-path: ellipse(60% 30% at 50% 0%);
  }

  .timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

.margin-sp {
  margin-bottom: 3%;
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3b82f6
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #3b82f6;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

  .carousel-caption {
    position: relative;
    z-index: 99999999999999;
    right: 0;
    bottom: 241px;
    left: 0;
    padding-top: 22px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
  }

  .carousel-caption h3 {
    text-align: center;
    font-size: 1.2rem;
    line-height: 120%;
    letter-spacing: 2px;
    color: #fff!important;
}

.carousel-caption p {
  text-align: center;
  font-size: 1.2rem;
  line-height: 120%;
  letter-spacing: 2px;
  color: #fff!important;
}

.img-ueberuns-2 img {
  width: 100%;
  height: 314px;
  object-fit: cover;
  border-radius: 1rem;
}

.img-ueberuns-2 .card {
  width: 100%;
  position: absolute;
  top: 85px;
  right: 73px;
  height: 314px;
  object-fit: cover;
  border-radius: 1rem;
  background-color: #EFEFEF;
}

.img-ueberuns-2 .card-right-kontaktformular {
  width: 100%;
  position: absolute;
  top: 85px;
  right: 91px;
  height: auto;
  object-fit: cover;
  border-radius: 1rem;
  background-color: #fff;
}

.img-ueberuns-2 .card-1 {
  width: 100%;
  position: relative;
  height: 314px;
  object-fit: cover;
  border-radius: 1rem;
  background-color: #EFEFEF;
}

.img-ueberuns-2 .card-left-kontaktformular {
  width: 100%;
  position: relative;
  height: auto;
  padding: 1.4rem;
  object-fit: cover;
  border-radius: 1rem;
  background-color: #fff;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 2.7rem!important;
}

.card-body-chronik {
  height: 24vh;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 3.25rem;
}



.background_img {
  background-image: url(../images/background_verlauf_v3.jpg);
  background-repeat: no-repeat;
  background-position: 3% 0;
  background-size: cover;
  width: 100%;
  height: auto;
  padding-bottom: 53px;
  position: relative;
}

.background_img_end {
  background-image: url(../images/background_verlauf_end_down_2.jpg);
  background-repeat: no-repeat;
  background-position: 3% 0;
  background-size: cover;
  width: 100%;
  height: 875px;
  padding-bottom: 0px;
}

/* scroll-up */
#btn-scroll-up {
  display: none;
  position: fixed;
  bottom: 6.3rem;
  right: 2rem;
  background-color: #064F7D;
  z-index: 999;
  color: #fff;
  border-radius: 0.5rem;
}
.hidden {
  display: none!important;
  visibility: hidden!important;
}
/* END scroll-up */


.icon-style img {
  width: 75px;
  margin-bottom: 20px;
  height: auto;
}

.abstand_style_2 h1 {
  margin-top: 16%;
}

.abstand_style_2 h2 {
  margin-bottom: 40px;
}




header {
  position: relative;
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #fff;
  color: #efefef;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.masonary {
  position: relative;
  overflow: hidden;
  height: 76vh;
}

.masonary .masonary-inner {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.masonary .m-column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 0.5rem;
}

.masonary .m-column>div {
  width: 370px;
  height: 232px;
  margin-bottom: 0.5rem;
  border-radius: 1rem;
  overflow: hidden;
}

.masonary .m-column:nth-child(2n) {
  -webkit-transform: translateY(-120px);
  /* transform: translateY(-120px); */
}

.masonary .m-column img {
  height: 240px;
  max-width: 431px;
  border-radius: 1rem;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s,-webkit-transform 0.4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  object-fit: cover;
  object-position: 0% 31%;
}



.padding-special {
  padding-top: 15%;
}

.footer-style {
  background-color: #064F7D;
  color: #aaa;
}

.footer-style a {
  color: #aaa!important;
  font-family: nunito;
}


.position-dreieck {
  position: relative;
}

.dreieck-1 {
  position: absolute;
  width: 60px;
  height: auto;
  top: -2.5%;
  left: -2.5%;
}

.dreieck-1-mitte {
  position: absolute;
  width: 60px;
  height: auto;
  top: 18.5%;
  left: -2.5%;
}

.img-ueberuns-2 img.dreieck-1 {
  position: absolute;
  width: 60px;
  height: auto;
  border-radius: 0;
  top: -2.5%;
  left: 1.5%;
  z-index: 1;
}

.dreieck-2 {
  position: absolute;
  width: 60px;
  height: auto;
  bottom: 1%;
  right: -3%;
}

.dreieck-2-mitte {
  position: absolute;
  width: 60px;
  height: auto;
  bottom: -12%;
  right: -3%;
}

.img-ueberuns-2 img.dreieck-2 {
  position: absolute;
  width: 60px;
  height: auto;
  border-radius: 0;
  bottom: -30%;
  right: 14%;
  z-index: 1;
}

.arrow {
  padding-right: 20px;
}

.form-control {
  display: block;
  font-family: nunito;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  
  background-clip: padding-box;
  border-bottom: 2px solid #064F7D;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.name_label_1 label,
.email_label_1 label{
  display: none;
}
textarea{
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #064F7D;
}
textarea.form-control {
  height: 90px;
}

.img-ueberuns-2 .form-group img{
  height: auto;
}

.btn-secondary {
  color: #fff;
  background-color: #064F7D;
  border-color: #064F7D;
  width: auto;
}

.curve-last svg {
  display: block;
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100%;
  height: auto;
}

.curve-mittel-top {
  position: absolute;
  display: block;
  box-sizing: border-box;
  height: 500px;
  background-color: #ffffff;
  clip-path: ellipse(53% 15% at 50% -4%);
}
.curve-mittel-up {
  position: absolute;
  display: block;
  top: -7vw;
  width: 100%;
  height: auto;
}
.curve-mittel-bottom {
  position: absolute;
  display: block;
  bottom: -8vw;
  width: 100%;
  height: auto;
}

.curve-mittel-down {
  position: absolute;
  display: block;
  box-sizing: border-box;
  height: 500px;
  background-color: #6d1a1a;
  clip-path: ellipse(53% 15% at 50% -4%);
  transform: rotate(180deg);
}

.header-caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.header-caption h1 {
  color: #fff;
  font-weight: 900;
  background-image: url(../images/brush-bg-light-blue-new.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-shadow: 2px 2px 2px #1b1b1b;
  width: auto;
  display: inline-block;
  padding: 1rem 2rem;
  white-space: nowrap;
  font-size: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

.header-caption h1 p {
  margin-bottom: 0;
}

.header-caption h2 {
  text-shadow: 2px 2px 2px #1b1b1b;
  font-weight: 900;
  font-size: 2.5rem;
}

@media (min-width: 768px) {
  .header-caption {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    align-items: flex-start;
  }

  .header-caption h1 {
    padding: 1rem 3rem;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.2rem;
  }

  .header-caption h2 {
    font-size: 4.5rem;
  }
}

/* TEAM */
.team_header_text {
  margin-bottom: 55px;
  color: #0473A6;
}

.team_img_1 img {
  width: 100%;
  height: auto;
  /* object-position: 100% 0%; */
  object-fit: cover;
  padding: 0;
  margin-bottom: 0;
  border: 0 solid #0473a6;
  border-radius: 1rem;
  /* -webkit-filter: grayscale(85%); /* Safari 6.0 - 9.0 */
  /* filter: grayscale(85%); */
}

.team_img_2 img {
  width: 100%;
  height: 72vh;
  margin-bottom: 17px;
  /* object-position: 100% 0%; */
  object-fit: cover;
  padding: 0px;
  margin-bottom: 0%;
  border: 2px solid #0473a6;
  border-radius: 1rem;
}

.team_img_3 img {
  width: 100%;
  height: 70vh;
  margin-bottom: 17px;
  /* object-position: 100% 0%; */
  object-fit: cover;
  padding: 0px;
  border: 2px solid #0473a6;
  border-radius: 1rem;
}


.team_beschreibung {
  width: 100%;
  height: auto;
  margin-bottom: 17px;
  /* object-position: 100% 0%; */
  object-fit: cover;
  padding: 28px;
}

.last-team_beschreibung {
  width: 100%;
  height: 70vh;
  margin-bottom: 17px;
  /* object-position: 100% 0%; */
  object-fit: cover;
  padding: 28px;
  margin-bottom: 127px;
}

.team_beschreibung h3 {
  color: #0473A6;
}

.last-team_beschreibung h3 {
  color: #0473A6;
}

.p-1{
  border-top: 0;
  border-right: 0;
  border-left: 5px solid #0473A6;
  border-bottom: 5px solid #0473A6;
  -webkit-border-radius: 0px 0px 0px 15px;
  -moz-border-radius: 0px 0px 0px 15px;
  border-radius: 0px 0px 0px 15px;
}
.p-2{
  border-top: 0;
  border-right: 5px solid #0473A6;
  border-left: 0;
  border-bottom: 5px solid #0473A6;
  -webkit-border-radius: 0px 0px 0px 15px;
  -moz-border-radius: 0px 0px 0px 15px;
  border-radius: 0px 15px 0px 0px;
}
.p-3{
  border-top: 0;
  border-right: 0;
  border-left: 5px solid #0473A6;
  border-bottom: 5px solid #0473A6;
  -webkit-border-radius: 0px 0px 0px 15px;
  -moz-border-radius: 0px 0px 0px 15px;
  border-radius: 0px 0px 0px 15px;
}

.form-group{
  margin-bottom: 0;
}


#karriere .fa {
  margin-right: 23px;
  color: #0473A6;
}

#karriere i:before {
  margin-right: 0px;
}
#karriere i p {
  margin-top: 10px;
  color: #1b1b1b;
}

.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

@media (max-width: 1245px) {
  .extra-column {
    display: none;
  }
  .special-column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .background_img {
    background-image: url(../images/background_verlauf.jpg);
    background-repeat: no-repeat;
    background-position: 77% 0;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-bottom: 53px;
  }

  .icon-style {
    padding: 30px;
  }

  .carousel {
    position: relative;
    margin-bottom: 80px;
  }
}


@media (max-width: 1199px) {

  .homepage-headerbild h1{
    font-size: 3.5rem!important;
    }

  .special-abstand {
    padding-right: 41px;
  }

  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2.2rem!important;
  }

  #karriere img.dreieck-2 {
    position: absolute;
    width: 5%;
    height: auto;
    border-radius: 0;
    bottom: -3%!important;
    right: 1%!important;
    z-index: 1;
  }

  .karriere .bg-grey {
    border-radius: 1rem;
    background-color: #EFEFEF;
    padding-top: 17px;
    padding-bottom: 0px;
    height: auto;
  }
  .blue_wave{
    height: 630px;
  }
}


@media (max-width: 1100px) {
  .card-body-chronik {
    height: 20vh;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.8rem!important;
  }

  .bild-overlay svg {
    display: block;
    position: absolute;
    margin-right: -20%;
    bottom: 0;
    z-index: 9999;
    margin-bottom: -60px;
  }
}


@media (max-width: 1035px) {
  .blue_wave h3 {
    margin-top: 14%;
  }
}



@media (max-width: 991px){
  .special_margin {
    margin-top: 50px;
}
.masonary{
  height: 76vh;
}
  .icon-style {
    padding: 15px;
  }
  .background_img_end{
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
    width: auto;
  }
  .navbar {
    height: auto;
  }
  .img-ueberuns-2 img.dreieck-2 {
    position: absolute;
    width: 12%;
    height: auto;
    border-radius: 0;
    bottom: -7%;
    right: 1%;
    z-index: 1;
  }

  .img-ueberuns-2 img.dreieck-1 {
    position: absolute;
    width: 12%;
    height: auto;
    border-radius: 0;
    bottom: -7%;
    right: 1%;
    z-index: 1;
  }

  .nav-link {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1rem!important;
  }

  .blue_wave{
    height: 670px;
  }

  .blue_wave h3{
    margin-top: 13%;
  }

  .abstand_style {
    padding-left: 25px;
    margin-bottom: 20px;
  }
  
  .img-ueberuns-1 img {
    width: 100%;
    height: 46vh;
    object-fit: cover;
    border-radius: 0.5rem;
    margin-bottom: 15px;
  }

  .img-ueberuns-1 .img_position {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 0.5rem;
    top: 0;
    left: 0%;
  }

  .img-ueberuns-2 .card {
    width: 100%;
    position: relative;
    top: 12px;
    right: 0;
    height: 314px;
    object-fit: cover;
    border-radius: 1rem;
    background-color: #EFEFEF;
  }

 .img-karriere img {
    width: 100%;
    height: 46vh;
    object-fit: cover;
    border-radius: 0.5rem;
    margin-bottom: 15px;
  }

  .img-karriere img.dreieck-1 {
    position: absolute;
    width: 12%;
    height: auto;
    border-radius: 0;
    bottom: -7%;
    right: 1%;
    z-index: 1;
  }
  
  .special_margin_bottom {
    margin-bottom: 0%;
  }

  .padding-special {
    padding-top: 0%;
  }

  .img-ueberuns-2 .card-left-kontaktformular {
    width: 100%;
    position: relative;
    height: auto;
    padding: 1.4rem;
    margin-bottom: 12px;
    object-fit: cover;
    border-radius: 4%;
    background-color: #fff;
  }

  .img-ueberuns-2 .card-right-kontaktformular {
    width: 100%;
    position: relative;
    top: 0px;
    right: 0px;
    height: auto;
    object-fit: cover;
    border-radius: 0.7rem;
    background-color: #fff;
  }

 /*  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2rem;
  } */

  .scroll-style {
    top: 256px;
  }

  .team_img_1 img {
    width: 100%;
    height: 72vh;
    margin-bottom: 17px;
    /* object-position: 100% 0%; */
    object-fit: cover;
    padding: 28px;
    border-top: 2px solid #0473A6;
    border-left: 2px solid #0473A6;
    border-right: 2px solid #0473A6;
    border-bottom: none;
    margin-bottom: 0%;
    /* filter: grayscale(85%); */
  }

  .team_img_2 img {
    width: 100%;
    height: 72vh;
    margin-bottom: 17px;
    /* object-position: 100% 0%; */
    object-fit: cover;
    padding: 28px;
    border-top: 2px solid #0473A6;
    border-left: 2px solid #0473A6;
    border-right: 2px solid #0473A6;
    border-bottom: none;
    margin-bottom: 0%;
    /* filter: grayscale(85%); */
  }

  .team_img_3 img {
    width: 100%;
    height: 72vh;
    margin-bottom: 17px;
    /* object-position: 100% 0%; */
    object-fit: cover;
    padding: 28px;
    border-top: 2px solid #0473A6;
    border-left: 2px solid #0473A6;
    border-right: 2px solid #0473A6;
    border-bottom: none;
    margin-bottom: 0%;
    /* filter: grayscale(85%); */
  }

  .dreieck-special-1 {
    display: block;
    position: absolute;
    width: 60px;
    height: auto;
    top: -2.5%;
    left: -1.5%;
  }

  .dreieck-special-2 {
    display: block;
    position: absolute;
    width: 60px;
    height: auto;
    bottom: 1%;
    right: -3%;
  }

  .dreieck-1 {
    width: 60px;
    height: auto;
    left: -1.5%;
  }

  .dreieck-2 {
    width: 60px;
    height: auto;
    right: -1.5%;
  }

  .dreieck-1-mitte{
    display: none;
    width: 60px;
    height: auto;
  }

  .dreieck-2-mitte {
    display: none;
    width: 60px;
    height: auto;
  }

  #karriere img.dreieck-2 {
    position: absolute;
    width: 60px!important;
    height: auto;
    border-radius: 0;
    bottom: -3%!important;
    right: 1%!important;
    z-index: 1;
  }

}



@media (min-width: 991px){
  .dreieck-special-1 {
    display: none;
    position: absolute;
    top: -2.5%;
    left: -2.5%;
  }

  .dreieck-special-2 {
    display: none;
    position: absolute;
    bottom: 1%;
    right: -3%;
  }
}


@media (max-width: 991px){
  .card .pfelege-pic img {
    width: 100%;
    height: 46vh;
    background-size: cover!important;
    margin-bottom: 17px;
    object-fit: cover;
    object-position: 3% 6%;
  }
  .blue_wave h3{
    margin-top: 17%;
  }
}

.card .pfelege-pic img {
  width: 100%;
  height: 46vh;
  background-size: cover!important;
  margin-bottom: 17px;
  /* object-position: 100% 0%; */
  object-fit: cover;
  /* background-position: 0% 19%; */
  /* object-position: 3% 6%; */
}

@media (min-width: 1083px) and (max-width: 1127px){
  .navbar-nav .nav-link{
    font-size: 1rem;
  }
}
@media (min-width: 993px) and (max-width: 1082px){
  .navbar-nav .nav-link{
    font-size: 0.8rem;
    padding-right: 1.3rem!important;
  }
  

}


@media (max-width: 800px) {
  .blue_wave h3 {
    margin-top: 25%;
  }

  .blue_wave {
    height: 880px;
  }
}

@media (max-width: 767px) {
  .karriere .bg-grey {
    height: auto;
  }
}


@media (max-width: 720px) {

  .homepage-headerbild h1{
    font-size: 3.5rem!important;
    }
}

@media (max-width: 580px) {
  #karriere img.dreieck-2 {
    position: absolute;
    width: 12%!important;
    height: auto;
    border-radius: 0;
    bottom: -3%!important;
    right: 2%!important;
    z-index: 1;
  }

  .homepage-headerbild {
    padding-left: 8%;
  }
}

@media (max-width: 575px){
  .homepage-headerbild h6 {
    width: 70%;
  }
}

@media (max-width: 545px) {
  .blue_wave{
    height: 830px;
    clip-path: ellipse(150% 100% at 50% 0%);
  }
  
  .blue_wave h3 {
    margin-top: 35%;
  }

  .scroll-style {
    top: 307px;
  }

  .team_beschreibung {
    width: 100%;
    height: auto;
    margin-bottom: 17px;
    /* object-position: 100% 0%; */
    object-fit: cover;
    padding: 28px;
  }

  .bild-overlay svg {
    display: block;
    position: absolute;
    margin-right: -20%;
    bottom: 0;
    z-index: 9999;
    margin-bottom: -22px;
  }
}

@media (max-width: 520px) {
  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.8rem!important;
  }

  .img-ueberuns-2 .card {
    height: 400px;
  }

  .special-abstand {
    padding-right: 0px;
  }
}



@media (max-width: 443px) {
  .blue_wave{
    height: 1255px;
    clip-path: ellipse(150% 100% at 50% 0%);
  }
  
  .blue_wave h3 {
    margin-top: 54%;
  }

  .navbar-brand .logo {
    width: 225px;
    z-index: 999999999;
    padding: 0rem 1rem;
  }

  .hamburger .line {
      width: 28px;
      height: 2px;
  }
}

@media (max-width: 435px){
  .homepage-headerbild h6 {
    width: 85%;
  }
}

@media (max-width: 385px) {
  .footer-style {
    background-color: #064F7D;
    color: #aaa;
  }

  #karriere img.dreieck-2 {
    position: absolute;
    width: 60px!important;
    height: auto;
    border-radius: 0;
    bottom: -3%!important;
    right: 3%!important;
    z-index: 1;
  }
}

@media (max-width: 370px) {
  .homepage-headerbild h1{
    font-size: 0.5em!important;
    }
    h2{
      font-size: 1.3em;
    }

    .navbar-brand .logo {
      width: 190px;
      z-index: 999999999;
      padding: 0rem 1rem;
  }
}

.img-karriere img {
  width: 100%;
  height: 46vh;
  object-fit: cover;
  border-radius: 0.5rem;
  margin-bottom: 15px;
}

.img-karriere img.dreieck-1 {
  position: absolute;
  width: 60px;
  height: auto;
  border-radius: 0;
  bottom: -7%;
  right: 1%;
  z-index: 1;
}

#karriere img.dreieck-2 {
  position: absolute;
  width: 60px;
  height: auto;
  border-radius: 0;
  bottom: -5%;
  right: 0.5%;
  z-index: 1;
}

.karriere .bg-grey{
  border-radius: 1rem;
  background-color: #EFEFEF;
  padding-top: 17px;
  padding-bottom: 0px;
}

.img-karriere .dreieck-1{
  left: 1.5%;
}

.card .pfelege-pic img{
  background-position: 23% 0;
  height: 100%;
  min-height: 440px;
}

.karriere .bg-grey{
  z-index: 99;
}

@media (max-width: 2560px) {
  .background_img{
    background-position: 23% 0;
  }
}

@media (max-width: 1440px) {
  .background_img{
    background-position: 30% 0;
  }
}

@media (max-width: 1245px) {
  .background_img{
    background-position: 100% 0;
  }
}

@media (max-width: 991px) {
  .card .pfelege-pic img{
    height: 46vh;
  }
}
@media (max-width: 560px) {
  .masonary {
    position: relative;
    overflow: hidden;
    height: 712px;
  }
}

/* Team Container */
#team-container {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

.team-profile-img img {
  width: 100%;
  height: auto;
}

.edges {
  position: relative;
}

.edges:before, .edges:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background-size: contain;
}

.edges:before {
  top: -7px;
  left: -7px;
  background-image: url("../images/1.png");
}

.edges:after {
  bottom: -7px;
  right: -7px;
  background-image: url("../images/2.png");
}

.mb-6 {
  margin-bottom: 6rem;
}

.curve-top {
  position: relative;
  padding-top: 14%;
}

.curve-top:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 12%;
  background-image: url('../images/curve_up2.svg');
  background-size: cover;
}

.curve-bottom {
  position: relative;
  padding-top: 14%;
}

.curve-bottom:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5%;
  background-image: url('../images/curve_down3.svg');
  background-size: cover;
}