@charset "UTF-8";
/*-----------------------------------------------------------------------------

  ATTENTION! This is the parent-theme's file. Your work will be lost by the 
  next update!

  Wouldn't you prefer to use one of our child themes and be update-safe?

-----------------------------------------------------------------------------*/
/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v30-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-condensed-v30-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto-condensed-v30-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto-condensed-v30-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/roboto-condensed-v30-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v48-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v48-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-v48-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto-v48-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "communalix";
  src: url("../fonts/communalix.eot?8196136");
  src: url("../fonts/communalix.eot?8196136#iefix") format("embedded-opentype"), url("../fonts/communalix.woff2?8196136") format("woff2"), url("../fonts/communalix.woff?8196136") format("woff"), url("../fonts/communalix.ttf?8196136") format("truetype"), url("../fonts/communalix.svg?8196136#communalix") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "communalix";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-alert-circle-01:before {
  content: "\e800";
} /* '' */
.icon-archive-01:before {
  content: "\e801";
} /* '' */
.icon-arrow-down-01:before {
  content: "\e802";
} /* '' */
.icon-arrow-down-circle-01:before {
  content: "\e803";
} /* '' */
.icon-arrow-down-right-01:before {
  content: "\e804";
} /* '' */
.icon-arrow-down-left-01:before {
  content: "\e805";
} /* '' */
.icon-arrow-right-circle-01:before {
  content: "\e806";
} /* '' */
.icon-arrow-right-01:before {
  content: "\e807";
} /* '' */
.icon-arrow-left-01:before {
  content: "\e808";
} /* '' */
.icon-arrow-up-right-01:before {
  content: "\e809";
} /* '' */
.icon-arrow-up-left-01:before {
  content: "\e80a";
} /* '' */
.icon-arrow-up-01:before {
  content: "\e80b";
} /* '' */
.icon-at-sign-01:before {
  content: "\e80c";
} /* '' */
.icon-arrow-left-circle-01:before {
  content: "\e80d";
} /* '' */
.icon-arrow-up-circle-01:before {
  content: "\e80e";
} /* '' */
.icon-bar-chart-01:before {
  content: "\e80f";
} /* '' */
.icon-award-01:before {
  content: "\e810";
} /* '' */
.icon-book-open-01:before {
  content: "\e811";
} /* '' */
.icon-box-01:before {
  content: "\e812";
} /* '' */
.icon-book-01:before {
  content: "\e813";
} /* '' */
.icon-camera-01:before {
  content: "\e814";
} /* '' */
.icon-calendar-01:before {
  content: "\e815";
} /* '' */
.icon-check-square-01:before {
  content: "\e816";
} /* '' */
.icon-briefcase-01:before {
  content: "\e817";
} /* '' */
.icon-bookmark-01:before {
  content: "\e818";
} /* '' */
.icon-chevron-down-01:before {
  content: "\e819";
} /* '' */
.icon-bell-01:before {
  content: "\e81a";
} /* '' */
.icon-check-circle-01:before {
  content: "\e81b";
} /* '' */
.icon-check-01:before {
  content: "\e81c";
} /* '' */
.icon-chevron-right-01:before {
  content: "\e81d";
} /* '' */
.icon-chevron-up-01:before {
  content: "\e81e";
} /* '' */
.icon-chevron-left-01:before {
  content: "\e81f";
} /* '' */
.icon-clipboard-01:before {
  content: "\e820";
} /* '' */
.icon-clock-01:before {
  content: "\e821";
} /* '' */
.icon-coffee-01:before {
  content: "\e822";
} /* '' */
.icon-columns-01:before {
  content: "\e823";
} /* '' */
.icon-compass-01:before {
  content: "\e824";
} /* '' */
.icon-download-01:before {
  content: "\e825";
} /* '' */
.icon-edit-2-01:before {
  content: "\e826";
} /* '' */
.icon-filter-01:before {
  content: "\e827";
} /* '' */
.icon-flag-01:before {
  content: "\e828";
} /* '' */
.icon-film-01:before {
  content: "\e829";
} /* '' */
.icon-globe-01:before {
  content: "\e82a";
} /* '' */
.icon-grid-01:before {
  content: "\e82b";
} /* '' */
.icon-heart-01:before {
  content: "\e82c";
} /* '' */
.icon-map-pin-01:before {
  content: "\e82d";
} /* '' */
.icon-home-01:before {
  content: "\e82e";
} /* '' */
.icon-link-01:before {
  content: "\e82f";
} /* '' */
.icon-map-01:before {
  content: "\e830";
} /* '' */
.icon-layers-01:before {
  content: "\e831";
} /* '' */
.icon-printer-01:before {
  content: "\e832";
} /* '' */
.icon-message-square-01:before {
  content: "\e833";
} /* '' */
.icon-more-horizontal-01:before {
  content: "\e834";
} /* '' */
.icon-send:before {
  content: "\e835";
} /* '' */
.icon-phone-01:before {
  content: "\e836";
} /* '' */
.icon-more-vertical-01:before {
  content: "\e837";
} /* '' */
.icon-smile-01:before {
  content: "\e838";
} /* '' */
.icon-table-01:before {
  content: "\e839";
} /* '' */
.icon-users-01:before {
  content: "\e83a";
} /* '' */
.icon-sidebar-01:before {
  content: "\e83b";
} /* '' */
.icon-trash-2-01:before {
  content: "\e83c";
} /* '' */
.icon-zoom-in-01:before {
  content: "\e83d";
} /* '' */
.icon-user-01:before {
  content: "\e83e";
} /* '' */
.icon-zoom-out-01:before {
  content: "\e83f";
} /* '' */
.icon-x-circle-01:before {
  content: "\e840";
} /* '' */
.icon-linkedin:before {
  content: "\e841";
} /* '' */
.icon-vimeo:before {
  content: "\e842";
} /* '' */
.icon-youtube:before {
  content: "\e843";
} /* '' */
.icon-facebook:before {
  content: "\e844";
} /* '' */
.icon-users:before {
  content: "\e845";
} /* '' */
.icon-search:before {
  content: "\e846";
} /* '' */
.icon-xing:before {
  content: "\e847";
} /* '' */
.icon-social-x:before {
  content: "\e848";
} /* '' */
.icon-tiktok:before {
  content: "\e849";
} /* '' */
.icon-file-download:before {
  content: "\e84a";
} /* '' */
.icon-image:before {
  content: "\e84b";
} /* '' */
.icon-pdf:before {
  content: "\e84c";
} /* '' */
.icon-zip:before {
  content: "\e84d";
} /* '' */
.icon-swswitch:before {
  content: "\e84e";
} /* '' */
.icon-twitter:before {
  content: "\f099";
} /* '' */
.icon-quote-left:before {
  content: "\f10d";
} /* '' */
.icon-quote-right:before {
  content: "\f10e";
} /* '' */
.icon-instagram:before {
  content: "\f16d";
} /* '' */
.icon-female:before {
  content: "\f182";
} /* '' */
.icon-male:before {
  content: "\f183";
} /* '' */
.icon-child:before {
  content: "\f1ae";
} /* '' */
*, ::before, ::after {
  box-sizing: border-box;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 25px;
  padding-left: 25px;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 25px;
  padding-left: 25px;
}

.container-xxl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 25px;
  padding-left: 25px;
}
@media (min-width: 1400px) {
  .container-xxl {
    max-width: 1440px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: -25px;
  margin-left: -25px;
}

.row.g-0 {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.row.g-0 > * {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  margin-top: 0;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 4px !important;
}

.m-2 {
  margin: 8px !important;
}

.m-3 {
  margin: 12px !important;
}

.m-4 {
  margin: 16px !important;
}

.m-5 {
  margin: 20px !important;
}

.m-6 {
  margin: 24px !important;
}

.m-8 {
  margin: 32px !important;
}

.m-10 {
  margin: 40px !important;
}

.m-12 {
  margin: 48px !important;
}

.m-16 {
  margin: 64px !important;
}

.m-20 {
  margin: 80px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.mt-10 {
  margin-top: 40px !important;
}

.mt-12 {
  margin-top: 48px !important;
}

.mt-16 {
  margin-top: 64px !important;
}

.mt-20 {
  margin-top: 80px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.mb-8 {
  margin-bottom: 32px !important;
}

.mb-10 {
  margin-bottom: 40px !important;
}

.mb-12 {
  margin-bottom: 48px !important;
}

.mb-16 {
  margin-bottom: 64px !important;
}

.mb-20 {
  margin-bottom: 80px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.ml-8 {
  margin-left: 32px !important;
}

.ml-10 {
  margin-left: 40px !important;
}

.ml-12 {
  margin-left: 48px !important;
}

.ml-16 {
  margin-left: 64px !important;
}

.ml-20 {
  margin-left: 80px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mr-8 {
  margin-right: 32px !important;
}

.mr-10 {
  margin-right: 40px !important;
}

.mr-12 {
  margin-right: 48px !important;
}

.mr-16 {
  margin-right: 64px !important;
}

.mr-20 {
  margin-right: 80px !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mx-5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mx-8 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mx-10 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mx-12 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.mx-16 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.mx-20 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.my-16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.my-20 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-3 {
  padding: 12px !important;
}

.p-4 {
  padding: 16px !important;
}

.p-5 {
  padding: 20px !important;
}

.p-6 {
  padding: 24px !important;
}

.p-8 {
  padding: 32px !important;
}

.p-10 {
  padding: 40px !important;
}

.p-12 {
  padding: 48px !important;
}

.p-16 {
  padding: 64px !important;
}

.p-20 {
  padding: 80px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pt-12 {
  padding-top: 48px !important;
}

.pt-16 {
  padding-top: 64px !important;
}

.pt-20 {
  padding-top: 80px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

.pb-12 {
  padding-bottom: 48px !important;
}

.pb-16 {
  padding-bottom: 64px !important;
}

.pb-20 {
  padding-bottom: 80px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

.pl-12 {
  padding-left: 48px !important;
}

.pl-16 {
  padding-left: 64px !important;
}

.pl-20 {
  padding-left: 80px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pr-12 {
  padding-right: 48px !important;
}

.pr-16 {
  padding-right: 64px !important;
}

.pr-20 {
  padding-right: 80px !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.px-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.px-10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.px-12 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.px-16 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.px-20 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.py-20 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 4px !important;
  }
  .mt-md-2 {
    margin-top: 8px !important;
  }
  .mt-md-3 {
    margin-top: 12px !important;
  }
  .mt-md-4 {
    margin-top: 16px !important;
  }
  .mt-md-5 {
    margin-top: 20px !important;
  }
  .mt-md-6 {
    margin-top: 24px !important;
  }
  .mt-md-8 {
    margin-top: 32px !important;
  }
  .mt-md-10 {
    margin-top: 40px !important;
  }
  .mt-md-12 {
    margin-top: 48px !important;
  }
  .mt-md-16 {
    margin-top: 64px !important;
  }
  .mt-md-20 {
    margin-top: 80px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  .mb-md-3 {
    margin-bottom: 12px !important;
  }
  .mb-md-4 {
    margin-bottom: 16px !important;
  }
  .mb-md-5 {
    margin-bottom: 20px !important;
  }
  .mb-md-6 {
    margin-bottom: 24px !important;
  }
  .mb-md-8 {
    margin-bottom: 32px !important;
  }
  .mb-md-10 {
    margin-bottom: 40px !important;
  }
  .mb-md-12 {
    margin-bottom: 48px !important;
  }
  .mb-md-16 {
    margin-bottom: 64px !important;
  }
  .mb-md-20 {
    margin-bottom: 80px !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 4px !important;
  }
  .pt-md-2 {
    padding-top: 8px !important;
  }
  .pt-md-3 {
    padding-top: 12px !important;
  }
  .pt-md-4 {
    padding-top: 16px !important;
  }
  .pt-md-5 {
    padding-top: 20px !important;
  }
  .pt-md-6 {
    padding-top: 24px !important;
  }
  .pt-md-8 {
    padding-top: 32px !important;
  }
  .pt-md-10 {
    padding-top: 40px !important;
  }
  .pt-md-12 {
    padding-top: 48px !important;
  }
  .pt-md-16 {
    padding-top: 64px !important;
  }
  .pt-md-20 {
    padding-top: 80px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  .pb-md-3 {
    padding-bottom: 12px !important;
  }
  .pb-md-4 {
    padding-bottom: 16px !important;
  }
  .pb-md-5 {
    padding-bottom: 20px !important;
  }
  .pb-md-6 {
    padding-bottom: 24px !important;
  }
  .pb-md-8 {
    padding-bottom: 32px !important;
  }
  .pb-md-10 {
    padding-bottom: 40px !important;
  }
  .pb-md-12 {
    padding-bottom: 48px !important;
  }
  .pb-md-16 {
    padding-bottom: 64px !important;
  }
  .pb-md-20 {
    padding-bottom: 80px !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
  }
  .pl-md-3 {
    padding-left: 12px !important;
  }
  .pl-md-4 {
    padding-left: 16px !important;
  }
  .pl-md-5 {
    padding-left: 20px !important;
  }
  .pl-md-6 {
    padding-left: 24px !important;
  }
  .pl-md-8 {
    padding-left: 32px !important;
  }
  .pl-md-10 {
    padding-left: 40px !important;
  }
  .pl-md-12 {
    padding-left: 48px !important;
  }
  .pl-md-16 {
    padding-left: 64px !important;
  }
  .pl-md-20 {
    padding-left: 80px !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
  }
  .pr-md-3 {
    padding-right: 12px !important;
  }
  .pr-md-4 {
    padding-right: 16px !important;
  }
  .pr-md-5 {
    padding-right: 20px !important;
  }
  .pr-md-6 {
    padding-right: 24px !important;
  }
  .pr-md-8 {
    padding-right: 32px !important;
  }
  .pr-md-10 {
    padding-right: 40px !important;
  }
  .pr-md-12 {
    padding-right: 48px !important;
  }
  .pr-md-16 {
    padding-right: 64px !important;
  }
  .pr-md-20 {
    padding-right: 80px !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-md-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-md-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-md-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-md-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-md-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-md-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-md-10 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-md-12 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-md-16 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-md-20 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-md-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-md-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-md-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-md-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-md-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-md-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-md-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  .mt-lg-3 {
    margin-top: 12px !important;
  }
  .mt-lg-4 {
    margin-top: 16px !important;
  }
  .mt-lg-5 {
    margin-top: 20px !important;
  }
  .mt-lg-6 {
    margin-top: 24px !important;
  }
  .mt-lg-8 {
    margin-top: 32px !important;
  }
  .mt-lg-10 {
    margin-top: 40px !important;
  }
  .mt-lg-12 {
    margin-top: 48px !important;
  }
  .mt-lg-16 {
    margin-top: 64px !important;
  }
  .mt-lg-20 {
    margin-top: 80px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  .mb-lg-3 {
    margin-bottom: 12px !important;
  }
  .mb-lg-4 {
    margin-bottom: 16px !important;
  }
  .mb-lg-5 {
    margin-bottom: 20px !important;
  }
  .mb-lg-6 {
    margin-bottom: 24px !important;
  }
  .mb-lg-8 {
    margin-bottom: 32px !important;
  }
  .mb-lg-10 {
    margin-bottom: 40px !important;
  }
  .mb-lg-12 {
    margin-bottom: 48px !important;
  }
  .mb-lg-16 {
    margin-bottom: 64px !important;
  }
  .mb-lg-20 {
    margin-bottom: 80px !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  .pt-lg-3 {
    padding-top: 12px !important;
  }
  .pt-lg-4 {
    padding-top: 16px !important;
  }
  .pt-lg-5 {
    padding-top: 20px !important;
  }
  .pt-lg-6 {
    padding-top: 24px !important;
  }
  .pt-lg-8 {
    padding-top: 32px !important;
  }
  .pt-lg-10 {
    padding-top: 40px !important;
  }
  .pt-lg-12 {
    padding-top: 48px !important;
  }
  .pt-lg-16 {
    padding-top: 64px !important;
  }
  .pt-lg-20 {
    padding-top: 80px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  .pb-lg-3 {
    padding-bottom: 12px !important;
  }
  .pb-lg-4 {
    padding-bottom: 16px !important;
  }
  .pb-lg-5 {
    padding-bottom: 20px !important;
  }
  .pb-lg-6 {
    padding-bottom: 24px !important;
  }
  .pb-lg-8 {
    padding-bottom: 32px !important;
  }
  .pb-lg-10 {
    padding-bottom: 40px !important;
  }
  .pb-lg-12 {
    padding-bottom: 48px !important;
  }
  .pb-lg-16 {
    padding-bottom: 64px !important;
  }
  .pb-lg-20 {
    padding-bottom: 80px !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  .pl-lg-3 {
    padding-left: 12px !important;
  }
  .pl-lg-4 {
    padding-left: 16px !important;
  }
  .pl-lg-5 {
    padding-left: 20px !important;
  }
  .pl-lg-6 {
    padding-left: 24px !important;
  }
  .pl-lg-8 {
    padding-left: 32px !important;
  }
  .pl-lg-10 {
    padding-left: 40px !important;
  }
  .pl-lg-12 {
    padding-left: 48px !important;
  }
  .pl-lg-16 {
    padding-left: 64px !important;
  }
  .pl-lg-20 {
    padding-left: 80px !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  .pr-lg-3 {
    padding-right: 12px !important;
  }
  .pr-lg-4 {
    padding-right: 16px !important;
  }
  .pr-lg-5 {
    padding-right: 20px !important;
  }
  .pr-lg-6 {
    padding-right: 24px !important;
  }
  .pr-lg-8 {
    padding-right: 32px !important;
  }
  .pr-lg-10 {
    padding-right: 40px !important;
  }
  .pr-lg-12 {
    padding-right: 48px !important;
  }
  .pr-lg-16 {
    padding-right: 64px !important;
  }
  .pr-lg-20 {
    padding-right: 80px !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-lg-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-lg-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-lg-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-lg-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-lg-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-lg-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-lg-10 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-lg-12 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-lg-16 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-lg-20 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-lg-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-lg-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-lg-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-lg-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-lg-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-lg-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-lg-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
}
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.border {
  border: 1px solid #d4e38c !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #d4e38c !important;
}

.border-right {
  border-right: 1px solid #d4e38c !important;
}

.border-bottom {
  border-bottom: 1px solid #d4e38c !important;
}

.border-left {
  border-left: 1px solid #d4e38c !important;
}

.rounded {
  border-radius: 1em !important;
}

.rounded-top {
  border-top-left-radius: 1em !important;
  border-top-right-radius: 1em !important;
}

.rounded-right {
  border-top-right-radius: 1em !important;
  border-bottom-right-radius: 1em !important;
}

.rounded-bottom {
  border-bottom-right-radius: 1em !important;
  border-bottom-left-radius: 1em !important;
}

.rounded-left {
  border-top-left-radius: 1em !important;
  border-bottom-left-radius: 1em !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.shadow-sm {
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1em 3em rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

.list-unstyled {
  list-style: none;
  padding-left: 0;
}

.list-inline {
  list-style: none;
  padding-left: 0;
}

.list-inline-item {
  display: inline-block;
}

.order-first {
  order: -1 !important;
}

@media (min-width: 768px) {
  .order-md-last {
    order: 1 !important;
  }
}

.visually-hidden-focusable {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.offcanvas-menu .offcanvas-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 900;
  width: 0;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5);
}
.offcanvas-menu .offcanvas-menu-wrapper {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  background: #2d3e39;
  transition: right 0.3s ease;
  overflow: hidden;
  z-index: 1050;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px;
  background: rgba(0, 0, 0, 0.05);
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .offcanvas-title {
  margin: 0;
  font-size: 1.25em;
  font-weight: 600;
  color: #eaeed1;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close {
  border: none;
  cursor: pointer;
  border-radius: 0;
  padding: 0;
  min-width: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close .close-x {
  width: 30px;
  height: 30px;
  position: relative;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close .close-x .close-bar {
  width: 36px;
  height: 3px;
  position: absolute;
  top: 16px;
  left: -3px;
  background: #eaeed1;
  transition: transform 0.3s ease;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close .close-x .close-bar:first-child {
  transform: rotate(45deg);
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close .close-x .close-bar:last-child {
  transform: rotate(-45deg);
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close:hover .close-bar {
  background: #FFFFFF;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close:hover .close-bar:first-child {
  transform: rotate(30deg);
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-header .btn-close:hover .close-bar:last-child {
  transform: rotate(-30deg);
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-body {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 {
  list-style: none;
  padding: 25px;
  margin: 0;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item {
  border-bottom: 1px solid rgba(234, 238, 209, 0.2);
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item a,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item a,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 2em 1em 0;
  color: #eaeed1;
  text-decoration: none;
  transition: background-color 0.2s ease;
  font-weight: 500;
  position: relative;
  font-size: 1.1em;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item a:before,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item a:before,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: #FFFFFF;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item a:hover,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item a:hover,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item a:hover:before,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item a:hover:before,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item a:hover:before {
  width: 100%;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.menu-item-has-children a,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.menu-item-has-children a,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.menu-item-has-children a {
  cursor: pointer;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.menu-item-has-children a::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.menu-item-has-children a::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.menu-item-has-children a::after {
  font-family: "communalix";
  content: "\e807";
  font-size: 1.2em;
  color: #eaeed1;
  transition: transform 0.2s ease;
  right: 1em;
  position: absolute;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.menu-item-has-children a:hover::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.menu-item-has-children a:hover::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.menu-item-has-children a:hover::after {
  transform: translateX(5px);
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.backlink a,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.backlink a,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.backlink a {
  color: #eaeed1;
  padding: 0 0 3em 1.5em;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.backlink a::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.backlink a::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.backlink a::after {
  content: "\e808";
  right: auto;
  left: 0;
  font-size: 1.2em;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.backlink a::before,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.backlink a::before,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.backlink a::before {
  display: none;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-1 .menu-item.backlink a:hover::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2 .menu-item.backlink a:hover::after,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 .menu-item.backlink a:hover::after {
  transform: translateX(-5px);
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-2,
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 {
  position: absolute;
  top: 0;
  right: -100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #2d3e39;
  z-index: 10;
  transition: right 0.5s ease, opacity 0.5s ease;
  opacity: 0;
}
.offcanvas-menu .offcanvas-menu-wrapper .menu-level-3 {
  z-index: 20;
}
.offcanvas-menu .offcanvas-menu-wrapper .opened > .menu-level-2 {
  right: 0;
  opacity: 1;
}
.offcanvas-menu .offcanvas-menu-wrapper .opened > .menu-level-3 {
  right: 0;
  opacity: 1;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  background: rgba(0, 0, 0, 0.05);
  flex-direction: column;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-footer .social-links {
  justify-content: center;
  gap: 1em;
  width: auto;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-footer .social-links a.social-link {
  background: #eaeed1;
  color: #2d3e39;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-footer .search-wrapper {
  width: 100%;
  margin-bottom: 1.5em;
}
.offcanvas-menu .offcanvas-menu-wrapper .offcanvas-footer .search-wrapper form input {
  width: 100%;
}
.offcanvas-menu.show .offcanvas-backdrop {
  width: 100%;
}
.offcanvas-menu.show .offcanvas-menu-wrapper {
  right: 0;
}

@media (max-width: 480px) {
  .offcanvas-menu {
    max-width: 100%;
  }
}
.slide-in {
  animation: slideIn 0.3s ease;
}

.slide-out {
  animation: slideOut 0.3s ease;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideOut {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1045;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}

.offcanvas.show {
  visibility: visible;
  opacity: 1;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
  border-bottom: 1px solid #dee2e6;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1em;
  overflow-y: auto;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 10em;
  padding: 0.5em 0;
  margin: 0.125em 0 0;
  font-size: 1em;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.375em;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25em 1em;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

.swiper-container {
  position: relative;
}
@media screen and (max-width: 768px) {
  .swiper-container {
    margin-left: -25px;
    margin-right: -25px;
  }
}

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper-virtual .swiper-slide {
  transition-property: transform;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-coverflow .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  transform-origin: 0 0;
}

.swiper-coverflow .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-coverflow .swiper-slide-active,
.swiper-coverflow .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-coverflow .swiper-slide-shadow-left,
.swiper-coverflow .swiper-slide-shadow-right,
.swiper-coverflow .swiper-slide-shadow-top,
.swiper-coverflow .swiper-slide-shadow-bottom {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
  color: #2d3e39;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  transition: all 0.3s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: rgb(255, 255, 255);
  transform: scale(1.1);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px;
  font-weight: bold;
}

.swiper-button-prev {
  left: 20px;
}

.swiper-button-next {
  right: 20px;
}

.swiper-pagination {
  bottom: 20px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #2d3e39;
  opacity: 0.3;
  margin: 0 4px;
  transition: all 0.3s ease;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #77823c;
  opacity: 1;
  transform: scale(1.2);
}

.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: #77823c;
  border-radius: 10px;
}

.swiper-lazy-preloader {
  border-color: #77823c;
  border-top-color: transparent;
}

.swiper-hero .swiper-slide {
  height: 60vh;
  min-height: 400px;
}
@media (min-width: 768px) {
  .swiper-hero .swiper-slide {
    height: 70vh;
  }
}
@media (min-width: 992px) {
  .swiper-hero .swiper-slide {
    height: 80vh;
  }
}
.swiper-hero .swiper-button-next,
.swiper-hero .swiper-button-prev {
  color: white;
  background: rgba(0, 0, 0, 0.3);
}
.swiper-hero .swiper-button-next:hover,
.swiper-hero .swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.6);
}
.swiper-hero .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: white;
}

.swiper-text .swiper-slide {
  padding: 2em;
}
@media (min-width: 768px) {
  .swiper-text .swiper-slide {
    padding: 3em;
  }
}

.swiper-gallery .swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .swiper-pagination {
    bottom: 10px;
  }
}
html,
body {
  scroll-behavior: smooth;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #121212;
  background: #FFFFFF;
  font-smooth: auto;
  font-optical-sizing: auto;
  text-rendering: geometricPrecision;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  overflow-x: hidden;
  transition: all 1400ms ease-in-out;
  margin: 0;
  padding: 0;
}

body {
  padding-top: 160px;
}

bold, strong {
  font-weight: 700;
}

p {
  margin: 0 0 0.75em 0;
}

.small {
  font-size: 0.8em;
}

.text-primary {
  color: #77823c;
}

.text-accent {
  color: #d4e38c;
}

.text-grey {
  color: #b7b7b7;
}

.text-white {
  color: #FFFFFF;
}

h1 {
  font-family: "Roboto Condensed", sans-serif;
  color: #2d3e39;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.1;
  font-size: 2.5em;
}
@media print, screen and (min-width: 992px) {
  h1 {
    font-size: 3.25em;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
            hyphens: none;
  }
}
@media print, screen and (min-width: 1200px) {
  h1 {
    font-size: 3.925em;
  }
}

h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  color: #121212;
  font-weight: 600;
  letter-spacing: 0.01em;
}

h2, .h2 {
  font-size: 2.3125em;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #2d3e39;
}
@media print, screen and (min-width: 992px) {
  h2, .h2 {
    font-size: 2.5em;
  }
}
@media print, screen and (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.975em;
  }
}

h3, .h3 {
  color: #121212;
  font-weight: 600;
  letter-spacing: 0.01em;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
@media print, screen and (min-width: 992px) {
  h3, .h3 {
    font-size: 1.75em;
  }
}
@media print, screen and (min-width: 1200px) {
  h3, .h3 {
    font-size: 2em;
  }
}
h3.subtitle, .h3.subtitle {
  color: #77823c;
}

.max-width {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/*** Define Transition ***/
a, .btn, header, .navbar, .cursor, .logo, .burger-text, *:before, *:after, .offcanvas, a img, .trans, .transe, .zoomer, .title-overlay, .img-overlay, .inner, .read-more-fake {
  transition: all 600ms ease-in-out;
}

.menu-level-1, .menu-level-2, .menu-level-3 {
  transition: all 1600ms ease-in-out;
}

section {
  transition: all 900ms ease-in-out;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}
@media Screen and (min-width: 992px) {
  section {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
@media Screen and (min-width: 1200px) {
  section {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
section .sectionhint {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.2em 1em;
  font-size: 0.8em;
  font-weight: 500;
  color: #FFF;
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  background: #98e355;
  border-radius: 0 0 0 5px;
  display: none;
}

.site-title-standalone {
  color: #77823c;
  font-size: 10vh;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 8vh;
}

/*--------------------------------------------------------------
Image Elemente
--------------------------------------------------------------*/
img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.img-wrap {
  overflow: hidden;
  border-radius: 0.5em;
  position: relative;
}
.img-wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  border-radius: 0.5em;
  overflow: hidden;
}
.img-wrap.img-circle {
  border-radius: 50%;
  overflow: hidden;
}
.img-wrap figure {
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
  margin: 0;
  padding: 0;
}
.img-wrap figure img {
  position: relative;
  z-index: 10;
}
.img-wrap figure figcaption {
  position: absolute;
  z-index: 20;
  bottom: 0;
  left: 0;
  color: #2d3e39;
  background: #FFFFFF;
  padding: 0.7em 0.7em 0 0;
  font-size: 0.8em;
  font-weight: 500;
  border-radius: 0 0.5em 0 0;
  width: auto;
  max-width: 70%;
}

hr {
  border: none;
  height: 2px;
  background: #eaeed1;
  margin: 3em 0;
  opacity: 1;
}

.text-muted {
  opacity: 0.7;
}

/*--------------------------------------------------------------
Link styles
--------------------------------------------------------------*/
a, a:link, a:visited {
  color: #121212;
  text-decoration: none;
}
a:hover, a:focus, a:link:hover, a:link:focus, a:visited:hover, a:visited:focus {
  color: #77823c;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}
a.read-more, a:link.read-more, a:visited.read-more {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  color: #77823c;
  text-decoration: none;
  padding: 0 0.5em 0 2em;
  position: relative;
}
a.read-more:before, a:link.read-more:before, a:visited.read-more:before {
  content: "\e806";
  font-family: "communalix";
  font-size: 1.4em;
  position: absolute;
  left: 0;
  top: -0.2em;
  bottom: 0;
  font-weight: 400;
}
a.read-more:hover, a.read-more:focus, a:link.read-more:hover, a:link.read-more:focus, a:visited.read-more:hover, a:visited.read-more:focus {
  color: #2d3e39;
  padding: 0 0 0 2.5em;
}
a.read-more:hover:before, a.read-more:focus:before, a:link.read-more:hover:before, a:link.read-more:focus:before, a:visited.read-more:hover:before, a:visited.read-more:focus:before {
  left: 0.5em;
}
a.read-all, a:link.read-all, a:visited.read-all {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  color: #77823c;
  text-decoration: none;
  padding: 0;
  position: relative;
}
a.read-all:after, a:link.read-all:after, a:visited.read-all:after {
  content: "\e806";
  font-family: "communalix";
  font-size: 1.4em;
  margin-left: 0.25em;
  font-weight: 400;
}
a.read-all:hover, a.read-all:focus, a:link.read-all:hover, a:link.read-all:focus, a:visited.read-all:hover, a:visited.read-all:focus {
  color: #2d3e39;
}
a.read-all:hover:after, a.read-all:focus:after, a:link.read-all:hover:after, a:link.read-all:focus:after, a:visited.read-all:hover:after, a:visited.read-all:focus:after {
  margin-left: 0.5em;
}

a .read-more-fake {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  color: #77823c;
  text-decoration: none;
  padding: 0 0.5em 0 2em;
  position: relative;
}
a .read-more-fake:before {
  content: "\e806";
  font-family: "communalix";
  font-size: 1.4em;
  position: absolute;
  left: 0;
  top: -0.2em;
  bottom: 0;
  font-weight: 400;
}
a:hover .read-more-fake, a:focus .read-more-fake {
  color: #2d3e39;
  padding: 0 0 0 2.5em;
}
a:hover .read-more-fake:before, a:focus .read-more-fake:before {
  left: 0.5em;
}

a.downloadlink {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 768px) {
  a.downloadlink {
    flex-direction: column;
    align-items: flex-start;
  }
}
a.downloadlink.simple {
  gap: 0.5em;
  color: #2d3e39;
  padding: 0.75em 0;
  margin: -1px 0 0 0;
  border-bottom: 1px solid #d4e38c;
  border-top: 1px solid #d4e38c;
}
a.downloadlink.simple .icon {
  font-size: 1.5em;
  transition: all 600ms ease-in-out;
}
a.downloadlink.simple .icon:before {
  margin-left: 0;
}
a.downloadlink.simple:hover, a.downloadlink.simple:focus {
  color: #77823c;
}
a.downloadlink.simple:hover .icon, a.downloadlink.simple:focus .icon {
  color: #77823c;
  transform: translateY(3px);
}
a.downloadlink.simple.boxed {
  margin-bottom: 0.7em;
  background: rgba(234, 238, 209, 0.5);
  padding: 1em;
  border-radius: 0.5em;
  border: none;
}
a.downloadlink.simple.boxed:hover, a.downloadlink.simple.boxed:focus {
  background: #77823c;
  color: #FFFFFF;
}
a.downloadlink.simple.boxed:hover .icon, a.downloadlink.simple.boxed:focus .icon {
  color: #FFFFFF;
}
a.downloadlink.detailed {
  justify-content: space-between;
  gap: 1em;
  color: #2d3e39;
  padding: 0.75em 0;
  margin: 0.25em 0;
}
@media screen and (max-width: 768px) {
  a.downloadlink.detailed {
    gap: 0.5em;
    border-top: 1px solid #d4e38c;
  }
}
a.downloadlink.detailed .downloadlink-start {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
a.downloadlink.detailed .downloadlink-start .txtinfo {
  display: flex;
  flex-direction: column;
}
a.downloadlink.detailed .downloadlink-end {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
}
@media screen and (max-width: 768px) {
  a.downloadlink.detailed .downloadlink-end {
    padding-left: 52px;
    gap: 0.1em;
    width: 100%;
    justify-content: space-between;
  }
}
a.downloadlink.detailed .downloadlink-end .fileinfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  a.downloadlink.detailed .downloadlink-end .fileinfo {
    flex-direction: column;
    align-items: flex-start;
  }
}
a.downloadlink.detailed .downloadlink-end .fileinfo .small {
  opacity: 0.6;
}
a.downloadlink.detailed .icon {
  font-size: 1.875em;
}
a.downloadlink.detailed .icon:before {
  margin: 0;
}
a.downloadlink.detailed .dl_title {
  font-weight: 600;
}
a.downloadlink.detailed:hover, a.downloadlink.detailed:focus {
  color: #77823c;
}
a.downloadlink.detailed.boxed {
  margin-bottom: 0.7em;
  background: rgba(234, 238, 209, 0.5);
  padding: 1em;
  border-radius: 0.5em;
  border: none;
}
a.downloadlink.detailed.boxed:hover, a.downloadlink.detailed.boxed:focus {
  background: #77823c;
  color: #FFFFFF;
}
a.downloadlink.detailed.boxed:hover .icon, a.downloadlink.detailed.boxed:focus .icon {
  color: #FFFFFF;
}

.arrowlink {
  position: relative;
  padding-left: 1.75em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.arrowlink:before {
  content: "";
  position: absolute;
  width: 2em;
  height: 1px;
  top: 8px;
  left: -1em;
  display: block;
  border: 1px solid #FFFFFF;
}
.arrowlink:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  top: 3px;
  left: 4px;
  display: block;
  border: 2px solid #FFFFFF;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg) translateY(0px);
}
.arrowlink:hover {
  padding-left: 3.5em;
}
.arrowlink:hover:before {
  width: 2.1em;
  left: 0em;
}
.arrowlink:hover:after {
  left: 2.01em;
}

.headline-link h2, .headline-link h3, .headline-link h4, .headline-link h5, .headline-link h6 {
  color: #77823c;
}
.headline-link h2:hover, .headline-link h2:focus, .headline-link h3:hover, .headline-link h3:focus, .headline-link h4:hover, .headline-link h4:focus, .headline-link h5:hover, .headline-link h5:focus, .headline-link h6:hover, .headline-link h6:focus {
  color: #2d3e39;
}

.back-link-wrapper {
  margin-top: 5em;
  display: block;
}
.back-link-wrapper a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25em;
  color: #77823c;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1em;
  text-transform: uppercase;
}
.back-link-wrapper a .icon {
  font-size: 1.6em;
}
.back-link-wrapper a .icon:before {
  margin-left: 0;
}
.back-link-wrapper a:hover, .back-link-wrapper a:focus {
  color: #2d3e39;
}

.readmore-wrapper {
  transform: translateY(100px);
}
.readmore-wrapper.drjekyll {
  transform: translateY(0px);
}

.social-links {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
.social-links a.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #77823c;
  color: #2d3e39;
  text-decoration: none;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.social-links a.social-link .icon {
  font-size: 1.2em;
}
.social-links a.social-link:hover {
  transform: translateY(-2px);
  background-color: #2d3e39;
  color: #d4e38c;
}

.pagination-nav .pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1em;
}
.pagination-nav .pagination li.page-item .page-numbers, .pagination-nav .pagination li.page-item .page-numbers a {
  color: #77823c;
  font-weight: 600;
}
.pagination-nav .pagination li.page-item .page-numbers:hover, .pagination-nav .pagination li.page-item .page-numbers:focus, .pagination-nav .pagination li.page-item .page-numbers.current, .pagination-nav .pagination li.page-item .page-numbers a:hover, .pagination-nav .pagination li.page-item .page-numbers a:focus, .pagination-nav .pagination li.page-item .page-numbers a.current {
  color: #2d3e39;
}
.pagination-nav .pagination li.page-item .page-numbers.next, .pagination-nav .pagination li.page-item .page-numbers.prev, .pagination-nav .pagination li.page-item .page-numbers a.next, .pagination-nav .pagination li.page-item .page-numbers a.prev {
  font-size: 1.45em;
}

.wysiwyg-wrap a, .txt-wrap a {
  color: #77823c;
}
.wysiwyg-wrap a:hover, .wysiwyg-wrap a:focus, .txt-wrap a:hover, .txt-wrap a:focus {
  color: #121212;
}
.wysiwyg-wrap ul, .txt-wrap ul {
  padding: 0;
  margin: 1em 0 1.5em 0;
  list-style-type: none;
}
.wysiwyg-wrap ul li, .txt-wrap ul li {
  padding: 0 0 0 1em;
  position: relative;
}
.wysiwyg-wrap ul li:before, .txt-wrap ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4em;
  height: 0.4em;
  width: 0.4em;
  border-radius: 12px;
  background: #77823c;
}

.headline-wrapper {
  padding-bottom: 1.5em;
}
.headline-wrapper h2 {
  margin-bottom: 0;
}
.headline-wrapper h3 {
  margin: 0;
  padding-top: 0.3em;
  font-size: 1.4em;
}

.search-result-item {
  margin: 1em 0;
  padding: 1em 0;
  border-bottom: 1px solid #d4e38c;
}
.search-result-item .blog-post-title {
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 1em 0;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #d4e38c;
  background: #2d3e39;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  margin-top: -1.25em;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1em;
  font-weight: bold;
  font-family: "communalix";
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: #77823c;
  color: white;
  transform: scale(1.1);
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  content: "\e808";
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  content: "\e807";
}

.swiper-button-prev {
  left: -0.75em;
}
@media screen and (min-width: 992px) {
  .swiper-button-prev {
    left: -1.25em;
  }
}

.swiper-button-next {
  right: -0.75em;
}
@media screen and (min-width: 992px) {
  .swiper-button-next {
    right: -1.25em;
  }
}

.contact-section h1 {
  white-space: wrap;
  position: relative;
  top: -50%;
  font-size: 20vh;
  color: #77823c;
  z-index: 20;
  line-height: 0.8em;
  text-indent: 0.7em;
}
@media screen and (min-width: 992px) {
  .contact-section h1 {
    left: calc(-100px + 25px);
  }
}
@media screen and (min-width: 1200px) {
  .contact-section h1 {
    left: calc(-145px + 25px);
  }
}
.contact-section .contentrow {
  margin-top: -10vh;
}
.contact-section .map-container {
  min-height: 300px;
  height: 42vh;
  width: 100%;
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 992px) {
  .textbild-section .row {
    align-items: center;
  }
}

.trenner {
  height: 2px;
  background-color: #d4e38c;
}

section.events-section.no-bg-image {
  background: #eaeed1;
  background: linear-gradient(130deg, #d4e38c 0%, #77823c 100%);
}
section.events-section.no-bg-image h3 {
  color: white;
}
section.events-section.bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.events-section.bg-image .post-teaser-wrapper {
  padding-top: 2em;
  padding-bottom: 2em;
}
section.events-section.bg-image h3 {
  color: white;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
input[type=time],
input[type=search],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
input[type=password] {
  display: block;
  width: 100%;
  padding: 0.375em 0.875em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  min-height: 2.4em;
  color: #121212;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #b0b0b0;
  border-radius: 2em;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=search]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus {
  border-color: #77823c;
  box-shadow: 0 0 8px 4px #d4e38c;
  outline: none;
  color: #2d3e39;
}

::-moz-placeholder {
  color: #b0b0b0;
}

::placeholder {
  color: #b0b0b0;
}

textarea {
  display: block;
  width: 100%;
  padding: 0.375em 0.875em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.btn, a.btn, button, input[type=submit] {
  padding: 0.6em 2em 0.5em 2em;
  font-size: 1em;
  border: 1px solid #77823c;
  color: #FFFFFF;
  background-color: transparent;
  position: relative;
  text-transform: uppercase;
  color: #77823c;
  transition: all 0.3s ease;
  border-radius: 10em;
  min-height: 2.4em;
}
@media Screen and (max-width: 576px) {
  .btn, a.btn, button, input[type=submit] {
    width: 100%;
  }
}
.btn:hover, a.btn:hover, button:hover, input[type=submit]:hover {
  color: #2d3e39;
  box-shadow: none;
  background-color: #d4e38c;
  border: 1px solid #2d3e39;
}
.btn.btn-primary, a.btn.btn-primary, button.btn-primary, input[type=submit].btn-primary {
  background-color: #77823c;
  color: #FFFFFF;
  border: 1px solid #77823c;
}
.btn.btn-primary:hover, a.btn.btn-primary:hover, button.btn-primary:hover, input[type=submit].btn-primary:hover {
  background-color: #2d3e39;
  box-shadow: none;
  color: #FFFFFF;
  border: 1px solid #2d3e39;
}

.input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}

footer.site-footer {
  font-size: 0.9em;
  color: #FFFFFF;
  background: #2d3e39;
  margin-top: 3.75em;
  padding-top: 3.75em;
  padding-bottom: 3.75em;
  font-size: 0.875em;
  /* Social Media Links im Footer */
}
@media screen and (min-width: 768px) {
  footer.site-footer {
    margin-top: 5.625em;
    padding-top: 5.625em;
    padding-bottom: 5.625em;
  }
}
footer.site-footer h4 {
  font-size: 1.2em;
  color: #77823c;
  margin-bottom: 1em;
}
footer.site-footer .footer-content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
  color: #FFFFFF;
}
footer.site-footer .footer-content a, footer.site-footer .footer-content a:link, footer.site-footer .footer-content a:visited {
  color: #FFFFFF;
}
footer.site-footer .footer-content a:hover, footer.site-footer .footer-content a:focus, footer.site-footer .footer-content a:link:hover, footer.site-footer .footer-content a:link:focus, footer.site-footer .footer-content a:visited:hover, footer.site-footer .footer-content a:visited:focus {
  color: #d4e38c;
}
@media screen and (min-width: 768px) {
  footer.site-footer .footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
footer.site-footer .footer-content .textwidget p {
  margin: 0 0 0.5em 0;
  font-size: 0.875em;
}
footer.site-footer .footer-endline {
  padding-top: 3em;
  padding-bottom: 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
footer.site-footer .footer-endline .footer-copyright p {
  margin: 0;
  color: #FFFFFF;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  footer.site-footer .footer-endline .footer-copyright p {
    text-align: center;
    margin-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  footer.site-footer .footer-endline .footer-legal-menu-wrapper {
    width: 100%;
  }
}
footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}
footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu a:link, footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu a:visited {
  color: #FFFFFF;
  opacity: 0.8;
}
footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu a:link:hover, footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu a:link:focus, footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu a:visited:hover, footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu a:visited:focus {
  color: #d4e38c;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu {
    flex-direction: column;
    justify-content: flex-start;
    border-top: 1px solid #FFFFFF;
    width: 100%;
    gap: 0;
  }
  footer.site-footer .footer-endline .footer-legal-menu-wrapper .footer-legal-menu li {
    width: 100%;
    padding: 0.75em 0;
    border-bottom: 1px solid #FFFFFF;
  }
}
footer.site-footer .footer-brand, footer.site-footer .footer-brand img {
  width: 270px;
}
footer.site-footer .footer-social .social-links {
  justify-content: center;
  gap: 1em;
  width: auto;
}
footer.site-footer .footer-social .social-links a.social-link {
  background: #eaeed1;
  color: #2d3e39;
}

/*--------------------------------------------------------------
To top button 
--------------------------------------------------------------*/
a.top-button {
  right: 5%;
  bottom: 0;
  opacity: 0;
  transition: opacity 1s;
  font-size: 1.75em;
  width: 1.45em;
  height: 1.25em;
  text-align: center;
  line-height: 1.4em;
  background: #77823c;
  color: #FFFFFF;
  padding: 0;
  display: block;
}
a.top-button .icon:before {
  margin: 0;
}
a.top-button.visible {
  opacity: 1;
}
a.top-button:hover, a.top-button:focus {
  color: #FFFFFF;
  padding-bottom: 1.4em;
}

header {
  background: transparent;
  padding: 2em 0;
  transition: all 0.3s ease-in-out;
}
header.fixed-top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
header .navbar-main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .navbar-main .navbar-brand {
  width: 250px;
}
header .navbar-main .navbar-brand .logo {
  max-width: 250px;
  transition: max-width 0.3s ease-in-out;
}
header .navbar-main button.menu-toggler {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  min-width: auto;
  width: auto;
  gap: 1em;
  font-size: 0.875em;
}
@media print, screen and (min-width: 768px) {
  header .navbar-main button.menu-toggler {
    font-size: 1.1em;
  }
}
header .navbar-main button.menu-toggler .burger-text {
  color: #77823c;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.1em;
  padding-top: 1px;
}
header .navbar-main button.menu-toggler .burger {
  width: 36px;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  transition: gap 0.3s ease;
}
header .navbar-main button.menu-toggler .burger .burger-bar {
  width: 36px;
  height: 3px;
  background: #77823c;
  border-radius: 3px;
  overflow: hidden;
}
header .navbar-main button.menu-toggler:hover .burger-text {
  color: #2d3e39;
}
header .navbar-main button.menu-toggler:hover .burger {
  gap: 11px;
}
header .navbar-main button.menu-toggler:hover .burger .burger-bar {
  background: #2d3e39;
}
header .search-wrapper form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
  position: relative;
}
header .search-wrapper form input[type=text] {
  width: auto;
  position: relative;
  z-index: 10;
  padding-right: 2.5em;
  height: 1.675em;
}
header .search-wrapper form button[type=submit] {
  position: absolute;
  right: 4px;
  top: 3px;
  min-width: auto;
  padding: 0.25em;
  min-height: 2.1em;
  height: 2.1em;
  display: block;
  width: 2.1em;
  z-index: 12;
  margin: 0;
  border: none;
  text-align: center;
  transition: all 0.3s ease;
}
header .search-wrapper form button[type=submit]:hover {
  border: none;
}

.scrolled header {
  background: white;
  padding: 1em 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.scrolled header .navbar-main .navbar-brand .logo {
  max-width: 150px;
}

body.home header.fixed-top {
  z-index: 800;
}

.breadcrumb-wrapper .breadcrumb {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 1em 0 0;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875em;
  font-weight: 500;
  color: #77823c;
}
.breadcrumb-wrapper .breadcrumb li {
  padding: 0 0 0 20px;
  margin: 0;
  position: relative;
}
.breadcrumb-wrapper .breadcrumb li:before {
  font-family: "communalix";
  content: "\e81d";
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100%;
}
.breadcrumb-wrapper .breadcrumb li:first-child {
  padding: 0;
}
.breadcrumb-wrapper .breadcrumb li:first-child:before {
  display: none;
}
.breadcrumb-wrapper .breadcrumb li a {
  color: #77823c;
}
.breadcrumb-wrapper .breadcrumb li a:hover, .breadcrumb-wrapper .breadcrumb li a:focus {
  color: #2d3e39;
}

.intro-wrapper {
  margin-top: 1em;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #77823c;
}
@media screen and (min-width: 992px) {
  .intro-wrapper {
    margin-top: 2em;
    font-weight: 400;
    font-size: 1.2em;
  }
}

body.home .intro-wrapper {
  color: #2d3e39;
}

.page-headline-wrapper {
  margin: 2em 0 1em 0;
}
.page-headline-wrapper h1 {
  color: #2d3e39;
  margin: 0;
  padding: 0;
}
.page-headline-wrapper h2 {
  color: #77823c;
  font-weight: 400;
  font-size: 1.75em;
}
@media print, screen and (min-width: 992px) {
  .page-headline-wrapper h2 {
    font-size: 2.15em;
  }
}
@media print, screen and (min-width: 1200px) {
  .page-headline-wrapper h2 {
    font-size: 2.5em;
  }
}

.headline-spacer {
  height: 10em;
}
@media screen and (min-width: 768px) {
  .headline-spacer {
    height: 13em;
  }
}
@media screen and (min-width: 992px) {
  .headline-spacer {
    height: 16em;
  }
}
@media screen and (min-width: 1200px) {
  .headline-spacer {
    height: 20em;
  }
}

.siteimage-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
}

.headline-spacer {
  height: 10vh;
}

.siteimage {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 50vh;
  z-index: 5;
  border-radius: 1em;
  overflow: hidden;
}
.siteimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

/*--------------------------------------------------------------
Events Elemente
--------------------------------------------------------------*/
.eventlist-section .eventlist-header {
  border-bottom: 2px solid #d4e38c;
  padding: 1em 0;
  font-weight: 600;
  font-size: 1.1em;
  color: #2d3e39;
}
.eventlist-section .eventlist-item {
  border-bottom: 1px solid #d4e38c;
  padding: 0.75em 0 1em;
}
.eventlist-section .eventlist-item .event-title-link h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  color: #77823c;
}
.eventlist-section .eventlist-item .event-title-link h4 a {
  color: #77823c;
}
.eventlist-section .eventlist-item .event-title-link h4 a:hover {
  color: #2d3e39;
}

.event-date-header > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.25em;
  font-size: 1.15em;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
  .event-date-header > div {
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
  }
}
.event-date-header > div .label {
  font-weight: bold;
  color: #77823c;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-date-header > div .label i {
  font-size: 1.25em;
}
.event-date-header > div .value {
  font-weight: bold;
  color: #2d3e39;
}

/*--------------------------------------------------------------
Gallery Elemente
--------------------------------------------------------------*/
.gallery {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gallery .gal-img-link {
  display: block;
  position: relative;
  aspect-ratio: 16/11;
  overflow: hidden;
  border-radius: 0.5em;
  margin-bottom: 1em;
}
.gallery .gal-img-link:hover .zoom-wrapper, .gallery .gal-img-link:focus .zoom-wrapper {
  opacity: 1;
}
.gallery .gal-img-link:hover img, .gallery .gal-img-link:focus img {
  opacity: 1;
  transform: scale(1.05);
}
.gallery .gal-img-link .caption {
  position: absolute;
  z-index: 25;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px;
  font-weight: 500;
  font-size: 0.875em;
}
.gallery .gal-img-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 10;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.gallery .gal-img-link .zoom-wrapper {
  z-index: 20;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.gallery .gal-img-link .zoom-wrapper i {
  font-size: 2em;
}
.gallery .gal-img-link:hover .zoom-wrapper, .gallery .gal-img-link:focus .zoom-wrapper {
  opacity: 1;
}
.gallery .gal-img-link:hover img, .gallery .gal-img-link:focus img {
  opacity: 1;
  transform: scale(1.05);
}

.sl-wrapper .sl-close {
  font-size: 2em;
}
.sl-wrapper .sl-navigation button.sl-prev, .sl-wrapper .sl-navigation button.sl-next {
  font-size: 0 !important;
}
.sl-wrapper .sl-navigation button.sl-prev:before, .sl-wrapper .sl-navigation button.sl-next:before {
  content: "\e807";
  font-family: "mds_standard";
  font-style: normal;
  font-weight: normal;
  font-size: 2em;
  speak: never;
  font-size: 2em;
}
.sl-wrapper .sl-navigation button.sl-prev:hover, .sl-wrapper .sl-navigation button.sl-next:hover {
  color: #77823c;
}
.sl-wrapper .sl-navigation button.sl-prev:before {
  content: "\e806";
}

.hero-fullscreen-wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 40;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 41;
  height: 20vh;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-background .slide-bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 30;
  pointer-events: none;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  z-index: 35;
  pointer-events: none;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  z-index: 50;
  display: flex;
  align-items: flex-end;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .container-xxl {
  width: 100%;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper {
  background: rgba(255, 255, 255, 0.95);
  padding: 1.5em 2em;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-title {
  margin: 0 0 1em 0;
  font-size: 1.5em;
  font-weight: 600;
  color: #77823c;
  overflow-wrap: normal;
  word-break: normal;
  -webkit-hyphens: none;
          hyphens: none;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #77823c;
  margin-top: 0.6em;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-text {
  margin: 0;
  font-size: 1em;
  line-height: 1.6;
  color: #121212;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-text p {
  margin-bottom: 1em;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-text p:last-child {
  margin-bottom: 0;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .scroll-down-wrapper {
  position: absolute;
  left: 50%;
  bottom: 1em;
  z-index: 42;
  font-size: 2em;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .scroll-down-wrapper a {
  background: #77823c;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .scroll-down-wrapper a:hover {
  background: #2d3e39;
  color: #d4e38c;
  text-decoration: none;
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.3);
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-pagination {
  bottom: 1em;
  z-index: 60;
  width: 40%;
  text-align: left;
  left: 1em;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-pagination .swiper-pagination-bullet {
  background: #FFFFFF;
  opacity: 1;
  width: 30px;
  height: 8px;
  border-radius: 6px;
  cursor: pointer;
}
.hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #77823c;
  opacity: 1;
}

#scrolled-to-content {
  transform: translateY(-75px);
}

@media screen and (max-width: 767px) {
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-overlay {
    width: 80%;
    background-position: right bottom;
  }
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper {
    padding: 1.5em;
    margin: 1em;
  }
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-title {
    font-size: 1.25em;
  }
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-text {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-overlay {
    width: 70%;
  }
}
@media screen and (min-width: 992px) {
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-title {
    font-size: 2em;
  }
  .hero-fullscreen-wrapper .swiper-hero-fullscreen .swiper-slide .slide-content .slide-text-wrapper .slide-text {
    font-size: 1.1em;
  }
}
.siteimage-slider-section {
  background: transparent;
  display: flex;
  position: relative;
  overflow-x: hidden;
}
.siteimage-slider-section .slider-hero {
  width: 100%;
  margin: 0;
  padding: 0;
}
.siteimage-slider-section .slider-hero .slick-item {
  height: auto;
  position: relative;
  padding-top: 12vh;
}
.siteimage-slider-section .slider-hero .slick-item h3 {
  margin: 0;
  padding: 0;
  font-size: 1.15em;
}
.siteimage-slider-section .slider-hero .slick-item .container {
  position: relative;
  z-index: 10;
}
.siteimage-slider-section .slider-hero .slick-item .overlay {
  position: absolute;
  top: -8vh;
  bottom: 8%;
  right: 0;
  width: 85%;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 30;
}
.siteimage-slider-section .slider-hero .slick-item .slider-image {
  width: 100%;
  display: block;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 500px) {
  .siteimage-slider-section .slider-hero .slick-item .overlay {
    position: absolute;
    top: -6vh;
    bottom: 10%;
    right: 0;
    width: 85%;
    z-index: 30;
  }
}
@media screen and (min-width: 576px) {
  .siteimage-slider-section .slider-hero {
    width: 100%;
    margin: 60px 0 0 0;
    padding: 0;
  }
  .siteimage-slider-section .slider-hero .slick-item {
    height: auto;
    position: relative;
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
  .siteimage-slider-section .slider-hero .slick-item .overlay {
    bottom: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .siteimage-slider-section .slider-hero {
    width: 100%;
    margin: 60px 0 0 0;
    padding: 0;
  }
  .siteimage-slider-section .slider-hero .slick-item {
    height: auto;
    position: relative;
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
  .siteimage-slider-section .slider-hero .slick-item h3 {
    padding-top: 2em;
    position: relative;
  }
  .siteimage-slider-section .slider-hero .slick-item h3:before {
    content: "";
    width: 60px;
    height: 7px;
    background: #77823c;
    display: block;
    position: absolute;
    top: 0;
  }
  .siteimage-slider-section .slider-hero .slick-item .row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .siteimage-slider-section .slider-hero .slick-item .overlay {
    bottom: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .siteimage-slider-section .slider-hero {
    width: 100%;
    margin: 100px 0 0 0;
    padding: 0;
  }
  .siteimage-slider-section .slider-hero .slick-item {
    height: auto;
    position: relative;
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
  .siteimage-slider-section .slider-hero .slick-item .txtwrap {
    padding-left: 20%;
  }
  .siteimage-slider-section .slider-hero .slick-item .overlay {
    top: 0;
    width: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 1200px) {
  .siteimage-slider-section .slider-hero {
    width: 100%;
    margin: 120px 0 0 0;
    padding: 0;
  }
  .siteimage-slider-section .slider-hero .slick-item {
    height: auto;
    position: relative;
    padding-bottom: 12vh;
  }
  .siteimage-slider-section .slider-hero .slick-item .overlay {
    top: 0;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.post-teaser.post-teaser-card {
  background: rgba(234, 238, 209, 0.5);
  padding: 1em 1em 0 1em;
  border-radius: 0.5em;
  border: none;
  display: flex;
  height: 100%;
  flex-direction: column;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  position: relative;
}

.news-img-frame {
  background-color: #000000;
  position: relative;
  overflow: hidden;
}
.news-img-frame .news-img {
  position: relative;
  z-index: 1;
}
.news-img-frame .news-img .news-link {
  color: #77823c;
}
.news-img-frame .news-img .news-overlay {
  color: #FFFFFF;
}
.news-img-frame .news-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.news-img-frame .news-content .news-title {
  color: #77823c;
}
.news-img-frame .news-content .news-excerpt {
  color: #FFFFFF;
}

.news-grid .news-item .news-img-frame .news-content .news-title {
  color: #77823c;
}
@media screen and (min-width: 992px) {
  .news-grid .news-item .news-img-frame .news-content .news-title {
    color: #77823c;
  }
}

.news-slider .news-item .news-img-frame .news-content .news-title {
  color: #77823c;
}
@media screen and (min-width: 992px) {
  .news-slider .news-item .news-img-frame .news-content .news-title {
    color: #77823c;
  }
}

.news-list .news-item .news-img-frame .news-content .news-title {
  color: #77823c;
}
@media screen and (min-width: 992px) {
  .news-list .news-item .news-img-frame .news-content .news-title {
    color: #77823c;
  }
}

.sidebar-wrapper .info-box {
  padding: 1.5em;
  background-color: #eaeed1;
  border-radius: 1em;
}
.sidebar-wrapper .info-box h5 {
  color: #77823c;
  margin: 0;
  padding: 0 0 0.7em 0;
}
.sidebar-wrapper .info-box p:last-child {
  margin-bottom: 0;
}
.sidebar-wrapper .info-box:nth-child(2) {
  background-color: #d4e38c;
}

.accordeon {
  border-top: 1px solid #d4e38c;
}
.accordeon .accordeon-item {
  border: none;
  position: relative;
  border-bottom: 1px solid #d4e38c;
}
.accordeon .accordeon-item .accordeon-header .accordeon-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 0;
  cursor: pointer;
}
.accordeon .accordeon-item .accordeon-header .accordeon-title {
  font-size: 1.25em;
  font-weight: 600;
  color: #121212;
}
.accordeon .accordeon-item .accordeon-header .plus-minus-wrapper {
  width: 33px;
  height: 33px;
  background: transparent;
  border: 3px solid #121212;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: border-color 0.4s ease;
}
.accordeon .accordeon-item .accordeon-header .plus-minus-wrapper .plus {
  position: absolute;
  width: 3px;
  height: 17px;
  left: 12px;
  top: 5px;
  background: #121212;
  border-radius: 3px;
  overflow: hidden;
  transition: all 0.4s ease;
}
.accordeon .accordeon-item .accordeon-header .plus-minus-wrapper .minus {
  position: absolute;
  width: 17px;
  height: 3px;
  background: #121212;
  border-radius: 3px;
  top: 12px;
  left: 5px;
  overflow: hidden;
  transition: all 0.4s ease;
}
.accordeon .accordeon-item .accordeon-header:hover .accordeon-title, .accordeon .accordeon-item .accordeon-header:focus .accordeon-title {
  color: #77823c;
}
.accordeon .accordeon-item .accordeon-header:hover .plus-minus-wrapper, .accordeon .accordeon-item .accordeon-header:focus .plus-minus-wrapper {
  border-color: #77823c;
}
.accordeon .accordeon-item .accordeon-header:hover .plus-minus-wrapper .plus, .accordeon .accordeon-item .accordeon-header:hover .plus-minus-wrapper .minus, .accordeon .accordeon-item .accordeon-header:focus .plus-minus-wrapper .plus, .accordeon .accordeon-item .accordeon-header:focus .plus-minus-wrapper .minus {
  background-color: #77823c;
}
.accordeon .accordeon-item .accordeon-collapse {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease;
}
.accordeon .accordeon-item .accordeon-content {
  padding: 0 0 2em 0;
}
.accordeon .accordeon-item.open .accordeon-header .accordeon-title {
  color: #77823c;
}
.accordeon .accordeon-item.open .accordeon-header .plus-minus-wrapper {
  border-color: #77823c;
}
.accordeon .accordeon-item.open .accordeon-header .plus-minus-wrapper .plus, .accordeon .accordeon-item.open .accordeon-header .plus-minus-wrapper .minus {
  background-color: #77823c;
}
.accordeon .accordeon-item.open .accordeon-header .plus-minus-wrapper .plus {
  height: 1px;
  top: 13px;
}
.accordeon .accordeon-item.open .accordeon-collapse {
  max-height: 1000px;
}

.linklist-wrapper ul.linklist {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 1em;
}
.linklist-wrapper ul.linklist .link-item-wrap {
  margin: -1px 0 0 0;
  padding: 0.5em 1em 0.5em 0;
  border-bottom: 1px solid #d4e38c;
  border-top: 1px solid #d4e38c;
  font-size: 1.1em;
  flex: 1 1 45%;
  min-width: 300px;
}
.linklist-wrapper ul.linklist .link-item-wrap a {
  display: flex;
  align-items: center;
}
.linklist-wrapper ul.linklist .link-item-wrap a .icon {
  font-size: 1.5em;
  margin-right: 1em;
  transition: transform 0.3s ease;
}
.linklist-wrapper ul.linklist .link-item-wrap a:hover .icon, .linklist-wrapper ul.linklist .link-item-wrap a:focus .icon {
  transform: translateX(10px);
}

.post-teaser-meta {
  color: #b7b7b7;
  font-size: 0.875em;
  font-weight: 500;
  margin: 0.6em 0;
}
.post-teaser-meta a, .post-teaser-meta a:link, .post-teaser-meta a:hover {
  color: #b7b7b7;
}
.post-teaser-meta a:hover, .post-teaser-meta a:focus, .post-teaser-meta a:link:hover, .post-teaser-meta a:link:focus, .post-teaser-meta a:hover:hover, .post-teaser-meta a:hover:focus {
  color: #77823c;
}

.post-teaser {
  border-bottom: 1px solid #d4e38c;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.post-teaser .post-type-badge {
  position: absolute;
  top: 1em;
  right: 1em;
  padding: 0.2em 0.75em 0.15em;
  border-radius: 2em;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.post-teaser .post-type-badge.bekanntmachung {
  background: #2d3e39;
  color: white;
}
.post-teaser .post-teaser-title {
  color: #77823c;
}
.post-teaser .post-teaser-linkwrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .post-teaser .post-teaser-linkwrapper {
    flex-direction: row;
    gap: 2em;
    align-items: center;
    justify-content: flex-start;
  }
}
.post-teaser .post-teaser-linkwrapper a {
  color: #77823c;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}
.post-teaser .post-teaser-linkwrapper a:hover, .post-teaser .post-teaser-linkwrapper a:focus {
  color: #2d3e39;
}
.post-teaser .post-teaser-linkwrapper a.download-link {
  padding: 0 0.5em 0 2em;
  position: relative;
}
.post-teaser .post-teaser-linkwrapper a.download-link:before {
  content: "\e803";
  font-family: "communalix";
  font-size: 1.4em;
  position: absolute;
  left: 0;
  top: -0.2em;
  bottom: 0;
  font-weight: 400;
}
.post-teaser .post-teaser-linkwrapper a.download-link:hover, .post-teaser .post-teaser-linkwrapper a.download-link:focus {
  color: #2d3e39;
  padding: 0 0 0 2.5em;
}
.post-teaser .post-teaser-linkwrapper a.download-link:hover:before, .post-teaser .post-teaser-linkwrapper a.download-link:focus:before {
  left: 0.5em;
}

.post-teaser-wrapper .news-slider, .post-teaser-wrapper .events-slider {
  height: auto !important;
}
.post-teaser-wrapper .news-slider .swiper-wrapper, .post-teaser-wrapper .events-slider .swiper-wrapper {
  align-items: stretch;
  height: auto !important;
}
.post-teaser-wrapper .news-slider .swiper-slide, .post-teaser-wrapper .events-slider .swiper-slide {
  height: auto !important;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.post-teaser-wrapper .news-slider .swiper-slide .post-teaser, .post-teaser-wrapper .events-slider .swiper-slide .post-teaser {
  border-bottom: none;
  background: #FFFFFF;
  padding: 1em;
  border-radius: 0.5em;
  border: none;
  display: flex;
  height: 100%;
  flex-direction: column;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  position: relative;
}
.post-teaser-wrapper .news-slider .swiper-slide .post-teaser .post-teaser-excerpt p, .post-teaser-wrapper .events-slider .swiper-slide .post-teaser .post-teaser-excerpt p {
  margin: 0;
}
.post-teaser-wrapper .news-slider .swiper-slide .post-teaser h4, .post-teaser-wrapper .events-slider .swiper-slide .post-teaser h4 {
  font-size: 1.4em;
  color: #77823c;
  margin: 0;
  margin-top: 2.25em;
  text-transform: none;
}
.post-teaser-wrapper .news-slider .swiper-slide .post-teaser:hover, .post-teaser-wrapper .events-slider .swiper-slide .post-teaser:hover {
  box-shadow: 0 0.175em 0.3125em rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
}
.post-teaser-wrapper .news-slider .swiper-pagination, .post-teaser-wrapper .events-slider .swiper-pagination {
  bottom: -2em;
}
.post-teaser-wrapper .news-slider .swiper-pagination .swiper-pagination-bullet, .post-teaser-wrapper .events-slider .swiper-pagination .swiper-pagination-bullet {
  background: #77823c;
  opacity: 0.3;
  transition: all 0.3s ease;
}
.post-teaser-wrapper .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .post-teaser-wrapper .events-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.2);
}
@media (max-width: 768px) {
  .post-teaser-wrapper .news-slider {
    padding: 0 2em;
  }
  .post-teaser-wrapper .news-slider .swiper-button-next,
  .post-teaser-wrapper .news-slider .swiper-button-prev {
    width: 2em;
    height: 2em;
    margin-top: -1em;
  }
  .post-teaser-wrapper .news-slider .swiper-button-next:after,
  .post-teaser-wrapper .news-slider .swiper-button-prev:after {
    font-size: 0.8em;
  }
}

.subpages-list-wrapper .subpages-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1em;
  flex-wrap: wrap;
}
.subpages-list-wrapper .subpages-list li {
  flex: 1 1 100%;
}
@media screen and (min-width: 768px) {
  .subpages-list-wrapper .subpages-list li {
    flex: 1 0 47%;
  }
}
@media screen and (min-width: 992px) {
  .subpages-list-wrapper .subpages-list li {
    flex: 0 1 32%;
  }
}
.subpages-list-wrapper .subpages-list li a {
  margin-bottom: 0.7em;
  background: rgba(234, 238, 209, 0.5);
  padding: 1em;
  border-radius: 0.5em;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  font-size: 1.2em;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.15);
}
.subpages-list-wrapper .subpages-list li a .icon {
  font-size: 1.4em;
}
.subpages-list-wrapper .subpages-list li a:hover, .subpages-list-wrapper .subpages-list li a:focus {
  background: #77823c;
  color: #FFFFFF;
  box-shadow: 0 0.175em 0.3125em rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
}
.subpages-list-wrapper .subpages-list li a:hover .icon, .subpages-list-wrapper .subpages-list li a:focus .icon {
  color: #FFFFFF;
}

body.home {
  padding-top: 0 !important;
}
body.home .site-header {
  background: transparent;
}
body.home h1 {
  font-size: 1.95em;
}
@media print, screen and (min-width: 992px) {
  body.home h1 {
    font-size: 2.85em;
  }
}
@media print, screen and (min-width: 1200px) {
  body.home h1 {
    font-size: 3.25em;
  }
}
body.home h1 span {
  display: block;
  font-size: 0.65em;
  color: #77823c;
  font-weight: 500;
}
body.home .aktuelles-section {
  background: rgba(234, 238, 209, 0.5);
}

.topics-section .topics-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1em;
  flex-wrap: wrap;
}
.topics-section .topics-wrapper .topic-link-item {
  flex: 1 1 100%;
  margin-bottom: 0.7em;
  background: rgba(234, 238, 209, 0.5);
  padding: 1em;
  border-radius: 0.5em;
  border: none;
  color: #121212;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  .topics-section .topics-wrapper .topic-link-item {
    flex: 1 0 47%;
  }
}
@media screen and (min-width: 992px) {
  .topics-section .topics-wrapper .topic-link-item {
    flex: 0 1 32%;
  }
}
.topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper {
  text-align: right;
  width: 100%;
  padding: 1em;
}
.topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper img, .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper picture, .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper figure {
  max-width: 65px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper img, .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper picture, .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper figure {
    max-width: 80px;
  }
}
@media screen and (min-width: 992px) {
  .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper img, .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper picture, .topics-section .topics-wrapper .topic-link-item .topic-icon-wrapper figure {
    max-width: 100px;
  }
}
.topics-section .topics-wrapper .topic-link-item .topic-text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
.topics-section .topics-wrapper .topic-link-item .topic-text-wrapper h4 {
  margin: 0 0 0.4em 0;
  font-size: 1.3em;
  color: #2d3e39;
}
@media screen and (min-width: 992px) {
  .topics-section .topics-wrapper .topic-link-item .topic-text-wrapper h4 {
    font-size: 1.5em;
  }
}
.topics-section .topics-wrapper .topic-link-item .read-more-fake {
  color: #2d3e39;
}
.topics-section .topics-wrapper .topic-link-item:hover, .topics-section .topics-wrapper .topic-link-item:focus {
  box-shadow: 0 0.175em 0.3125em rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  color: #121212;
}
.topics-section .topics-wrapper .topic-link-item:hover .icon, .topics-section .topics-wrapper .topic-link-item:focus .icon {
  color: #FFFFFF;
}
.topics-section .topics-wrapper .topic-link-item:hover .read-more-fake, .topics-section .topics-wrapper .topic-link-item:focus .read-more-fake {
  color: #121212;
}
.topics-section .topics-wrapper .topic-link-item:nth-child(even) {
  background: rgba(234, 238, 209, 0.75);
}

.swiper-pagination {
  display: none;
}

/* ==========================================================================
   BARRIEREFREIHEIT - ACCESSIBILITY MENU
  ========================================================================== */
/* Barrierefreiheits-Menu Styling */
.accessibility-wrapper {
  margin-left: 1em;
}

.accessibility-menu {
  display: flex;
  gap: 0;
  border-radius: 2em;
  background: #FFFFFF;
  border: 1px solid #77823c;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
  .accessibility-menu {
    position: fixed;
    bottom: 1em;
    left: 1em;
    z-index: 1000;
    margin: 0;
    border: 2px solid #77823c;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  }
}
.accessibility-menu .accessibility-btn {
  border-radius: 0;
  width: 60px;
  height: 40px;
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: none;
  background-color: white;
  color: #121212;
  font-weight: bold;
  font-size: 1em;
}
.accessibility-menu .accessibility-btn.bordered {
  border-left: 1px solid #77823c;
  border-right: 1px solid #77823c;
}
.accessibility-menu .accessibility-btn.accessibility-contrast span {
  font-size: 1.3em;
  padding: 0;
  line-height: 1em;
}
.accessibility-menu .accessibility-btn:hover:not(:disabled) {
  background-color: #77823c;
  color: white;
  border: none;
}
.accessibility-menu .accessibility-btn:disabled {
  cursor: not-allowed;
  background-color: #f8f9fa;
  color: #9ba4ab;
  border: none;
}
.accessibility-menu .accessibility-btn.active {
  background-color: #77823c;
  color: white;
}

/* Responsive Anpassungen für Barrierefreiheit */
@media (max-width: 768px) {
  .accessibility-wrapper {
    margin-left: 0.5em;
  }
  .accessibility-btn {
    width: 35px;
    height: 35px;
    font-size: 12px;
  }
}