@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) {
  .header {
    background-color: rgba(213, 207, 253, 0.6);
  }
  .header.original .logo {
    width: 225px;
  }
  .stickyheader .header .logo {
    width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .header .logo {
    width: 140px;
  }
}
.mod_navigation.mainmenu ul.level_1 li:last-child {
  margin-right: 0;
}

.header.cloned .mainmenu ul li a.trail.a-level_1,
.header.cloned .mainmenu ul li a.active.a-level_1 {
  color: rgb(97, 11, 3);
}

.stickyheader .mod_navigation.mainmenu ul.level_1 li a:hover {
  color: #000;
}

@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;
}

.image_container .caption {
  position: absolute;
  z-index: 2;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  display: block;
  line-height: 1;
  font-size: 0.8rem;
}
.image_container .caption details {
  display: flex;
  max-width: 100%;
  min-width: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 3px;
}
.image_container .caption summary {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  min-height: 1.75rem;
  height: auto;
  min-width: 1.75rem;
  margin: 0;
  padding: 0.2rem 0.55rem;
  cursor: pointer;
  list-style: none;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1;
  user-select: none;
}
.image_container .caption summary::-webkit-details-marker {
  display: none;
}
.image_container .caption summary::marker {
  content: "";
}
.image_container .caption summary:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.image_container .caption .caption-mark {
  display: block;
  flex: none;
  font-size: 1rem;
  line-height: 1;
  transform: translateY(0.1em);
}
.image_container .caption .caption-text {
  display: none;
  min-width: 0;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.3;
  transform: translateY(0.1em);
}
.image_container .caption details[open] summary {
  padding: 0.2rem 0.7rem 0.2rem 0.55rem;
}
.image_container .caption details[open] .caption-text {
  display: inline;
}