/*
	
*/

@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);


body {
/*!  padding-top: 56px; */
  background-color: #f6f6f6;
  font-family: 'Titillium Web', sans-serif !important;
  color: #514d45;
  letter-spacing: 0.0125em;
}

.navbar {
	background-color: #ffffff !important;
	font-size: 1.25rem;
	font-weight: 400;

}

	
.navbar ul li {
	padding-left: 0.5em;
	color: #2e2b23;
}

.btn-primary {
	margin-left: 1.5em;
	color: #2e2b23;
	border: 0;
	background-color: #E8B300 !important;
}

.btn-primary:hover {
	margin-left: 1.5em;
	color: #2e2b23;
	border: 0;
	background-color: #B58C00 !important;
}

 

@media (min-width: 320px) and (max-width: 480px){
	
.leistungen {
    background: url('../assets/zahnarzt-praxis-dr-wagner_bg_leistungen_xs_dark.jpg') !important;
    background-position: center center !important;
  }

}


@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) ;
  }
  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw) ;
  }
  h3, .h3 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
  h4, .h4 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw) ;
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw) ;
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw) ;
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
  .close {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}


.bg-cover {
    background-size: cover !important;
}


.text-highlight {
    color: #E8B300 !important;
}

.text-highlight hr {
    background-color: #E8B300 !important;
    border: 0.5px solid;
}

.text-primary {
    color: #514d45 !important;
}

.text-secondary {
    color: #b0aba2 !important;
}

.text-secondary-500 {
    color: #b0aba2 !important;
}

.text-secondary-600 {
    color: #868178 !important;
}

.text-secondary-700 {
    color: #716c64 !important;
}

.text-secondary-800 {
    color: #514d45 !important;
}

.text-secondary-900 {
    color: #2e2b23 !important;
}

.font-light {
	font-weight: 200;
}

.font-regular-300 {
	font-weight: 300;
}

.font-regular-400 {
	font-weight: 400;
}

dd {
	font-weight: 300 !important;
}


.box-header {
  color: #514d45;
  display: inline-block;
  padding: 8px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: solid transparent;
  background-color: #ffffff;
}

.box-navigation {
  color: #514d45;
  display: inline-block;
  padding: 8px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: solid transparent;
  background-color: #E8B300;
}


.text-intro h5 {
line-height: 2rem;
letter-spacing: 0.025em;
}

a[href^="tel"] {
  color: #514d45 !important; /* Inherit text color of parent element. */
  text-decoration: none !important; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

a, a:visited {
  text-decoration: none !important;
}


a:focus,a:hover {
 text-decoration:none;
 -webkit-transition:.3s ease;
 -o-transition:.3s ease;
 transition:.3s ease
 text-decoration: underline !important;
}




.mini-footer {
 background:#E8B300;
 text-align:center;
 padding:32px 0
}

footer {
	background-color: #b0aba2 !important;
	}

.text-footer-light {
	 color:#f9f9f2;
}

.footer-menu ul li a {
 font-size:1.25rem;
 line-height:2rem;
 font-weight: 300;
 letter-spacing: 0.05em;
 color:#f9f9f2;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
}

.footer-menu ul li {
 list-style:none;
 padding-bottom: 0.5em;
}

.footer-menu ul li a:hover {
 color:#dadad3;
}