/* body font-face  */

@font-face {
  font-display: swap; 
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; 
  font-family: 'SourceSans3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/SourceSans3-Regular') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nunito-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/nunito-sans-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
  scroll-behavior: auto !important;
}

body {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    background-color: #efefef;
}

.header {
  background-color: #e4e4e4;
  padding: 40px;
}

.header-consent {
  color: #8c8c8c;
  background-color: #e4e4e4;
  padding: 5px;
  font-size: 0.8rem;
}

/* Navigation */

.nav-pills .nav-link.active {
    background-color: transparent;
    border: 1px solid #e2007b;
    color: #e2007b;
    border-radius: 0;
}

.nav-link {
  color: rgb(71, 71, 71) !important;
}

.nav-link:hover {
  color: #e2007b !important;
}

.nav-link.active {
  color: #e2007b !important;
}

.nav-link.active:hover {
  color: #0087cc !important;
  border: 1px solid #0087cc !important
}

/* Sections Background Colors */

#portfolio {
  background-color: #efefef;
}

/* Section Portfolio */

.text-color {
  color: #434343 !important;
}

.text-info {
  color: #f29504 !important;
}

.text-warning {
  color: #e2027b !important;
}
.text-success {
  color: #009fe2 !important;
}

@media (max-width: 768px) {
  .header-text {
    margin-top: 25px;
    padding-left: 25px;
  }
  .header-overview {
    font-size: 1.20rem;
  }
}

.header-text {
  line-height: 30px;
}

.showcase .showcase-text {
  padding: 2rem;
  background-color: #e4e4e4;
}
.showcase .showcase-img {
  min-height: 28rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 5.5rem;
  }
}

/* Fontawesome Size and Colors */

.fa-2xl {
  font-size: 5rem;
}

.icon-phone {
  color: #bd007c;

}

/* Kontakt */

.text-style {
  text-decoration: none;
}

/* Footer */

#footer {
  background-color: #e4e4e4;
}

.text-color-footer {
  color: #c6c7c8 !important;
}

.text-fontsize-footer {
  font-size: 1.15rem;
} 

/* Buttons Datenschutz und Impressum */

.btn-outline-danger {
  border: 1px solid #e2007b;
  color: #e2007b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-outline-danger:hover, .btn-outline-danger:active:focus {
  border: 1px solid #e2007b;
  background-color: #e2007b;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}