:root {
  --hauptfarbe: #131E29;
  --zweitfarbe : #EDDFD5;
  --textfarbe: #fff;

}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  
  font-display: swap;
  src: url(/package/external/googlefonts/Roboto.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



body {
  font-family: 'Roboto';
  padding-bottom: 3rem;
  color: var(--textfarbe);
  font-size: 20px;
  font-weight: 200;
  background-color: var(--hauptfarbe);
 
}

.container {

  max-width: 1200px;

}

a {
  color: var(--textfarbe);
  text-decoration: underline;
}

a:hover {
  color: var(--textfarbe);
  text-decoration: underline;
}



.ppvg-btn {
  background-color: var(--hauptfarbe);
  border-color: var(--zweitfarbe);
  color:var(--zweitfarbe);
  margin: 10px;

}

.ppvg-btn:active, .ppvg-btn:focus, .ppvg-btn:hover {
  background-color: var(--zweitfarbe) !important;
  border-color: var(--hauptfarbe) !important;
  color: var(--hauptfarbe);
}


.ppvg-back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}

.btn-back-to-top {
  background-color: var(--zweitfarbe);
  border-color: var(--hauptfarbe);
  color:var(--hauptfarbe);
  margin: 10px;
}

.btn-back-to-top:active, .btn-back-to-top:focus, .btn-back-to-top:hover {
  background-color: var(--hauptfarbe) !important;
  border-color: var(--zweitfarbe) !important;
  color: var(--zweitfarbe);
}

.ppvg-badge {

    font-size: 1em;
    background-color: var(--zweitfarbe) !important;
    border-color: var(--zweitfarbe);
    color: var(--hauptfarbe);
    font-weight: 200;

}

.ppvg-img-logo {

  max-width:400px;

}

.ppvg-img-navlogo {

  max-height:75px;

}

.ppvg-img-navlogo-navshrink {

  
  max-height: 50px;
  max-width: 140px;

}

.ppvg-quote {
    
    margin-top: -10px;
    margin-bottom: -50px;
    font-weight: bold;
    font-size:100px;
    color:white;
    font-family: "Times New Roman", Georgia, Serif;
    
}

.ppvg-listgroup {
  --bs-list-group-color: white !important;
  --bs-list-group-bg: var(--hauptfarbe) !important;
  
}
  

.ppvg-bg-hauptfarbe {

  background-color: var(--hauptfarbe);
  color: #fff !important;

}

.ppvg-bg-zweitfarbe {

  background-color: var(--zweitfarbe);

}

.ppvg-bg-transparent {

  background: rgba(237,222,213,0.9);
  
}

.ppvg-text-justify {
    
  /* text-align: justify !important;
  text-justify: inter-word; */
    
    
}

.ppvg-navbar-border {

  border-bottom: 2px solid var(--zweitfarbe);

}

.ppvg-navbar-text {

  color: var(--textfarbe) !important;

}

.ppvg-icons {
  
    color: var(--hauptfarbe) !important;

}



.fixed-top-2 {

  margin-top: 35px;

}

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

  .fixed-top-2 {

    margin-top: 0px;
  
  }

}

.ppvg-menu-nofocus {

  outline: 0 !important;
  box-shadow: none !important;

}

.ppvg-toggler {
 border: 0;
 color: var(--hauptfarbe) !important;

}

.navbar {
  --bs-navbar-padding-y: 0 !important;

}






.card {

  border-color: var(--zweitfarbe) !important;
}

.card-header {
  
  border-bottom: var(--bs-card-border-width) solid var(--zweitfarbe) !important;

}

.card-footer {
  
  border-top: var(--bs-card-border-width) solid var(--zweitfarbe) !important;

}

.carousel {

  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;

}




.carousel-item {
 
    height: 56rem;
    
  
}



.carousel-caption {
    z-index: 20;
    font-size: 3rem; 
    right: 5%;
    left: 60%;
    bottom: 10%;

    max-width: 50%;
}







.ppvg-c-top {

  
  bottom: 15%;


}









.carousel-item video {
        
  position: absolute;
  top: 30%;
  left: 50%;
  min-width: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-30%);
  -moz-transform: translateX(-50%) translateY(-30%);
  -webkit-transform: translateX(-50%) translateY(-30%);
  transform: translateX(-50%) translateY(-30%);   
  
}

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

  .carousel-item video {

    position: absolute;
    top: 25%;
    left: 10%;
    -ms-transform: translateX(-40%) translateY(-40%);
    -moz-transform: translateX(-40%) translateY(-40%);
    -webkit-transform: translateX(-40%) translateY(-40%);
    transform: translateX(-40%) translateY(-40%);

  }

}


#barrierefreiheit, #impressum, #datenschutz {

  margin-top: 100px;

}

#leistungen, #krankheitsbilder, #behandlung, #vorteile, #uebermich, #kosten {
  scroll-margin-top: 100px;
  
}

.blockquote-footer {

  color: var(--textfarbe) !important; 
}

.scroll-downs {
  position: absolute;
  
  right: 0;
  bottom: 120px;
  left: 0;
  margin: auto;
  
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 3px solid var(--zweitfarbe);
  border-radius: 25px;
  background-color: var(--hauptfarbe);
  
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--zweitfarbe);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}