:root {
  --ci-blau: #1F9CDA;
  --ci-oragne: #DD8047;
  --ci-oragne-alpha: rgba(221, 128, 71, .3);
  --ci-blau-alpha: rgba(31, 156, 218, .7);
}

body {

  padding: 2rem 5rem;
  font-size: 12px;
  overflow-x: hidden;
  scroll-behavior: smooth;
  max-width: 1920px;
  position: relative;
}

.web {
  display: none;
}

.text-right {
  text-align: right;
}

p.blue-info {

  color: var(--ci-blau);
  font-size: 15px;

}

.fas.fa-clock.clock-blue {

  color: var(--ci-blau);

}


/* meta-informationen */
div.meta_informationen {

  line-height: .5rem;
  display: flex;

}

div.meta_informationen_container {

  display: flex;

}

div.meta_informationen_left {

  margin: 0 -7rem 0 0;

}

/* Navbar */

.dropdown-menu.show {
  background-color: var(--ci-oragne);
  border: none;
}

div#navbarNav h4 {

  display: none;

}

div.navbar {

  display: flex;

}

.dropdown-menu.show {
  border-radius: 0;
}

.dropdown-item {
  padding: 10px;
  color: white;
}

.dropdown-divider {
  border: 1px solid white;
}

.dropdown-menu.show li:hover {
  /* box-shadow: 0 -100px 0 0 rgba(255, 255, 255, 0.541) inset; */
  text-decoration: none;

}

.nav-item:hover {

  background-color: var(--ci-oragne);

}


/* intro */
div.intro,
div.team {

  display: flex;
}

/* container */
div.container_intro,
div.container_team {

  background-color: var(--ci-blau);
  color: #ffffff;
  position: absolute;
  border-radius: 25px;

}

div.container_intro {

  left: -5rem;
  top: 12rem;
  width: 53%;
  height: 50%;
  padding: 5rem 11rem 0 15rem;

}

div.container_team {

  width: 58%;
  height: 50%;
  padding: 5rem 15rem 0 11rem;
  right: -3rem;

}

div.container_footer {

  display: flex;
  background-color: var(--ci-blau);
  margin-bottom: -50px;
  border-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 5rem;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 1rem;
  width: 120%;

}

div.container_leistungsspektrum {

  margin: 0;
  padding: 0;
  width: calc(100% + 4rem + 15px);

}

/* Fonts */
div.container_intro h2 {
  font-size: 25px;
}

div.impressi h3 {

  font-size: 18px;
  font-weight: 650;

}

div.kontakt h2 {

  text-align: center;
  color: var(--ci-blau);

}

div.kontakt p {

  color: var(--ci-blau);
  text-align: center;

}

div.container_footer h1 {

  font-size: 2rem;
  color: #ffffff;

}

div.container_footer p {
  font-size: 15px;
  color: #ffffff;
}

div.intro h1 {

  color: var(--ci-blau);

}

div.other-team-member p {

  margin: 1rem 0;
  margin-top: 1rem;
  margin-bottom: 1rem;

}

div.teammember.other-team-member p {

  margin-top: .5rem;
  text-align: center;
  margin-bottom: 0;
  line-height: 1;

}

p strong.blue-bold {

  color: var(--ci-blau);
  font-size: 15px;

}

p.blue-light {

  color: var(--ci-blau);


}

div.ueber_uns_subheadline h2 {

  background-color: var(--ci-blau);
  padding: 2rem 0 2rem 5rem;
  width: 345px;
  border-radius: 0 25px 25px 0;
  margin: 2rem 0 1rem -5rem;
  color: white;
  font-size: 25px;
  font-weight: 650;

}

div.impressum_subheadline h2 {

  background-color: var(--ci-blau);
  padding: 2rem 5rem;
  width: 100%;
  border-radius: 0 25px 25px 0;
  margin: 0rem 0 1rem -5rem;
  color: white;
  font-size: 25px;
  font-weight: 650;

}

div.ueber_uns_subheadline_big h2 {

  background-color: var(--ci-blau);
  padding: 2rem 5rem;
  width: 1850px;
  border-radius: 0 25px 25px 0;
  margin: 0rem 0 1rem -5rem;
  color: white;
  font-size: 25px;
  font-weight: 650;

}

div.leistungsspektrum_detail_subheadline h2 {

  background-color: var(--ci-blau);
  padding: 2rem 5rem;
  border-radius: 0 25px 25px 0;
  margin: 0rem 0 1rem -5rem;
  color: white;
  font-size: 25px;
  font-weight: 650;

}

p {

  font-size: 1rem;

}

body h1 {

  color: var(--ci-blau);
  font-size: 30px;
  margin-top: 2.5rem;

}

header {

  margin-bottom: 3rem;

}

div.detail-images p {

  color: var(--ci-blau);
  text-align: right;
  margin-right: 0;
  margin-top: -0.5rem;
  hyphens: auto;

}

.images-detailed p {

  color: var(--ci-blau);
  text-align: right;
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;

}

.images-detailed p.teasergrafik_desc {
  margin-top: 0;
}

div.subsite h1 {

  color: var(--ci-blau);

}

div.leistungsspektrum-text p {

  width: 800px;
  color: #fff;

}

div.leistungsspektrum-text h2 {
  color: #fff;
  font-size: 25px;
  font-weight: 650;
}

div.leistungsspektrum-text strong {
  color: #fff;
}

/* Buttons */

div.leistungsspektrum-button {

  top: 1rem;
  right: 0rem;
  color: white;
  font-weight: 650;

}

div.intro-button,
div.team-button,
div.leistungsspektrum-button {

  border: 3px solid white;
  border-radius: 25px;
  width: max-content;
  text-align: center;
  position: relative;
  padding: 1rem;
  font-size: 1rem;
  box-shadow: 0 0 0 0 #ffffff inset;
  transition: 0.4s ease-in-out;
  white-space: nowrap;
}

.intro-button a {
  color: #fff;
}

div.team-button {

  top: 3rem;
  right: -30rem;

}

div.kontakt-button {
  cursor: pointer;
  justify-content: center;
  display: flex;
  background-color: var(--ci-blau);
  /* margin: 2rem auto; */
  border-radius: 25px;
  padding: 1rem;
  color: #ffffff;
  box-shadow: 0 0 0 0 var(--ci-oragne) inset;
  transition: 0.4s ease-in-out all;
  min-width: 165px;
  max-width: 165px;
  top: 0;
  position: absolute;
}

div.kontakt-button-wrapper {
  position: relative;
  margin: 2rem auto;
  width: 170px;
}

/* img */
div.detail-images img {

  border-radius: 25px;
  height: 225px;
  /* width: 225px; */
  margin: 1rem auto;
  object-fit: cover;
}

.first-side {

  color: grey;
  text-decoration: none;

}

.next-side {

  color: var(--ci-oragne);
  text-decoration: none;

}

.row.breadcrumb {
  color: grey;

}

div.container_intro_bild img,
div.container_team_bild img {

  position: relative;
  width: 140%;
  border-radius: 25px;

}

div.container_intro_bild img {

  left: -7.5rem;
  top: 3rem;
  margin-bottom: 10rem;

}

div.container_team_bild img {

  top: 60px;
  z-index: 99;
  left: -20rem;
  margin: 0 0 10rem 0;

}

div.teammember img {

  height: auto;
  width: 100%;
  border-radius: 25px;
  margin: 2rem 0 1rem 0;

}

div.leistungsspektrum-uebersicht img {

  border-radius: 25px;
 height: 225px;
width: 225px;
object-fit: cover;

}

/* Formular */
div.formular_kontakt {

  display: flex;

}

input.form-control {

  margin: 1rem 0 0 0;
  border: 1px solid var(--ci-blau);

}

select.form-select {

  border: 1px solid var(--ci-oragne);
  color: #6c757d;

}

#exampleFormControlTextarea1 {

  border: 1px solid var(--ci-blau);
}

div.formular_kontakt {

  border: 3px solid var(--ci-blau);
  padding: 2rem 1rem 1rem 1rem;
  border-radius: 25px;

}

option.option_value {

  background-color: var(--ci-oragne-alpha);
  color: #000;

}

div.wir {

  margin: 0 0 18rem 0;

}

div.container_kontakt .form-check-label {

  color: var(--ci-blau);

}

div.container_kontakt .datenschutz_radio {

  justify-content: right;
  display: flex;

}

#web {
  display: none;
}

/* Links */
div.container_footer a {

  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  margin: 0 1rem 0 1rem;

}

div.container_kontakt a {

  color: var(--ci-oragne);
  text-decoration: none;

}

div.container_kontakt {

  margin-top: 22rem;
}

a.nav-link {

  color: #ffffff;

}

.subsite li{

  font-size: 16px;

}

.impressi li {

font-size: 16px;

}

.impressi h3, .impressi h2, .impressi h4 {

color: var(--ci-blau);

}

.impressi h4 {
  font-size: 16px;
}

.impressi h2 {
  font-size: 22px;
  font-weight: 650;
}

strong {

  color: var(--ci-blau);

}

li.nav-item {

  background-color: var(--ci-blau);
  width: 175px;
  border-radius: 25px;
  text-align: center;
  padding: .5rem;
  margin: 0px 2rem 0 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.151) inset;
  /* transition: 0.5s ease-in-out; */

}

li.nav-item.active {

  background-color: var(--ci-oragne);

}

/* Zustände */
li.nav-item a.nav-link:hover,
li.nav-item a.nav-link:active,
li.nav-item a.nav-link:focus {

  color: white;

}

.dropdown-item {

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.151) inset;
  transition: 0.5s ease-in-out;
  hyphens: auto;
  white-space: normal;
  line-height: 1.2;

}

.dropdown-item:hover {

  box-shadow: 0 -100px 0 0 rgba(128, 128, 128, 0.151) inset;

}

p.blue-light:hover {

  color: #1c84b8;
  cursor: pointer;

}

div.datenschutz_radio .form-check-label a:hover {
  text-decoration: underline;
}

option.option_value:hover {

  color: #ac5b29;
  color: #ffffff;

}

#exampleFormControlTextarea1:focus {

  border: 1px solid var(--ci-blau);
  box-shadow: none;

}

input.form-control:focus {
  border: 1px solid var(--ci-blau);
  box-shadow: none;
}

select.form-select:focus {

  border: 1px solid var(--ci-oragne);
  box-shadow: none;

}

li.nav-item a:hover {
  box-shadow: 0 -100px 0 0 rgba(255, 255, 255, 0.541) inset;
  transition: 0.5s ease-in-out;
  text-decoration: none;
}

.nav-link.dropdown-toggle:hover {
  border-radius: 15px;
}

div.intro-button:hover,
div.intro-button:hover a,
div.team-button:hover,
div.leistungsspektrum-button:hover,
div.leistungsspektrum-button a:hover {

  cursor: pointer;
  text-decoration: none;
  box-shadow: 230px 0 0 0 #ffffff inset;
  color: var(--ci-blau);

}

.intro .d-flex {
  margin-left: -5rem;
  padding-left: 0;
  padding-right: 0;
}

div.kontakt-button:hover {

  box-shadow: 0 150px 0 0 var(--ci-oragne) inset;
  margin-top: -1rem;
  /* position: relative; */
}

div.container_footer a:hover {

  text-decoration: underline;

}

div.teammember img:hover {

  transform: scale(1.1);
  transition: 0.5s ease-in-out;

}

/* Team */
div.teammember {

  display: flex;
  position: relative;

}

div.team {

  display: flex;

}


div.other-team-member {

  display: block;

}

div.other-team-member {

  display: block;
  margin: 1rem 0 1rem 0;

}

div.team_text {
  margin: 2.5rem 0;
}

/* Impressum */
div.impressi {

  display: flex;

}

/* Leistungsspektrum */

div.leistungsspektrum-text {

  background-color: var(--ci-blau);
  padding: 2rem 3rem;
  border-radius: 25px 0 0 25px;

}

div.leistungsspektrum-uebersicht {

  margin: 2rem 0;

}

/* div.images-detailed {

  display: flex;

} */

footer h1 strong {

  color: #ffffff;

}

/* icon */
.svg-inline--fa {

  margin-right: 0.5rem;

}


/* Footer */

footer {

  background-color: var(--ci-blau);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  right: -25px;
  width: 96%;
  border-radius: 25px 0 0 0;
  margin-top: 4rem;
  padding-left: 2rem;
  

}

footer h1 {

  color: white;
  margin-top: 0.5rem;

}

footer p {

  color: white;
  margin-top: 1rem;
  font-size: 14px;
  margin-right: 3rem;

}

footer a {
  color: #fff;
  text-decoration: none;
}

footer p a:hover {

  color: rgb(194, 194, 194);
  margin-top: -0.5rem;
  cursor: pointer;

}

.picture-right-content {

  margin-top: -10rem;
  border-radius: 25px 0 0 25px;
  padding: inherit;
  margin-left: 5rem;

}



/* mediaQuerys */




@media only screen and (max-width: 1525px) {

 /* div.detail-images img{

    width: 175px;
    height: 175px;
    text-align: center;

  } */

}

@media only screen and (max-width: 1400px) {

  div.navbar {

    justify-content: right;
    left: 5rem;
    padding: 1rem 2rem 1rem 0;
    width: 10rem;
    border-radius: 0 0 0 25px;
    margin: -2rem 0 2rem auto;

  }

 

  .picture-right-content {
    margin-top: 0;
  }

  button.navbar-toggler {

    color: #fff;

  }

  div#navbarNav.navbar-collapse {
    height: auto;
    background-color: var(--ci-oragne);
    width: 22rem;
    /*margin: -2rem -2rem -15rem 0;*/
    border-radius: 0 0 0 25px;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: absolute;
    right: -20px;
    top: -5px;
  }

}

@media only screen and (max-width: 767px) {

  div.navbar {

    margin: -8rem 0 5rem auto;

  }

}

@media only screen and (max-width: 1225px) {

  div.leistungsspektrum-text p {

    width: 600px;
    color: #fff;

  }

  .header-left {
    margin-right: 0rem;
  }

  /* div.detail-images img{

    width: 150px;
    height: 150px;

  } */

  div.detail-images p {

    text-align: right;
    margin: 0;

  }

}


@media only screen and (max-width: 1000px) {

  div.leistungsspektrum-text p {

    width: 450px;
    color: #fff;

  }

  div.leistungsspektrum-button {

    margin-bottom: 1rem;

  }

  .picture-right-content {
    margin-top: 0rem;
    border-radius: 25px;
  }

  /* div.detail-images img{

    width: 125px;
    height: 125px;

  } */

  div.detail-images p {

    text-align: center;
    margin: 0;

  }


}


@media only screen and (max-width: 800px) {

  div.leistungsspektrum-text p {

    width: 300px;
    color: #fff;

  }

  .header-left {

    margin-right: 0rem;

  }

}

@media only screen and (max-width: 700px) {

  div.leistungsspektrum-text p {

    width: 250px;
    color: #fff;

  }

}

@media only screen and (max-width: 575px) {

  div.leistungsspektrum-text p {

    width: 300px;
    color: #fff;

  }

  div.leistungsspektrum-text {

    margin: 1rem 0;

  }

  div.leistungsspektrum-uebersicht img {

    margin: 0 0 0 -.9rem;

  }
}

@media only screen and (max-width: 450px) {

  div.leistungsspektrum-text p {

    width: 250px;
    color: #fff;

  }

}

@media only screen and (max-width: 400px) {

  div.leistungsspektrum-text p {

    width: 200px;
    color: #fff;

  }

}

@media only screen and (max-width: 1400px) {

  button.navbar-toggler {

    background-color: var(--ci-oragne);
    padding: 2rem 3rem 1rem 2rem;
    margin: 0 -4rem;
    top: -2.5rem;
    right: 1rem;
    position: absolute;
    position: absolute;
    z-index: 99;
    border: none;

  }

  button.navbar-toggler:focus {

    box-shadow: none;

  }

  li.nav-item {

    border-radius: 0;
    background-color: var(--ci-oragne);
    padding: 0.75rem;
    border-top: 2px solid white;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.151) inset;

  }


  li.nav-item:first-child {

    border-top: none;

  }

  li.nav-item:last-child {

    border-bottom: 2px solid white;

  }

  div#navbarNav.navbar-collapse {


    height: auto;
    background-color: var(--ci-oragne);
    width: 22rem;
    margin: -3rem -2rem -15rem 0;
    border-radius: 0 0 0 25px;
    padding-left: 2rem;
    padding-top: 1rem;

  }




  div#navbarNav h4 {

    display: block;
    font-weight: 550;
    color: #fff;
    margin-top: .75rem;

  }


}


@media only screen and (min-width: 1651px) {

  div#navbarNav {

    margin: -1rem 0 0 0;

  }

}


@media only screen and (max-width: 1650px) {

  div#navbarNav {

    margin: -1rem 0 0 -8rem;

  }

}

@media only screen and (max-width: 1025px) {

  div.meta_informationen p {

    line-height: 1rem;

  }

}

@media only screen and (max-width: 1025px) {

  /* button.navbar-toggler {

    top: -3rem;

  } */

  div#navbarNav.navbar-collapse {
    height: auto;
    background-color: var(--ci-oragne);
    width: 22rem;
    margin: -2rem -2rem -15rem 0;
    border-radius: 0 0 0 25px;
    padding-left: 2rem;
    padding-top: 1rem;
  }

  div#navbarNav h4 {

    display: block;
    font-weight: 550;
    color: #fff;
    margin-top: 0rem;

  }

  .dropdown-menu.show {
    background-color: var(--ci-oragne);
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-bottom: 0rem;
    margin-left: 0.2rem;
  }

  .dropdown-divider {
    border: 1px solid #fff;
  }

  .dropdown-item {
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: left;
  }

  li a.dropdown-item {
    text-align: left;
  }

  .nav-item a.nav-link {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {

  div#navbarNav.navbar-collapse {

    margin: -2rem -2rem -15rem 0;

  }

  /* button.navbar-toggler {

    top: -4rem;

  } */

  div#navbarNav h4 {

    display: block;
    font-weight: 550;
    color: #fff;
    margin-top: .75rem;

  }

}

@media only screen and (max-width: 402px) {

  div#navbarNav.navbar-collapse {

    margin: -6rem -2rem -15rem 0;

  }

  /* button.navbar-toggler {

    top: -5rem;

  } */

  div#navbarNav h4 {

    padding-top: 1rem;

  }

}

@media only screen and (max-width: 343px) {

  div#navbarNav.navbar-collapse {

    margin: -6rem -2rem -4rem 0;

  }

  /* button.navbar-toggler {

    top: -6rem;

  } */

}

@media only screen and (min-width: 1400px) {

  .dropdown-menu li {

    margin: -10px 0;
    padding: 1px;

  }

  .header-left {
    margin-right: -2rem;
  }

  .dropdown-menu li:first-child {

    padding: 0px 0 4px 0;
    margin: -5px 0 -13px 0;

  }

  @keyframes toTop {
    /*   from {margin-top: 0;}
      to {margin-top: -1rem;} */
      from {transform: translateY(0);}
      to {transform: translateY(-1rem)}
    }

  li.nav-item:hover {

    box-shadow: none;
    text-decoration: none;
    /* margin-bottom: 1rem; */
    animation-name: toTop;
    animation-duration: .4s;
    animation-fill-mode: forwards;
  }

  .teasergrafik-box {
    
    width: 250px;

  }

  li.nav-item {

    z-index: 999;

  }

  .dropdown-menu.show {
    text-align: center;
    border: none;
    top: 1rem;
    width: 10.95rem;
    border-radius: 0 0 25px 25px;
    padding-top: 2rem;
    z-index: -1;
  }

  .dropdown-menu.show .dropdown-item {

    font-size: 12px;
  }

  .dropdown-menu.show li:first-child {

    border-top: 2px solid white;
  }

}

@media only screen and (max-width: 1399px) {
  .nav-item a.nav-link {
    text-align: left;
    padding: .75rem;
    position: relative;
    margin: -.75rem;
  }

  .dropdown-item {
    font-size: 12px;
    padding: 12px;
    margin: -8px 0;
  }

  .dropdown-menu.show li:first-child {

    border-top: 2px solid white;
    margin-top: 2px;
    padding-top: 8px;

  }

  .dropdown-menu.show li:last-child {
    margin-bottom: -20px;

  }

  .dropdown-menu.show li:hover {
    /* box-shadow: 0 -100px 0 0 rgba(255, 255, 255, 0.541) inset; */
    text-decoration: none;
  }

  .dropdown-item:hover {

    background-color: none;
    box-shadow: 0 -100px 0 0 rgba(255, 255, 255, 0.541) inset;
    color: white;
  }

}

.module+.module {
  padding-top: 20px;
  padding-bottom: 50px;
}

.card-img-top {
  /* width: 100%; */
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  border-radius: 25px;
}

.flexslider .slides>li {
  width: 250px;
  margin-right: 2rem;
  float: left;
  display: block;
  border-radius: 25px;

}

.flex-viewpoint {

  overflow: hidden;
  position: relative;

}

.teasergrafik-box {
  border-radius: 25px;
  overflow: hidden;
  max-width: 250px;
}

.flexslider .slides img {
  transition: all .3s ease-in-out;
}

.flexslider .slides li:hover img{
  transform: scale(1.1);
}

.carousel li {
  color: #000;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.c-gallery__lightbox {
  display: block;
  transition: all .2s ease-in-out;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.headlines-slider {
  height: 270px;
  width: 250px;
  border: 3px solid var(--ci-blau);
  border-radius: 25px;
  margin: -13rem 0px 0 2rem;
}

.headlines-slider h2 {

  font-size: 15px;
  font-weight: 650;
  margin: 13.5rem 0 0 0;
  color: var(--ci-blau);

}

.slider h1 {

  font-size: 30px;
  font-weight: 650;
  text-align: center;
  margin-bottom: 2rem;

}

.colored-hover {

  background-color: var(--ci-blau-alpha);
  width: 250px;
  height: 250px;
  border-radius: 25px;
  position: absolute;
  z-index: 99;
  margin-top: -15.6rem;

}

.colored-hover p {

  font-size: 12px;
  text-align: left;
  padding: 1rem;
  color: white;
  font-weight: 650;

}

.svg-inline--fa.fa-arrow-up.fa-w-14 {
  width: 3rem;
  height: 3rem;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  border-radius: 50%;
  border: 5px solid var(--ci-blau);
  margin: 0 2rem 2rem 0;
  background-color: white;
  padding: 0.5rem;
}

.svg-inline--fa.fa-arrow-up.fa-w-14:hover {
  cursor: pointer;
}

.back-top-top {
  color: var(--ci-blau);
}

.dropdown-menu.show {
  display: none;
}



li.dropdown.nav-item:hover .dropdown-menu {
  display: block;
  background-color: var(--ci-oragne);
  text-align: center;
  border: none;
  top: 1rem;
  width: 10.95rem;
  border-radius: 0 0 25px 25px;
  padding-top: 1.5rem;
  z-index: -1;

}

.dropdown-menu li {
  font-size: 12px;

}

.ml--15 {
  margin-left: -15px;
}

.slides li:hover .colored-hover {

  transform: translateY(0);
  transition: .3s ease-in-out;

}

.colored-hover {

  transform: translateY(-270px);

}

.svg-inline--fa.fa-chevron-right.fa-w-10,
.svg-inline--fa.fa-info-circle.fa-w-10 {
  color: var(--ci-blau);
  background-color: white;
  margin: 1rem;
  height: 2rem;
  width: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  bottom: 0;
  right: 0;
  position: absolute;
  display: block;
}

div.leistungsspektrum-button,
div.leistungsspektrum-button a {
  display: flex;
  align-items: center;
  color: #fff;
}
div.leistungsspektrum-button svg.svg-inline--fa.fa-cinfo-circle.fa-w-10 {
  position: relative;
  margin: 0 1rem 0 0;
}

.kachel-wrapper.kachel-team {

  width: 59%;
  margin-left: -7rem;

}

.kachel-team .kachel-blue {

  right: 0;
  position: absolute;
  width: 52%;
  border-radius: 25px 0 0 25px;
}

.team-image {
  border-radius: 0 25px 25px 0;
}

.kachel-wrapper h2 strong {

  color: #fff;

}


.kachel-wrapper {
  width: 56%;
  
}

.kachel-wrapper h1 {
  padding-left: 7rem;
}

.kachel-wrapper strong {
  font-weight: 600;
}

.kachel-blue {
  background-color: var(--ci-blau);
  border-radius: 0 25px 25px 0;
  padding: 3rem 7rem;
  color: #fff;
}

.kachel-blue h2 {
  font-weight: 200;
}

.fb {
  width: 51%;
  background-repeat: no-repeat;
  border-radius: 25px 0 0 25px;
  background-size: cover;
  height: calc(100% - 2rem);
  max-height: 320px;
  position: absolute;
  right: 0;
}

.fb-team {
  width: 51%;
  background-repeat: no-repeat;
  border-radius: 0 25px 25px 0;
  background-size: cover;
  height: calc(100% - 2rem);
  max-height: 320px;
  position: absolute;
  left: 0;
  z-index: 9;
  transition: all .3s ease-in-out;
}
.fb-team:hover{
  transform: scale(1.05);
}

.fb-team iframe {
  width: 100%;
  height: inherit;
  border-radius: 0 15px 15px 0;
  min-height: 320px;
}

@media only screen and (max-width: 1024px) {
  .kachel-wrapper {
    width: calc(100% + 8rem);
  }

  .fb,
  .fb-team {
    width: calc(100% + 8rem);
    position: relative;
    height: 350px;
    margin-top: -2rem;
    margin-left: 5rem;
  }
  .intro .d-flex,
  .intro-team .d-flex {
    display: block !important;
  }
}


a {

color: #000;
text-decoration: none;

}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--ci-blau);
}

@media only screen and (max-width: 1700px) {

  .kachel-wrapper {
    width: 57%;
  }

  .fb {

    margin-top: 8rem;
    width: 53%;

  }

  .kachel-wrapper.kachel-team {
    width: 62%;
  }

}

@media only screen and (max-width: 1405px) {

.fb {

  margin-top: 12rem;
width: 56%;

}

div.container_kontakt{

  margin-top: 25rem;

}

}

@media only screen and (max-width: 1275px) {

  .kachel-wrapper.kachel-team {

    width: 67%;

  }

  .fb-team {

    width: 54%;

  }

}

@media only screen and (max-width: 1025px) {

  .kachel-wrapper {
    width: 95%;
  }

  .fb {
    margin-top: -5rem;
    width: 85%;
    margin-left: 22rem;
  }

  .fb-team {
    width: 90%;
    margin-left: -7rem;
    margin-top: 2rem;
  }

  .kachel-wrapper.kachel-team {
    width: 110%;
    margin-top: -7rem;
  }

  div.container_kontakt {

    margin-top: 28rem;

  }

  .kachel-team .kachel-blue {
    right: 0;
    position: absolute;
    width: 75%;
    border-radius: 25px 0 0 25px;
  }

}

@media only screen and (max-width: 825px) {

  .fb {
    margin-top: -6rem;
    width: 80%;
    margin-left: 25rem;
  }

  .kachel-wrapper.kachel-team {
    width: 115%;
  }

  .fb-team {
    width: 100%;
    margin-left: -7rem;
    margin-top: 2rem;
  }

}

@media only screen and (max-width: 700px)  {

  .fb {
    margin-top: -2rem;
    width: 100%;
    margin-left: 10rem;
  }

  .fb-team {
    width: 130%;
margin-left: -6rem;
margin-top: 2rem;
  }

  .kachel-wrapper.kachel-team {
    width: 120%;
  }

  .kachel-team .kachel-blue {
    right: 0;
    position: absolute;
    width: 90%;
    border-radius: 25px 0 0 25px;
  }

}

@media only screen and (max-width: 640px) {

  .kachel-wrapper {
    width: 120%;
  }

.fb {

  margin-left: 10rem;
}

.flexslider ul {

margin-bottom: 20px;

}

}

@media only screen and (max-width: 550px) {

  .kachel-wrapper {
    width: 140%;
  }

  .fb {

    width: 150%;

  }

  .fb-team {
    width: 130%;
    margin-left: -6rem;
    margin-top: 2rem;
  }

  .kachel-wrapper.kachel-team {
    width: 135%;
  }

  div.container_kontakt {

    margin-top: 30rem;

  }

}

@media only screen and (max-width: 500px) {

  .kachel-wrapper, .kachel-wrapper.kachel-team {
    width: 175%;
  }

  .kachel-team .kachel-blue {
    right: 0;
    position: absolute;
    width: 110%;
    border-radius: 25px 0 0 25px;
  }

  .fb-team {
    width: 160%;
    margin-left: -10rem;
    margin-top: 2rem;
  }

  .fb {

margin-left: 5rem;

  }

  .kachel-wrapper h1 {
    padding-left: 7rem;
    padding-right: 10rem;
  }

}

@media only screen and (max-width: 478px) {

  .colored-hover {
    transform: translateY(-325px);
  }

  .teasergrafik-box {

    width: 250px;

  }

  .colored-hover {
    width: 250px;
    height: 250px;
    margin-top: -15.7rem;
  }

  .svg-inline--fa.fa-chevron-right.fa-w-10 {
    height: 3rem;
    width: 3rem;
   
  }

  .colored-hover p {
    font-size: 14px;
    text-align: left;
    padding: 1rem;
    color: white;
    font-weight: 650;
  }

  .fb-team {


    width: 180%;

  }

  div.container_kontakt{

    margin-top: 32rem;
  }

  .kachel-wrapper h1 {
    padding-left: 4rem;
  }

  .kachel-blue p, .kachel-blue h2 {

    margin-left: -3rem;

  }
}

@media only screen and (max-width: 375px){
  div.container_kontakt{
    margin-top: 38rem;
  }
}


.header-left p, .header-left a, .header-right p, .header-right a  {

  align-items: initial;
  line-height: 1.2;
  display: flex;

}

.detail-images {
  transition: all .3s ease-in-out;
  transform: scale(1);
  right: -4.4rem;
  position: relative;
  text-align: right;
}

@media (max-width: 580px){
  .detail-images {
    right: auto;
    text-align: center;
  }
}
.detail-images:hover {
  transform: scale(1.05);
}


.team-subsite footer{

margin-top: 25rem;
  
}

.team-map {

margin-bottom: 20rem;

}

@media only screen and (min-width: 800px) {

  .flexslider.carousel{

    margin: 0 0 6rem 0;
  
  }

}

.flex-direction-nav a.flex-next::before {
  content: '\f002';
  background-color: var(--ci-blau);
  border-radius: 140px 0 0 140px;
  width: 50px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 7px;
  position: relative;
}

.flex-direction-nav a.flex-prev::before {
  background-color: var(--ci-blau);
  border-radius: 0 140px 140px 0;
  width: 50px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -7px;
  position: relative;
}

.flex-control-paging li a.flex-active {
  background: var(--ci-blau);

  cursor: default;
}
.downloads-flex {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.downloads ul {
  padding: 0;
  width: 100%;
  min-width: 350px;
  max-width: 500px;
}

.downloads li {
  border: 3px solid var(--ci-blau);
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1rem;
  height: 120px;
  padding: 1rem;
  border-radius: 25px;
}

.downloads li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.downloads a .svg-inline--fa {
  font-size: 2rem;
  display: block;
  color: red;
}

.downloads ul li:first-child {
  border: none;
  padding: 0;
  height: auto;
  justify-content: left;
  font-weight: bold;
  font-size: 1.2rem;
  color: var(--ci-blau);
}

#kontakt p {
  display: flex;
  align-items: center;
}

#kontakt a {
  color: #fff;
}

#map {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
#map strong {
  margin: 1rem;
}
#map a{
  color: var(--ci-blau);
  cursor: pointer;
}

.navbar-expand-xxl .navbar-nav {
  align-items: flex-start;
}

#important-news {
  margin: .5rem 0 4rem 0;
  border: 2px solid var(--ci-blau-alpha);
  padding: 1rem;
  box-shadow: 0px 5px 10px 0 rgba(31, 156, 218, .25);
}

#important-news h1{
  margin-top: 0;
}

.leistungsspektrum_detail_subheadline h2 {
  hyphens: auto;
}

.sh {
  display: block;
background-color: var(--ci-oragne);
text-align: center;
border: none;
top: 1rem;
width: 10.95rem;
border-radius: 0 0 25px 25px;
padding-top: 1.5rem;
z-index: -1;
}