@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/templates/rst-tempalte/fonts/Inter_18pt-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url("/templates/rst-tempalte/fonts/Inter_18pt-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url("/templates/rst-tempalte/fonts/Manrope-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url("/templates/rst-tempalte/fonts/Manrope-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
body {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  color: #4a4949;
  line-height: 24px;
  display: block;
  text-shadow: none;
  display: block; }

html {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  color: #4a4949;
  line-height: 24px;
  display: block;
  text-shadow: none;
  hyphens: auto; }

/* 
::-moz-selection { background: $color-font; color: #fff!important; }
::selection { background: $color-font; color: #fff!important; }
*/
a {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  color: #4a4949;
  line-height: 32px; }

h1 {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 4rem;
  color: #182D55;
  line-height: 4.6rem;
  display: block;
  text-shadow: none;
  margin-bottom: 40px; }

h2 {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 2rem;
  color: #182D55;
  line-height: 2.6rem;
  margin-bottom: 30px;
  text-transform: uppercase; }
  h2 span.lightblue {
    color: #214C9B; }

h3 {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 1.4rem;
  color: #182D55;
  line-height: 2.0rem;
  margin-bottom: 30px;
  text-transform: uppercase; }
  h3 span.lightblue {
    color: #214C9B; }

.padding-top5 {
  padding-top: 5%; }

.padding-bottom5 {
  padding-bottom: 5%; }

.padding-top40 {
  padding-top: 40px; }

.padding-bottom40 {
  padding-bottom: 40px; }

.font-white .sppb-addon-title {
  color: #ffffff; }
.font-white .sppb-addon-content {
  color: #ffffff; }

a.button-dunkelblau {
  margin-top: 20px;
  padding: 12px 20px;
  background-color: #182D55;
  color: #ffffff;
  text-decoration: none; }
  a.button-dunkelblau:hover {
    -webkit-box-shadow: 7px 7px 0px 0px #80ba27 !important;
    box-shadow: 7px 7px 0px 0px #80ba27 !important; }

a.button-blau {
  margin-top: 20px;
  padding: 12px 20px;
  background-color: #214C9B;
  color: #ffffff;
  text-decoration: none; }
  a.button-blau:hover {
    -webkit-box-shadow: 7px 7px 0px 0px #80ba27 !important;
    box-shadow: 7px 7px 0px 0px #80ba27 !important; }

.background-blau {
  background-color: #182D55; }

.background-hellblau {
  background-color: #EFF2F9; }

.site-main {
  margin-top: 120px; }

.aktuelle-termine-veranstaltungen .item {
  margin-bottom: 10px;
  border-bottom: 1px solid #182D55;
  width: fit-content; }
  .aktuelle-termine-veranstaltungen .item span {
    font-weight: bold; }

.mod-articlesnews-horizontal li figure img {
  width: 100%;
  height: 280px;
  object-fit: cover; }

.aktuelles-page {
  padding-top: 80px; }
  .aktuelles-page .aktuelles-page-items .aktuelles-page-item figure img {
    width: 100%;
    height: 280px;
    object-fit: cover; }

.site-header {
  position: fixed;
  top: 0px;
  z-index: 999999;
  background-color: #ffffff;
  width: 100%;
  -webkit-box-shadow: 0px 0px 13px 2px #8A8A8A;
  box-shadow: 0px 0px 13px 2px #8A8A8A; }
  .site-header .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center; }
  .site-header a.site-brand {
    padding: 18px 0px; }
    .site-header a.site-brand img {
      width: 160px;
      height: auto; }
  .site-header nav.site-nav {
    display: flex;
    align-items: center; }
  .site-header.scrolled a.site-brand {
    padding: 18px 0px; }
    .site-header.scrolled a.site-brand img {
      width: 100px;
      height: auto; }

.sidenav ul {
  position: fixed;
  top: 40%;
  right: -155px;
  z-index: 999999;
  display: flex;
  flex-direction: column; }
  .sidenav ul li {
    right: 0px;
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 10px; }
    .sidenav ul li:hover {
      right: 155px;
      position: relative;
      transition: all 0.5s ease-out; }
      .sidenav ul li:hover a {
        background-color: #182D55; }
    .sidenav ul li a {
      background-color: #214C9B;
      border-radius: 15px;
      padding: 5px 15px;
      width: 100%;
      text-decoration: none;
      color: #ffffff;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .sidenav ul li a img {
        width: 50px;
        height: auto;
        margin-right: 10px; }

.site-footer {
  padding: 0px; }
  .site-footer .footer1 {
    padding-top: 2rem;
    padding-bottom: 15px;
    background-color: #214C9B;
    background-image: url("/images/template-dateien/footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff; }
    .site-footer .footer1 a {
      color: #ffffff; }
  .site-footer .footer2 {
    background-color: #182D55;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px; }
    .site-footer .footer2 #mod-menu116 {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
      .site-footer .footer2 #mod-menu116 li {
        margin-left: 20px; }
        .site-footer .footer2 #mod-menu116 li a {
          color: #ffffff;
          text-decoration: none; }