@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/package/external/fonts/Poppins-ExtraLight.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: "Poppins";
  /* padding-top: 2rem; */
  color: #393939;
  font-size: 20px;
  background-color: #fff;
  
  
}

a {
  color: #393939;
  text-decoration: underline;
}

a:hover {
  color: #393939;
  text-decoration: underline;
}



.dv-text-justify {
    
  text-align: justify !important;
  text-justify: inter-word;
    
    
}


.dv-btn  {
	
  background-color: #393939 !important;
  border-color: #fff;
  color: #fff;
	
}

.dv-btn:hover  {
	
  background-color: #fff !important;
  border-color: #fff;
  color: #393939;
	
}


.dv-btn a  {
	

  color: #393939;
	
}


.dv-btn2  {
	
  
  border-color: #fff;
  color: #fff;
	
}

.dv-btn2:hover  {
	
  background-color: #393939 !important;
  border-color: #fff;
  color: #fff;
	
}


.dv-btn2 a  {
	

  color: #fff;
	
}

.dv-img-logo {
 	
 	max-height: 80px;
	max-width: 400px;
	
}

.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: #393939;
  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: #393939 !important;
  color: #393939;
}



  .dv-navbar {
      
      
      background-color: #393939 !important;
      
      
      
      
  }

.dv-navlink {
    
    color: #fff !important;
    
}






.cover-container {
  max-width: 42em;
}


.dv-menu-nofocus {

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

}


.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px; 
}



.dv-navborder-bottom {

  border-bottom: 2px solid #fff;

} 

/* ////////////////////////////////////////////////////////////////Beginn Headerfoto */

.dv-img-header {

  height: 100vh;
  min-height: 500px;
  background-image: url('/package/corporate/images/header/header_nicole_schaeffer_friseurin_2024.jpg');
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;

}

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

  .dv-img-header {
    background-position: 20%; 
}
}


/* ////////////////////////////////////////////////////////////////Ende Headerfoto */




/* ////////////////////////////////////////////////////////////////Beginn Scrollaufforderung */

.scroll-downs {
  position: absolute;
  
  right: 0;
  bottom: 100px;
  left: 30%;
  margin: auto;
  
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 3px solid #fff;
  border-radius: 25px;
  
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  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;}
}

/* ////////////////////////////////////////////////////////////////Ende Scrollaufforderung */



/* ////////////////////////////////////////////////////////////////Beginn Offcanvas */

.offcanvas {

  background-color: #393939;

}


/* ////////////////////////////////////////////////////////////////Ende Offcanvas */



#uebermich, #impressionen {

  scroll-margin-top: 80px;

}