html {
  scroll-behavior: smooth;
}

@media (min-width: 300px) {
  .symbole {
    width: 40px;
  }
}

@media (min-width: 992px) {
  .symbole {
    width: 40px;
  }
}

@media (min-width: 1200px) {
  .symbole {
    width: 50px;
  }
}

.symbole.pfeil-links {
  margin-left: 30px;
}

.symbole.pfeil-rechts {
  margin-right: 30px;
}

@media (min-width: 300px) {
  .pfeil-rechts-navigation-unterseiten-zweizeiler {
    float: right;
    margin-top: -22%;
  }
}

@media (min-width: 768px) {
  .pfeil-rechts-navigation-unterseiten-zweizeiler {
    float: right;
    margin-top: -12%;
  }
}

@media (min-width: 992px) {
  .pfeil-rechts-navigation-unterseiten-zweizeiler {
    float: right;
    margin-top: -28%;
  }
}

@media (min-width: 1200px) {
  .pfeil-rechts-navigation-unterseiten-zweizeiler {
    float: right;
    margin-top: -2%;
  }
}

.ueberschrift-trichter {
  color: #fffb5f;
}

.link-paragraph {
  margin-top: -13px;
}

.link-team {
  color: #767b80!important;
  text-decoration: none!important;
}

.img-fluid.mt-3.mb-5.trichter-grafik {
  width: 100%;
}

.abstand-nach-unten {
  margin-bottom: 120px;
}

@media (min-width: 768px) {
  .trichter-bild {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .trichter-bild {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler.spezialabstand-nav2-dienstleistungen {
    margin-top: -21%;
  }
}

@media (min-width: 768px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler.spezialabstand-nav2-dienstleistungen {
    margin-top: -16%;
  }
}

@media (min-width: 992px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler.spezialabstand-nav2-dienstleistungen {
    margin-top: -37%;
  }
}

@media (min-width: 1200px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler.spezialabstand-nav2-dienstleistungen {
    margin-top: 0%;
  }
}

@media (min-width: 300px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler {
    float: right;
    margin-top: -40%;
  }
}

@media (min-width: 678px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler {
    float: right;
    margin-top: -16%;
  }
}

@media (min-width: 992px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler {
    float: right;
    margin-top: -26%;
  }
}

@media (min-width: 1200px) {
  .pfeil-rechts-navigation-unterseiten-dreizeiler {
    float: right;
    margin-top: 0%;
  }
}

@media (min-width: 300px) {
  .pfeil-rechts-navigation {
    float: right;
    margin-top: -21%;
  }
}

@media (min-width: 576px) {
  .pfeil-rechts-navigation {
    float: right;
    margin-top: -13%;
  }
}

@media (min-width: 768px) {
  .pfeil-rechts-navigation {
    float: right;
    margin-top: -11%;
  }
}

@media (min-width: 992px) {
  .pfeil-rechts-navigation {
    float: right;
    margin-top: -16%;
  }
}

@media (min-width: 1200px) {
  .pfeil-rechts-navigation {
    float: right;
    margin-top: unset;
  }
}

@media (min-width: 300px) {
  .nach-unten-row {
    display: none;
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .nach-unten-row {
    display: unset;
    margin-bottom: 30px;
  }
}

@media (min-width: 300px) {
  .pfeil-unten {
    margin-bottom: 30px;
  }
}

.nav-link {
  color: var(--gray)!important;
  z-index: 9999;
  font-size: 1.2em;
  margin-right: 10px;
  font-weight: 600;
}

.nav-link.active, .nav-link:hover {
  /*color: white!important;*/
  color: #fffb5f!important;
}

.navbar-light .navbar-toggler {
  color: #fffb5f!important;
  outline: none!important;
  font-size: 2em;
}

@media (min-width: 300px) {
  .logo {
    width: 120px;
  }
}

@media (min-width: 768px) {
  .logo {
    width: 200px;
  }
}

.paragraph-hell {
  color: #fffb5f!important;
}

@media (min-width: 300px) {
  .claim {
    position: absolute;
    right: 25%;
    top: 10px;
    width: 80px;
  }
}

.link:hover {
  color: white;
}

@media (min-width: 992px) {
  .claim {
    position: absolute;
    right: 20%;
    top: 30px;
    width: 100px;
  }
}

@media (min-width: 1200px) {
  .claim {
    position: absolute;
    right: 40px;
    top: 30px;
    width: 150px;
  }
}

.navbar {
  top: 0;
  z-index: 999;
}

.navbar-expand-md .navbar-nav {
  margin-left: 50px;
}

@media (min-width: 300px) {
  .inhaltskolonne-rechts {
    padding-top: 80px;
    background-color: #222;
    height: auto;
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .inhaltskolonne-rechts {
    background-color: #222;
    top: 0!important;
    height: 100%!important;
  }
}

.inhaltszeilen-rechts {
  margin-bottom: 30px;
}

@media (min-width: 300px) {
  .inhalts-row-rechts {
    height: auto;
  }
}

@media (min-width: 1200px) {
  .inhalts-row-rechts {
    height: 100%;
  }
}

.feld-rechts {
  background-color: #000;
  height: 80px;
}

@media (min-width: 300px) {
  .hauptthemen, .modal-themen {
    font-size: 1.8em;
  }
}

@media (min-width: 768px) {
  .hauptthemen, .modal-themen {
    font-size: 2.5em;
  }
}

@media (min-width: 992px) {
  .hauptthemen, .modal-themen {
    font-size: 2.5em;
  }
}

@media (min-width: 1200px) {
  .hauptthemen, .modal-themen {
    font-size: 2.5em;
  }
}

.modal-title.modal-themen {
  font-weight: 800;
  color: #fffb5f;
}

.hintergrund-bleiben {
  z-index: 0!important;
}

.navbar-background {
  background-color: black;
  /*top: -20px;*/
  /*padding-top: 20px;*/
  /*padding-bottom: 20px;*/
  z-index: 9999!important;
}

@media (max-width: 767px) {
  .col.home-right {
    background-image: none!important;
  }
}

@media (min-width: 300px) {
  .home-fullhight {
    /*position: absolute;*/
    top: 20px;
    height: auto;
    /*height: 100vh;*/
    width: 100%;
  }
}

@media (min-width: 768px) {
  .home-fullhight {
    position: absolute;
    top: 0;
    height: calc(100vh - 60px);
    /*height: 100vh;*/
    width: 100%;
  }
}

@media (min-width: 992px) {
  .home-fullhight {
    position: absolute;
    top: 0;
    /*height: calc(100vh - 60px);*/
    height: 100vh;
    width: 100%;
  }
}

@media (min-width: 300px) {
  .row.headline {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .row.headline {
    margin-top: 22%;
  }
}

@media (min-width: 992px) {
  .row.headline {
    margin-top: 16%;
  }
}

@media (min-width: 300px) {
  .headline-text {
    font-weight: 800!important;
    font-size: 1.5em;
  }
}

@media (min-width: 576px) {
  .headline-text {
    font-weight: 800!important;
    font-size: 2.2em;
  }
}

@media (min-width: 768px) {
  .headline-text {
    font-weight: 800!important;
    font-size: 2em;
  }
}

@media (min-width: 992px) {
  .headline-text {
    font-size: 2.8em;
  }
}

@media (min-width: 1200px) {
  .headline-text {
    font-size: 3.6em;
  }
}

@media (min-width: 300px) {
  .abschnitte-capital {
    font-size: 1.2em;
    letter-spacing: .1em;
    font-weight: 600;
    color: white!important;
  }
}

@media (min-width: 1200px) {
  .abschnitte-capital {
    font-size: 1.6em;
  }
}

.left-right-sidelink-container {
  margin-top: 50px;
}

.sidelink-left {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background-color: #222;
}

@media (min-width: 300px) {
  .sidelink-right {
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-color: rgba(0,0,0,0);
    z-index: 0;
  }
}

@media (min-width: 768px) {
  .sidelink-right {
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-color: #000;
  }
}

.korrektur-nach-oben-pfeil {
  margin-bottom: 100px!important;
}

.looper {
  animation: perspect 8s infinite linear;
}

@keyframes perspect {
  0% {
    transform: perspective(300px) rotateY(0deg);
  }
  25% {
    transform: perspective(300px) rotateY(90deg);
  }
  50% {
    transform: perspective(300px) rotateY(180deg);
  }
  75% {
    transform: perspective(300px) rotateY(270deg);
  }
  100% {
    transform: perspective(300px) rotateY(360deg);
  }
}

.row.nach-unten-row {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
}

@media (min-width: 300px) {
  .nach-oben-row {
    position: relative;
    width: 100%;
    margin-top: 700px;
    z-index: 0;
  }
}

@media (min-width: 400px) {
  .nach-oben-row {
    position: relative;
    width: 100%;
    margin-top: 550px;
    z-index: 0;
  }
}

@media (min-width: 576px) {
  .nach-oben-row {
    position: relative;
    width: 100%;
    margin-top: 300px;
    z-index: 0;
  }
}

@media (min-width: 768px) {
  .nach-oben-row {
    position: absolute;
    width: 100%;
    margin-top: 300px;
    z-index: 0;
  }
}

@media (min-width: 992px) {
  .nach-oben-row {
    position: absolute;
    width: 100%;
    margin-top: -120px;
    z-index: 0;
  }
}

@media (min-width: 300px) {
  .next-page {
    height: 100vh;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .next-page {
    height: 100vh;
    margin-top: calc(100vh - 80px);
  }
}

.next-page-kontakt {
  /*height: calc(100vh - 60px);*/
  /*margin-top: -60px;*/
}

.span-andere-schrift {
  font-weight: 900!important;
}

@media (min-width: 1200px) {
  .bild-groesser {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .bild-vergroessern {
    width: 80%;
  }
}

.jen-optik {
  width: 50%;
}

.fa.fa-long-arrow-down, .material-icons {
  color: #fffb5f;
  font-size: 3em;
}

.fas.fa-funnel-dollar {
  font-size: 5em;
  color: #fffb5f;
}

.folgeseite {
  height: auto;
}

.kontaktseite {
  position: absolute;
  top: 0;
  /*margin-top: 0;*/
  height: calc(100vh - 60px);
}

@media (min-width: 300px) {
  .inhalts-kolonne-rechts {
    /*background-color: #222;*/
    padding-bottom: 100px;
  }
}

@media (min-width: 992px) {
  .inhalts-kolonne-rechts {
    /*background-color: #222;*/
  }
}

@media (max-width: 991px) {
  .inhalts-kolonne-rechts-dunkel {
    margin-top: -100px;
  }
}

.team-seite {
  margin-top: -50px;
  padding-bottom: 150px!important;
}

@media (min-width: 300px) {
  .inhalt-container-links, .inhalt-container-rechts {
    margin-top: 100px;
  }
}

@media (min-width: 992px) {
  .inhalt-container-links, .inhalt-container-rechts {
    margin-top: 200px;
  }
}

.inhalt-container-rechts.folgecontainer {
  margin-top: 120px;
}

@media (min-width: 992px) {
  .inhalt-referenzen {
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {
  .inhalt-referenzen {
    margin-top: 200px;
  }
}

@media (min-width: 300px) {
  .pfeil-unternehmen {
    float: right;
    margin-top: -36%;
  }
}

@media (min-width: 380px) {
  .pfeil-unternehmen {
    float: right;
    margin-top: -23%;
  }
}

@media (min-width: 576px) {
  .pfeil-unternehmen {
    margin-top: -16%;
  }
}

@media (min-width: 768px) {
  .pfeil-unternehmen {
    margin-top: -12%;
  }
}

@media (min-width: 992px) {
  .pfeil-unternehmen {
    margin-top: -20%;
  }
}

@media (min-width: 1200px) {
  .pfeil-unternehmen {
    margin-top: 0;
  }
}

@media (min-width: 300px) {
  .next-page-unterseiten {
    margin-top: 50px;
  }
}

@media (min-width: 380px) {
  .next-page-unterseiten {
    margin-top: 80px;
    /*margin-top: calc(100vh + 300px);*/
  }
}

@media (min-width: 576px) {
  .next-page-unterseiten {
    /*margin-top: calc(100vh + 260px);*/
  }
}

@media (min-width: 768px) {
  .next-page-unterseiten {
    margin-top: calc(100vh + 150px);
  }
}

@media (min-width: 992px) {
  .next-page-unterseiten {
    margin-top: calc(100vh - 60px);
  }
}

.farbfeld {
  background-color: #fffb5f;
  margin-left: 20px;
  max-height: 13px;
  margin-top: 6px;
}

.untertitel-modal {
  font-size: 1.4em!important;
}

@media (min-width: 300px) {
  .untertitel {
    font-size: 1.2em;
    font-weight: 800;
    /*width: 340px;*/
  }
}

.liste-cs {
  list-style: none;
}

.liste-cs li::before {
  content: "\2022";
  color: #fffb5f;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.untertitel-casestudies {
  color: #fffb5f;
}

.subtitel {
  color: #ccc;
}

@media (min-width: 768px) {
  .untertitel {
    font-size: 1.4em;
    font-weight: 800;
    /*width: 340px;*/
  }
}

@media (min-width: 992px) {
  .untertitel {
    font-size: 1.5em;
    font-weight: 800;
  }
}

@media (min-width: 1200px) {
  .untertitel {
    font-size: 1.6em;
    font-weight: 800;
  }
}

@media (min-width: 300px) {
  .abschnitt-rechts {
    position: relative;
    width: auto;
    z-index: 1;
    left: 20%;
    /*overflow: hidden!important;*/
  }
}

@media (min-width: 576px) {
  .abschnitt-rechts {
    position: relative;
    width: auto;
    max-width: 300px!important;
    left: 30%;
    /*overflow: hidden!important;*/
  }
}

@media (min-width: 992px) {
  .abschnitt-rechts {
    position: relative;
    width: 300px;
    left: 50%;
    /*overflow: hidden!important;*/
  }
}

@media (min-width: 1200px) {
  .abschnitt-rechts {
    position: relative;
    width: 300px;
    left: 70%;
    /*overflow: hidden!important;*/
  }
}

@media (min-width: 300px) {
  .abschnitt-rechts-next-site, .abschnitt-rechts-next-site:hover {
    float: right;
    margin-right: 50%!important;
    margin-top: 12%;
    min-width: 290px!important;
    text-decoration: none;
  }
}

@media (min-width: 576px) {
  .abschnitt-rechts-next-site, .abschnitt-rechts-next-site:hover {
    float: right;
    margin-right: 40%!important;
    margin-top: 6%;
    min-width: 400px!important;
    text-decoration: none;
  }
}

@media (min-width: 768px) {
  .abschnitt-rechts-next-site, .abschnitt-rechts-next-site:hover {
    float: right;
    margin-right: 40%!important;
    min-width: 550px;
    margin-top: 7%;
    text-decoration: none;
  }
}

@media (min-width: 992px) {
  .abschnitt-rechts-next-site, .abschnitt-rechts-next-site:hover {
    float: right;
    margin-right: 60%!important;
    margin-top: 12%;
    text-decoration: none;
    min-width: 360px!important;
  }
}

@media (min-width: 1200px) {
  .abschnitt-rechts-next-site, .abschnitt-rechts-next-site:hover {
    margin-top: unset;
    margin-right: 40%!important;
    text-decoration: none;
  }
}

@media (min-width: 300px) {
  .abschnitt-links {
    margin-left: -100px;
  }
}

@media (min-width: 768px) {
  .abschnitt-links {
    margin-left: -100px;
  }
}

@media (min-width: 992px) {
  .abschnitt-links {
    margin-left: -120px;
  }
}

@media (min-width: 1200px) {
  .abschnitt-links {
    margin-left: -150px;
  }
}

@media (min-width: 300px) {
  .abschnitte.text-abschnitt {
    max-width: 600px;
  }
}

@media (min-width: 992px) {
  .abschnitte.text-abschnitt {
    max-width: 300px;
  }
}

.untertitel.text-abschnitt {
  /*position: absolute;*/
  /*float: left;*/
  width: 100%;
  min-width: 100%;
}

.liste-aktuell {
  font-size: 1.2em;
}

.abschnitte {
  color: white;
  font-size: 1.2em;
}

.grosser-abstand-nach-unten {
  margin-bottom: 30%;
}

.link-footer-home {
  margin-top: 60px;
  margin-bottom: 80px;
}

.link-footer-home a, .link-footer-home a:hover {
  color: white!important;
  text-decoration: none;
}

.fa.fa-circle {
  float: left;
  font-size: 50px;
  margin-top: -14px;
}

@media (min-width: 300px) {
  .links-footer-home {
    font-size: 0.85em;
    margin-left: -26px;
    z-index: 9999;
    cursor: pointer;
    padding: 10px 5px 20px 0;
  }
}

@media (min-width: 1200px) {
  .links-footer-home {
    font-size: 1em;
    margin-left: -26px;
  }
}

.titel-unterseiten {
  margin-top: 100px;
}

@media (min-width: 300px) {
  .inhaltskolonne-links {
    margin-bottom: 20%;
  }
}

@media (min-width: 768px) {
  .inhaltskolonne-links {
    margin-bottom: unset;
    margin-top: 150px!important;
  }
}

@media (min-width: 992px) {
  .inhaltskolonne-links {
    margin-bottom: 12%;
    margin-top: unset!important;
  }
}

@media (min-width: 1800px) {
  .inhaltskolonne-links {
    margin-bottom: 100px;
  }
}

.span-float-right {
  /*float: right;*/
  font-size: 0.8em;
  color: #ccc;
  text-align: right;
}

.img-fluid.teamfoto {
  margin-top: 60px;
}

.linie {
  border: 1px solid #fffb5f;
  width: 50px;
  /*float: left;*/
  margin-left: 40px;
  margin-top: 15%;
}

.link {
  float: left;
  color: #767b80;
}

.adress-block {
  margin-left: 40px;
  float: left;
  color: white;
  max-width: 220px;
}

.navbar-toggler {
  border: 0px;
}

.navbar-light .navbar-toggler-icon {
  background-image: unset!important;
}

.navbar-light .navbar-brand {
  margin-left: 20px;
  margin-right: 40px;
}

.link-gelb, .link-gelb:hover {
  color: #fffb5f;
  text-decoration: none;
}

.philips-logo {
  width: 55%;
}

.referenzbilder-container {
  background-color: white!important;
}

.close, .close:hover {
  font-weight: 200!important;
  font-size: 3em;
  color: white;
}

.modal-header {
  border-bottom: 0;
}

#case-studie-1, #case-studie-2, #case-studie-3 {
  margin-top: 100px!important;
  padding-bottom: 100px!important;
}

.modal-content {
  border-radius: 0;
  background-color: #222222;
  color: white;
}

.tooltip {
  background-color: #fffb5f;
  padding: 5px;
}

@media (min-width: 300px) {
  .carousel-item {
    height: 250px;
  }
}

@media (min-width: 1200px) {
  .carousel-item {
    height: 300px;
  }
}

@media (min-width: 1600px) {
  .carousel-item {
    height: 200px;
  }
}

.link-case-studies {
  font-size: 0.7em;
  color: var(--gray);
}

.link-cs {
  cursor: pointer;
}

.link-cs:hover {
  text-decoration: none;
}

.text-secondary {
  color: white!important;
  font-size: 1em!important;
}

.case-studie-link {
  cursor: pointer;
}

.fa.fa-file {
  position: absolute;
  margin-top: -15px;
  margin-left: -15px;
  color: #fffb5f;
  font-size: 3.5em!important;
}

.heading-cards {
  color: #fffb5f;
}

.link-cs {
  display: none;
}

.z-index-korrektur {
  z-index: 1!important;
}

.legende {
  float: right;
}

.credentials-p {
  /*border: 1px solid #fffb5f;*/
  background-color: #222222;
}

.fa.fa-file {
  margin-top: -20px;
}

#datenschutz {
  z-index: 9999;
}

.img-fluid.portrait-aktuell-ralph {
  width: 50%;
  max-width: 220px;
}

@media (min-width: 992px) {
  .img-fluid.akutell-bild-oben {
    width: 50%;
  }
}