@charset "UTF-8";
/* customize.css — generiert aus scss/styles.scss · Build: npm run build:css · Im Layout nach styles.css einbinden */
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html,
body {
  font-family: "Fira Sans", system-ui, sans-serif;
}

#wrapper {
  font-family: "Fira Sans", system-ui, sans-serif;
}

input,
textarea,
select,
button {
  font-family: inherit;
}

.font_serif,
.font-serif,
.font_serif_2,
.font-serif-2,
.font_sans_serif,
.font_sans-serif,
.font_monospace,
.font-monospace {
  font-family: "Fira Sans", system-ui, sans-serif !important;
}

.customFont1,
.customFont2 {
  font-family: "Fira Sans", system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.ce_revolutionslider_text.bold,
.font_headline,
.font_headline_2 {
  font-family: "Fira Sans", system-ui, sans-serif;
  font-weight: 700;
}

.page_no_hero .header {
  background-color: #d5cefc;
}
.page_no_hero .header .mainmenu ul li a {
  color: #1a40c6;
}
.page_no_hero .header .mainmenu ul li a:hover {
  color: #000;
}

.bg-customColor1 .ce_countup * {
  color: rgb(0, 0, 0);
}

.mod_article:not([class*=bg-]):not([class*=color-]) p, .mod_article:not([class*=bg-]):not([class*=color-]) a, .mod_article:not([class*=bg-]):not([class*=color-]) h1, .mod_article:not([class*=bg-]):not([class*=color-]) h2, .mod_article:not([class*=bg-]):not([class*=color-]) h3, .mod_article:not([class*=bg-]):not([class*=color-]) h4, .mod_article:not([class*=bg-]):not([class*=color-]) h5, .mod_article:not([class*=bg-]):not([class*=color-]) h6, .mod_article:not([class*=bg-]):not([class*=color-]) .h1, .mod_article:not([class*=bg-]):not([class*=color-]) .h2, .mod_article:not([class*=bg-]):not([class*=color-]) .h3, .mod_article:not([class*=bg-]):not([class*=color-]) .h4, .mod_article:not([class*=bg-]):not([class*=color-]) .h5, .mod_article:not([class*=bg-]):not([class*=color-]) .h6,
.mod_article:not([class*=bg-]):not([class*=color-]) td, .mod_article:not([class*=bg-]):not([class*=color-]) th {
  color: rgb(0, 0, 0);
}
.mod_article:not([class*=bg-]):not([class*=color-]) .txt-color-white,
.mod_article:not([class*=bg-]):not([class*=color-]) .txt-color-white *,
.mod_article:not([class*=bg-]):not([class*=color-]) [data-color=white],
.mod_article:not([class*=bg-]):not([class*=color-]) [data-color=white] * {
  color: rgb(255, 255, 255);
}

.mod_article.bg-second p, .mod_article.bg-second a, .mod_article.bg-second h1, .mod_article.bg-second h2, .mod_article.bg-second h3, .mod_article.bg-second h4, .mod_article.bg-second h5, .mod_article.bg-second h6, .mod_article.bg-second .h1, .mod_article.bg-second .h2, .mod_article.bg-second .h3, .mod_article.bg-second .h4, .mod_article.bg-second .h5, .mod_article.bg-second .h6,
.mod_article.bg-second td, .mod_article.bg-second th {
  color: rgb(0, 0, 0);
}

.logo_bg-color .header .logo {
  background-color: #d5cefc;
}

@media only screen and (max-width: 767px) {
  .header {
    background-color: #d5cefc;
  }
  .header,
  .header * {
    color: #1a40c6;
  }
}
@media only screen and (min-width: 768px) {
  .stickyheader .header .logo {
    width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .header .logo {
    width: 140px;
  }
}
@media only screen and (min-width: 768px) {
  .header.original .logo {
    width: 225px;
  }
}
.mod_navigation.mainmenu ul.level_1 li:last-child {
  margin-right: 0;
}

.stickyheader .mod_navigation.mainmenu ul.level_1 li a:hover {
  color: #000;
}
.mainmenu ul ul,
#top .mod_navigation li ul {
  background-color: #d5cffd;
}

@media only screen and (max-width: 767px) {
  #mmenu {
    background-color: #d5cefc;
  }
  #mmenu,
  #mmenu * {
    color: #1a40c6;
  }
}
#top a {
  margin-left: 20px;
  margin-right: 0px;
}

.mod_newslist .content .info {
  display: none;
}

.ce_form form input,
.ce_form form select,
.ce_form form textarea {
  border-radius: 0px;
}
.ce_form form textarea {
  resize: none;
}
.ce_form form input.submit,
.ce_form form button.submit {
  color: #fff !important;
  border-radius: 40px;
}