/* FDGrün 69b65f FDgrauschwarz 242220 */


@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/package/external/fonts/Montserrat-Regular.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: "Montserrat";
  padding-bottom: 3rem;
  color: #fff;
  font-size: 18px;
  background-color: #242220;
  
}


p {

  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 

}

a {
  color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #69b65f;
  text-decoration: underline;
}



.dv-text-justify {
    
  text-align: justify !important;
  text-justify: inter-word;
    
    
}


.dv-btn  {
  background-color: transparent !important;
  /* border-color: #69b65f; */
  color: #fff;

	
}

.dv-btn:hover  {
	
  background-color: #69b65f !important;
  border-color: #69b65f;
  color: #fff;
	
}


.dv-btn a  {
	

  color: #fff;
	
}







.dv-btn2  {
  background-color: transparent !important;
  border-color: #69b65f;
  color: #69b65f;

	
}

.dv-btn2:hover  {
	
  background-color: #fff !important;
  border-color: #69b65f;
  color: #69b65f;
	
}


.dv-btn2 a  {
	

  color: #69b65f;
	
}


.dv-img-logofd {
 	
	width: 210px !important;
	
}

.dv-img-logo {
 	
	max-width: 110px;
	
}

@media screen and (max-width: 768px) {

  .dv-img-logo {
 	
    max-width: 50px;
    
  }

}

.dv-navbar-toggler .navbar-toggler-icon {
  /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(78,26,13, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); */
}

.dv-navbar-toggler.navbar-toggler {
  border: 0;
  color: #fff;
} 




.dv-back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.btn-back-to-top {
  background-color: #69b65f;
  border-color: #fff;
  color: #fff;
  margin: 10px;
}

.btn-back-to-top:active, .btn-back-to-top:focus, .btn-back-to-top:hover {
  background-color: #fff !important;
  border-color: #69b65f !important;
  color: #69b65f;
}


.dv-badge  {
font-size: 1em;
background-color: #ffd500 !important;
border-color: #69b65f;
color: #69b65f;

}


.dv-navbar {
    
    
    
    color: #69b65f !important;
    
  
    
}

.dv-menu-nofocus {

  outline: 0 !important;
  box-shadow: none !important;

}

.dv-navbar-white {
    
    
  background-color:#fff !important;
  border-bottom: 20px solid #69b65f; 
  

  
}

.dv-navbar-fd {
    
    
  background-color:#242220 !important;
  border-bottom: 5px solid #69b65f; 
  

  
}

.dv-akm-background-color {
    
    
  background-color: #69b65f !important;
  
  
  
  
}

.dv-navlink {
    
    color: #69b65f !important;
    
}

.dv-headline {
    
    line-height: 180%;
    
}


.dv-headline2 {

  color: #69b65f;
  font-size: 35px;
  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  line-height: 80px;

}

.dv-headline3 {

  
  color: #69b65f;
  font-size: 20px;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  
  
}




header.masthead .intro-text {
  padding-top: 100px;
  padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
  color: #69b65f;
  font-size: 30px;
  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  line-height: 60px;
  margin-top:45%; 
    
  
  }

header.masthead .intro-text .intro-heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 25px;
  
  
  }

@media (min-width: 768px) {
	
header.masthead {
  height: 100vh;
  min-height: 550px;  
  background-position: left center;
  
}	
	
  header.masthead .intro-text {
    /*padding-top: 300px;
    padding-bottom: 200px; */
      padding-top: 100px;
  padding-bottom: 100px;
  }
  header.masthead .intro-text .intro-lead-in {
    font-size: 60px;
    
    line-height: 140px;
    margin-top: 20%; 
      
  
  }
  header.masthead .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
    
  
  }
}



#mainNav.navbar-shrink {
	background-color: #fff !important;
	color: #69b65f;
	
  }

#mainNav .navbar-toggler {
  
  right: 0;
  padding: 15px;
  
  color: #69b65f;
  border: 0;
  background-color: transparent;
  
  
  }  
  
#mainNav .navbar-toggler-color {
  
  padding: 15px;
  
  right: 0;
  
  
  color: #69b65f;
  border: 0;
  background-color: transparent;
  
  } 




  .carousel {

    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  
  }
  
  
  
  
  .carousel-item {
   
      height: 46rem;
      
    
  }
  
  .dv-carouselcontainer {
      
      
      
      
      
  }

  
  
  .carousel-caption {
    bottom: 2rem;
    z-index: 10;
  }
  
  .carousel-caption {
      z-index: 20;
      /* background:rgba(239,236,205,0.8); */
      color: #fff !important;  
      font-size: 3rem; 
      right: 5%;
      left: 60%;
      bottom: 50%;
      margin-right: 20px;
      max-width: 100%;
  }
  
  
  @media screen and (max-width: 768px) {
  
    .carousel-caption {
      font-size: 3rem; 
      right: 5%;
      left: 5%;
      bottom: 10% ;
  
  }
  
  }




  .dv-c-top {

    
    bottom: 15%;
    text-shadow: 2px 2px #69b65f;

}


@media screen and (max-width: 768px) {

  .dv-c-top {
    
    bottom: 15%;

}

}







  
.carousel-item img {
    
        
  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 img {
    position: absolute;
    top: 40%;
    left: 30%;
    
    -ms-transform: translateX(-30%) translateY(-40%);
    -moz-transform: translateX(-30%) translateY(-40%);
    -webkit-transform: translateX(-30%) translateY(-40%);
    transform: translateX(-30%) translateY(-40%); 
}
}



.nav-link {

  color: #fff !important;

}

.nav-link:hover {

  color: #69b65f !important;

}

.navbar-nav .nav-link.active {

  color: #69b65f !important;

} 

.accordion-item {

  background-color: #242220;
  color: #fff;
}

.accordion-button {

  background-color: #242220;
  color: #69b65f;
}

.accordion-button:not(.collapsed) {

  background-color: #242220;
  color: #69b65f;
}


.accordion-button-white.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.accordion-button-white:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button {

  font-size: 1.25rem;

}

.dv-img-portrait {
 -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); 
  
}

#team {

  scroll-margin-top: 80px;

}

#faq {

  scroll-margin-top: 80px;

}

#leistungen {

  scroll-margin-top: 80px;

}

#stellenangebote {

  scroll-margin-top: 80px;

}

#standorte {

  scroll-margin-top: 80px;

}

#krankheitsbilder, #kontakte, #weblinks {

  scroll-margin-top: 80px;

}


.card, .card-header,.card-img-top, .form-control, .btn, .modal-content {

  border-radius: 0 !important;

}



.card {

  background-color: #69b65f;

}


.maxi-button-bottom-right {
  
  bottom: 120px !important;
}


.fd-zoom {


min-height:400px;
  object-fit: cover;


}