body {
    position: relative; /*damit scrollspy aktiven Menuepunkt hervorhebt */
    font-family: 'source-sans-pro-v14-latin', sans-serif;
}

.navbar {
    border-bottom: 1px solid #efefef;
}

/* DropdownMenuhover Hintergrundfarbe*/

.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0;
    border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #999;
  text-decoration: none;
  background-color: #efefef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #a2a2a2;
  text-decoration: none;
  background-color: #efefef;
}
/*
html {
  scroll-behavior: smooth;
}
*/
/* Hintergrundbilder */

#startbild-home {
background: url('../img/dr-Denfeld-1920x823px.jpg') no-repeat top right;
background-attachment: local;  /*statt fixed*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    background-position:bottom;
/*    height: auto;
    width: auto; */
}

@media (min-width: 992px) { 
        #startbild-home {
background: url('../img/dr-Denfeld-1920x823px.jpg') no-repeat top left;
        background-attachment: local;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
        background-position: center;
            min-height: 500px;
        }                   
}

@media (min-width: 1400px) { 
  #startbild-home {
background: url('../img/dr-Denfeld-2480x823px.jpg') no-repeat top left;
  background-attachment: local;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
  background-position: bottom;
      min-height: 500px;
/*     height: auto;
  width: auto; */
  }                   
} 


#startbild-leistung {
background: url('../img/karussell1920x823px.jpg') no-repeat top right;
background-attachment: local;  /*statt fixed*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    background-position:bottom;
/*    height: auto;
    width: auto; */
}

@media (min-width: 768px) { 
        #startbild-leistung {
background: url('../img/karussell1920x823px.jpg') no-repeat top left;
        background-attachment: local;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
        background-position: center;
            min-height: 600px;
   /*     height: auto;
        width: auto; */
        }                   
}

#startbild-hals {
background: url('../img/giraffe-02-1920-823px.jpg') no-repeat top right;
background-attachment: local;  /*statt fixed*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    background-position:bottom;
/*    height: auto;
    width: auto; */
}

@media (min-width: 768px) { 
        #startbild-hals {
background: url('../img/giraffe-02-1920-823px.jpg') no-repeat top left;
        background-attachment: local;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
        background-position: bottom;
            min-height: 600px;
   /*     height: auto;
        width: auto; */
        }                   
}

#startbild-nase {
background: url('../img/pinocchio1920x823px.jpg') no-repeat top right;
background-attachment: local;  /*statt fixed*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    background-position:left;
  /*  height: auto;
     width: auto; */
}

@media (min-width: 768px) { 
        #startbild-nase {
background: url('../img/pinocchio1920x823px.jpg') no-repeat top left;
        background-attachment: local;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
        background-position: bottom;
            min-height: 600px;
   /*     height: auto;
        width: auto; */
        }                   
}

#startbild-ohr {
background: url('../img/stimmgabel-1920x823px.jpg') no-repeat top right;
background-attachment: local;  /*statt fixed*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
    background-position:bottom;
/*    height: auto;
    width: auto; */
}

@media (min-width: 768px) { 
        #startbild-ohr {
background: url('../img/stimmgabel-1920x823px.jpg') no-repeat top left;
        background-attachment: local;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
        background-position: bottom;
            min-height: 600px;
   /*     height: auto;
        width: auto; */
        }                   
}

/* Cards Ursache und Abhilfe */
.card-ursache{
    background-color: #c5ebe7; /* #f0e68c; */
}
.card-abhilfe{
    background-color: #99c3d4;/*#9ec6bb;*/
}


/* Sprungmarken */
#home, #leistung, #hals, #nase, #ohr, #team, #praxis, #kontakt,
#sprung-01, #sprung-02, #sprung-03, #sprung-04, #sprung-05,
#sprung-06, #sprung-07, #sprung-08, #sprung-09, #sprung-10{
  padding-top: 40px;
}

/* Carousel Icons */

.carousel-control-prev-icon {
  background-image: url();
}

.carousel-control-next-icon {
   background-image: url();
}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFF;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .3;
  transition: opacity 0.6s ease;
}


/* Back to Top */

#back-to-top{
    background-color:rgba(63,159,191,.6); 
    margin:0;
    position:fixed;
    bottom:0;
    right:0;
    width:48px;
    height:48px;
    z-index:99;
    display: none;
    -webkit-transition:background .2s linear 0s;
    -moz-transition:background .2s linear 0s;
    -o-transition:background .2s linear 0s;
    transition:background .2s linear 0s;
}

#back-to-top:hover
{background-color:rgba(63,159,191,.8);
}

#back-to-top i{
    font-size:16px;
    color:#FFF;
    position:absolute;
    left:50%;top:50%;
    margin-top:-7px;
    line-height:1em;
    margin-left:-7px;
}


/* Typografie - im Desktop größer als im Handy */

@media (min-width: 768px) {
    .kopf .display-5
        {
            font-size: 2.5rem;
            font-weight: 300;
            line-height: 1.3;
        }                   
    .kopf h3
        {
            font-size: 3rem; /* h2 2.0rem */
            font-weight: 300;
            line-height: 1.3;
        }
    .kopf h5
        {
            font-size: 1.5rem; /* h5 1.25rem */
            font-weight: 300;
            line-height: 1.3;
        }
    .title .display-5
        {
            font-size: 3.5rem; /* h3 1.25rem */
            font-weight: 300;
            line-height: 1.3;
        }
}

/* Typografie */

.display-5 {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.3;
}
.display-6 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.3;
}

/* impressum typo */
#footer .lastrowlinks a {
    color: #ddd;
    font-size: small;
    text-decoration: none;
}


/* Menü auf mobile verstecken */

@media (max-width: 768px) {
  .navbar .fixed-top
  {
    position: relative;
  }
  .navbar-toggler
      {
          display: none;
      }  
    }