/* ==========================================================================
   Header
   ========================================================================== */
#sp-header.menu-fixed {
    background: rgba(200, 180, 155) !important;
}
#sp-header {
    background-color: #8aa8bd !important;
}
/* ==========================================================================
   Base Typography
   - Font-Family wird nur einmal definiert und vererbt
   ========================================================================== */
body {
	font-family: 'Fira Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #0f0d1d;
	line-height: 24px;
	text-decoration: none;
}

/* Headings - gemeinsame Eigenschaften */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Fira Sans', sans-serif;
  color: #0f0d1d;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0.06rem;
}

a {
    color: #89b21c;
}

a:hover {
    color: #3e5768;
}

#sp-footer #sp-footer1 .sp-copyright {
    font-family: "Fira Sans","sans-serif";
    font-weight: 400;
}
#sp-bottom {
    padding: 0px 0; important;
}
.btn.btn-primary,.btn.btn-secondary {
    font-family: "Fira Sans" !important;
}

.com-users.layout-logout .logouthome .controls>button {
    font-family: "Fira Sans" !important;

}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span
 {
    opacity: 0.9;
}

.burger-icon > span {
    background-color: #89b21c;
}
.offcanvas-menu .close-offcanvas .burger-icon > span {
    background-color: #89b21c;
}
.burger-icon > span {
    height: 4px;
}

/* Megamenu */
#sp-header .sp-megamenu-parent .sp-menu-item a {
    font-family: "Fira Sans" !important;
    font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.05 em;
}

.view-article .article-info span, .view-category .article-info span {
    text-transform: uppercase;
    font-family: "Fira sans";
    font-weight: 400;
}
.article-info {
    align-items: center;
}

.one-service-item .sppb-media-content {
    margin-top: 60px;
}

/* Heading-spezifische Größen */
h1, .h1 { font-family: 'Fira Sans', sans-serif; font-size: 48px; line-height: 54px; font-weight: 700; }
h2, .h2 { font-family: 'Fira Sans', sans-serif; font-size: 36px; line-height: 48px; font-weight: 700; }
h3, .h3 { font-family: 'Fira Sans', sans-serif; font-size: 28px; line-height: 36px; font-weight: 600; }
h4, .h4 { font-family: 'Fira Sans', sans-serif; font-size: 24px; line-height: 30px; font-weight: 500; }
h5, .h5 { font-family: 'Fira Sans', sans-serif; font-size: 18px; line-height: 24px; font-weight: 500; }
h6, .h6 { font-family: 'Fira Sans', sans-serif; font-size: 16px; line-height: 22px; font-weight: 500; }

/* fira-sans-300 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v18-latin-300.woff2') format('woff2');
}
/* fira-sans-300italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/fira-sans-v18-latin-300italic.woff2') format('woff2');
}
/* fira-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: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v18-latin-regular.woff2') format('woff2');
}
/* fira-sans-italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v18-latin-italic.woff2') format('woff2');
}
/* fira-sans-500 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v18-latin-500.woff2') format('woff2');
}
/* fira-sans-500italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fira-sans-v18-latin-500italic.woff2') format('woff2');
}
/* fira-sans-600 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v18-latin-600.woff2') format('woff2');
}
/* fira-sans-600italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fira-sans-v18-latin-600italic.woff2') format('woff2');
}
/* fira-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: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v18-latin-700.woff2') format('woff2');
}
/* fira-sans-700italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fira-sans-v18-latin-700italic.woff2') format('woff2');
}
/* fira-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: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fira-sans-v18-latin-800.woff2') format('woff2');
}
/* fira-sans-800italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/fira-sans-v18-latin-800italic.woff2') format('woff2');
}
/* fira-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: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/fira-sans-v18-latin-900.woff2') format('woff2');
}
/* fira-sans-900italic - 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: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/fira-sans-v18-latin-900italic.woff2') format('woff2');
}