:root {
  --card-shadow: 1px 1px 6px 0 rgba(12, 12, 13, .2);
  --card-shadow-hover: 1px 1px 6px 0 rgba(12, 12, 13, .5);
  --danger: hsl(348, 83%, 38%);
  --dangerh: hsl(348, 83%, 28%);
  --dangerl: hsl(348, 83%, 88%);
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --hue: 214;
  --info: hsl(195, 100%, 25%);
  --infoh: hsl(195, 100%, 15%);
  --infol: hsl(195, 100%, 85%);
  --grey1: hsl(0, 0%, 44%);
  --grey2: hsl(0, 0%, 34%);
  --s0: .5rem;
  --s1: 1rem;
  --s2: 2rem;
  --s3: 3rem;
  --s4: 4rem;
  --success: hsl(180, 100%, 19%);
  --successh: hsl(180, 100%, 9%);
  --successl: hsl(180, 100%, 79%);
  --warning: hsl(33, 100%, 25%);
  --warningh: hsl(33, 100%, 15%);
  --warningl: hsl(33, 100%, 85%);
}

@media (max-width: 799px) {
  :root {
    --s1: .5rem;
    --s2: 1rem;
    --s3: 1.5rem;
    --s4: 2rem;
  }
}

/* Resets */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd {
  /*margin: 0;*/
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],ol[role="list"],ul[class],ol[class],ul[role="list"] ul,ol[role="list"] ol,ul[class] ul,ol[class] ol {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don"t have a class get default styles */
a:not([class]) {
text-decoration: none;
}

/* Make images easier to work with */
img,picture {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
/**************  Smaller or larger Readmore boxes  ****************/
input,button,textarea,select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    -webkit-animation-duration: .01ms !important;
            animation-duration: .01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* End Resets */
/****** IMPORTANT!! top: 0px; Make Header sticky postion STICK! & Remove font-size control *********/
body {
  position: relative;
  top: 0px;
  margin:  0 auto;
  min-height: 100vh;
  font-family: var(--font-family-body, var(--font-sans-serif));
  /*font-size: var(--bodysize);*/
  color: var(--bodycolor);
  background-color: var(--bodybg);
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom: var(--s1);
  font-family: var(--font-family-headings, var(--font-sans-serif));
  line-height: 1.3;
}

h1,h2,h3 {
  font-size: clamp(var(--fluid-type-min, 1rem), calc(1rem + var(--fluid-type-target, 3vw)), var(--fluid-type-max, 1.3rem));
}

h2,h3 {
  margin-top: var(--s2);
}

h1 {
  --fluid-type-min: 2.5rem;
  --fluid-type-max: var(--h1size);
  --fluid-type-target: 5vw;
}

h2 {
  --fluid-type-min: 1.8rem;
  --fluid-type-max: var(--h2size);
}

h3 {
  --fluid-type-min: 1.5rem;
  --fluid-type-max: var(--h3size);
}

.main-content h2:first-child,
.main-content h3:first-child,
.main-content h4:first-child {
  margin-top: 0;
}

p + p {
  margin-top: var(--s1);
}

ul[class],
ol[class] {
  padding-left: 0;
}

ul ul {
  padding-left: var(--s0);
}

/**************  Smaller Readmore boxes  ****************/
input,select,textarea,button {
  /*padding: var(--s0);
  border-radius: 0;*/
}

input,select,textarea {
  border: 1px solid #ced4da;
}

select.time {
  padding: 0;
}

.invalid {
  color: var(--danger);
  border-color: var(--danger);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

/**************  Smaller Readmore boxes  ****************/
button {
  /*cursor: pointer;
  background-color: #eaedf0;*/
}

button[class*="plg_system_webauthn_login_button"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin: var(--s0) 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
}

.input-group button {
  margin: 0;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .6rem 1rem;
  text-align: center;
  white-space: nowrap;
  background-color: #eaedf0;
  border: 1px solid #ced4da;
}

button.input-password-toggle{
padding:.6rem 1rem;
}

input[type="checkbox"] {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: .5rem;
          margin-inline-end: .5rem;
  margin-block: 0;
}

.form-check,
.form-check-label {
  display: flex;
  align-items: center;
}

.custom-select,
.form-select {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-right: 4rem;
  cursor: pointer;
  background: url("../images/select-bg.svg") no-repeat 100%/120rem;
  background-color: #eaedf0;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form-inline .custom-select,
.form-inline .form-select {
  display: inline-block;
  width: auto;
}

.form-select-sm {
  padding: .5rem 4rem .5rem .5rem;
  font-size: .9rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: var(--s0) var(--s1);
}

.control-group {
  margin: var(--s1) 0;
}

/******** ReadMore Button ************/
a{
color:var(--linkcolor);
text-decoration: none;
}

/******** ReadMore Button ************/
a:hover{
color:#808000;
}

/******** Dotted Box ************/
:focus,:focus-visible{
outline:0px dotted currentColor;
outline-offset:0rem;
}

main:focus {
  outline: none;
}

blockquote {
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
  border-left: 3px solid var(--grey1);
}

.text-muted {
  color: var(--grey1);
}

figure img {
  width: 100%;
}

figcaption {
  font-size: .9rem;
  color: var(--grey2);
}

.list-inline {
  display: flex;
  flex-wrap: wrap;
}

.list-inline li {
  margin-right: .5rem;
}

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

.hidden {
  display: none;
  visibility: hidden;
}

.skip-link {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: inline-block;
  padding: .7rem 1rem .5rem;
  font-weight: 700;
  color: var(--btncolor);
  text-decoration: none;
  text-transform: uppercase;
  background: var(--btnbg);
}

.skip-link:hover {
  color: var(--btncolorh);
  background: var(--btnbgh);
}

.skip-link:not(:focus) {
  position: absolute;
  width: 1px;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.position-sticky {
  position: -webkit-sticky;
  position: sticky;
  top:0;
  box-shadow: 0 8px 20px rgb(0 0 0 / 30%);
  z-index: 1000;
}

.modal iframe {
  width: 100%;
}

iframe {
  border: 0;
}

[class^="mod-"],
.moduletable {
  position: relative;
}

[role="tooltip"]:not(.show) {
  right: 5em;
  z-index: 1070;
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: .5em;
  margin: .5em;
  text-align: start;
}

:hover + [role="tooltip"],
:focus + [role="tooltip"] {
  position: absolute;
  display: block;
  font-size: .9rem;
  font-weight: normal;
  color: #000;
  background-color: #fff;
  border: 1px solid var(--grey2);
  box-shadow: var(--card-shadow);
}

.btn.jmodedit {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 900;
  padding: var(--s0);
  color: var(--linkcolor);
  background-color: hsla(0,0%,100%,.5);
  border: 1px solid var(--grey2);
}

.small {
  font-size: .9rem;
}

.jmenuedit {
  margin: 0 !important;
}

.jmenuedit > span {
  margin-right: 0;
}

#jform_params_base_select {
  display: flex;
  align-items: center;
}

#jform_params_base_select > .icon-file {
  margin-right: var(--s0);
}

.accordion-header {
  font-size: 1.3rem;
}

.accordion-header button {
  padding: 0;
  background: none;
  border: none;
}

.text-primary {
  color: var(--headerbg);
}

.text-secondary {
  color: var(--grey1);Adm.4ftp/20115839!
}

.text-info {
  color: var(--info);
}

.text-success {
  color: var(--success);
}

.text-danger {
  color: var(--danger);
}

.text-warning {
  color: var(--warning);
}

.display-1 {
  font-size: clamp(2.7rem,8vw,5.5rem);
}

.display-2 {
  font-size: clamp(2.3rem,7vw,4.5rem);
}

.display-3 {
  font-size: clamp(1.9rem,6vw,3.5rem);
}

.display-4 {
  font-size: clamp(1.5rem,5vw,2.5rem);
}

.lead {
  font-size: clamp(1.1rem,3vw,1.5rem);
}

table {
  width: 100%;
  border: 0;
  border-color: var(--grey1);
}

tbody, td, tfoot, th, thead, tr {
  text-align: left;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

table > :not(caption) > * > * {
  padding: .5rem;
  border-bottom-width: 1px;
}

thead {
  font-weight: 600;
}

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

.tbody-icon .fa-check,
.tbody-icon .icon-check,
.tbody-icon .icon-publish {
  color: #448344;
}

.tbody-icon .fa-delete,
.tbody-icon .fa-times,
.tbody-icon .icon-delete,
.tbody-icon .icon-times {
  color: #a51f18;
}

.float-end {
  text-align: end;
}


/* Buttons */
.btn {
  display: inline-block;
  padding: var(--s0) var(--s1);
  cursor: pointer;
}

a.btn {
  text-decoration: none;
}

/*************  Send button contact form   ***************/
.btn-primary,.readmore .btn {
  margin: var(--s0) 0;
  color: var(--btncolor);
  background-color: #b2b2b2;
  border: 1px solid var(--btnbg);
}

/*************  Send button contact form   ***************/
.btn-primary:hover,.readmore .btn:hover {
  color: #808000;
  background-color: #ced4da;
  border-color: var(--btnbgh);
}

/********  Contact Form Links add contact-links class to module   **********/
a.contact-links {
  text-decoration: none;  
}

a.contact-links:hover  {
  text-decoration: none;
  color: #baa147;  
}

.btn-secondary {
  border: 1px solid #ced4da;
}

.btn-secondary:hover {
  background-color: var(--grey1);
  color: #fff;
}

/************** readmore button  *******************/
.readmore {
  padding:10px;
  font-size: 14px;  
  text-decoration: none; 
}

.readmore .btn {
  padding: var(--s1);
  margin: var(--s2) 0;
  text-decoration: none;

}

.btn-sm {
  padding: .5rem;
  font-size: .9rem;
}

.btn-info {
  color: #fff;
  background-color: var(--info);
  border: 0px solid var(--info);
}

.btn-info:hover {
  background-color: var(--infoh);
  border-color: var(--info);
}

.btn-success {
  color: #fff;
  background-color: var(--success);
  border: 1px solid var(--success);
}

.btn-success:hover {
  background-color: var(--successh);
  border-color: var(--successh);
}

.btn-danger {
  color: #fff;
  background-color: var(--danger);
  border: 1px solid var(--danger);
}

.btn-danger:hover {
  background-color: var(--dangerh);
  border-color: var(--dangerh);
}

.btn-warning {
  color: #fff;
  background-color: var(--warning);
  border: 1px solid var(--warning);
}

.btn-warning:hover {
  background-color: var(--warningh);
  border-color: var(--warningh);
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

meter {
  width: 100%;
}

.collapse:not(.show) {
  display: none;
}

/* Alerts */
.alert {
  position: relative;
  padding: var(--s1);
  margin-bottom: var(--s1);
  border: 1px solid transparent;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: var(--s3);
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem var(--s1);
}

.alert-primary {
  color: var(--bodycolor);
  background-color: #f4f4f4;
  border-color: var(--grey1);
}

.alert-primary .alert-link {
  color: var(--linkcolor);
}

.alert-secondary {
  color: var(--grey2);
  background-color: #f4f4f4;
  border-color: var(--grey1);
}

.alert-secondary .alert-link {
  color: var(--grey2);
}

.alert-success {
  color: var(--bodycolor);
  background-color: var(--successl);
  border-color: var(--successl);
}

.alert-success .alert-link {
  color: var(--success);
}

.alert-info {
  color: var(--bodycolor);
  background-color: var(--infol);
  border-color: var(--infol);
}

.alert-info .alert-link {
  color: var(--info);
}

.alert-warning {
  color: var(--bodycolor);
  background-color: var(--warningl);
  border-color: var(--warningl);
}

.alert-warning .alert-link {
  color: var(--warning);
}

.alert-danger {
  color: var(--bodycolor);
  background-color: var(--dangerl);
  border-color: var(--dangerl);
}

.alert-danger .alert-link {
  color: var(--danger);
}

/* Layout */
/***********  place content top overlapping goldbar  *************/
.wrapper {
  max-width: var(--wrapperwidth);
  margin: 0 auto;
  margin-top: -45px;
  background-color: #ffffff;
}

.mod-breadcrumbs__wrapper {
  width: 100%;
  padding: 0 var(--s2);
}

.mod-breadcrumbs {
  max-width: var(--wrapperwidth);
  margin: var(--s1) auto;
}

/* Header */
/***********  header height  *************/
header {
  position: relative;
  height: 130px;
  padding: var(--s2) var(--s2);
  font-size: 1.3rem;
  color: var(--headercolor);
  /*background-color: #f0ede1;*/
  background-color: #efede5;
}

/***********  background for logo and menu  *************/
.header__wrapper {
  height: 130px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  /*background-color: #f0ede1;*/
  background-color: #efede5;
}

/*****************  social-links centering from top **************/
header .social-links{
  position: absolute;
  display: inline-flex;
  float:left;
  text-align:rigth;
  line-height:1.2;
  font-size: 15px;
  width: 250px;
  top: 10px;
  right: 70px;
}

@media (max-width: 799px) {
    header .social-links{
    position: absolute;
    display: inline-flex;
    float:left;
    text-align:rigth;
    line-height:1.2;
    font-size: 14px;
    width: 220px;
    top: 10px;
    right: 0px;
  }
}

header span {
  font-weight: 600;
}

header a {
  color: var(--headercolor);
  text-decoration: none;
}

/****************  menu underline  *****************************/
header a:hover,header .active > a,header .nav-item.active > a {
  /*color:var(--headercolor);*/
  text-decoration: none;  
  /*text-underline-offset: 0px;*/
  color: #b8a048;
}

.navbar-brand span {
  font-size: 3rem;
}

.navbar-brand a {
  display: block;
  text-decoration: none;
}

/*****************  main menu centering **************/
header .menu-horizontal,.navbar-top .mod-menu{
  display:flex;
  flex-wrap:wrap;
  gap:var(--s0);
  align-items:center;
  justify-content:center;
  font-weight:500;
}

/*****************  logo centering **************/
.logo{
  display:flex;  
  margin-right: 400px;
  margin-top: 20px;
}
@media (max-width: 799px) {
.logo{
  display:flex; 
  width: 150px;  
  margin-right: 400px;
  margin-top: 30px;
}
}

.header__end {
  display: flex;
  align-items: center;
}

.nav__toggle {
  display: none;
}

.nav__toggle svg {
  fill: var(--headercolor);
}

@media (max-width: 799px) {
  .nav__toggle {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: var(--s0);
    line-height: 1;
    color: var(--headercolor);
    background: transparent;
    border: 0;
  }
}

/*****************  main menu centering **************/
.navbar-top .mod-menu {
  position: absolute;
  display: inline-flex;
  width: 600px;
  top: 30px;
  left: 250px;
}

@media (max-width:1260px){  
  .navbar-top .mod-menu {   
    position: absolute;
    display: inline-flex;
    font-size: 18px;
    width: 450px;
    top: 35px;
    left: 140px;
   }
}

@media (max-width:1080px){  
  .navbar-top .mod-menu {    
    position: absolute;
    display: inline-flex;
    font-size: 16px;
    width: 450px;
    top: 35px;
    left: 110px;
   }
}

@media (max-width:780px){
  .navbar-top .mod-menu {   
    position: absolute;
    display: inline-flex;
    font-size: 16px;
    top: 50px;
    left: 2px;
  }
}

@media (max-width: 799px) {
  .navbar__with-burger .mod-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    background-color: var(--headerbg);
    opacity: 0;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transform: translateY(-100%);
  }

  .navbar__with-burger .mod-menu.active {
    z-index: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--s1);
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }

  .navbar-top .mod-menu {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.search {
  display: flex;
  align-items: center;
}

.search__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  order: 1;
  padding: var(--s0);
  line-height: 1;
  color: var(--headercolor);
  background: transparent;
  border: 0;
}

.search__toggle svg {
  fill: var(--headercolor);
}

@media (min-width: 800px) {
  .search__toggle {
    margin-left: var(--s0);
  }
}

#finder-filter-select-dates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Containers */
.container-search {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  background-color: #fff;
}

.container-search input {
  width: 100%;
  min-width: 200px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.container-search .input-group {
  justify-content: center;
}

.container-search.active {
  z-index: 1;
  display: block;Adm.4ftp/20115839!
  box-shadow: var(--card-shadow);
}

.container-search.active form > .awesomplete {
  display: block;
}

.container-search.active form > .awesomplete > input {
  text-align: center;
}

.container-top-header {
  padding: var(--s0) var(--s2);
}

.container-top-header .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.container-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.container-banner {
  height: var(--bannerheight);
  color: var(--bannercolor);
}

.banner-overlay {
  height: var(--bannerheight);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center,center;
  background-size: cover;
}

.banner-overlay .overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  background-color: var(--banneroverlay);
}

.container-top-a {
  padding: var(--s4) 0;
  background-color: var(--topabg);
}

.container-top-b {
  padding: var(--s4) 0;
  background-color: var(--topbbg);
}

.container-bottom-a {
  padding: var(--s4) 0;
  background-color: var(--bottomabg);
}

.container-bottom-b {
  padding: var(--s4) 0;
  background-color: var(--bottombbg);
}

.with-wrapper {
  padding: var(--s4) var(--s2);
}

/**************  reduce gap between columns  ********************/
@media (min-width:800px){
    .with-sidebar-left{
    display:grid;
    grid-template-columns:420px 1fr; /*** sidebar width *****/
    grid-gap:var(--s1);/*** gap width *****/
    }

    /**************  reduce gap between columns  ********************/
    .with-sidebar-right{
    display:grid;
    grid-template-columns:1fr 420px;
    grid-gap:var(--s1);
    }

    .sidebar--left,.sidebar--right{
    align-self:start;
    }
}

/**************  Goldbar  ********************/
main{
border-top:80px solid #b8a048;
}

.grid {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  grid-gap: var(--s2);
}

@media (min-width: 800px) {
  .columns-2 {
    grid-template-columns: 1fr 1fr;
  }

  .columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Dividers */
.custom-shape-divider {
  height: 150px;
}

.custom-shape-divider svg {
  width: 100%;
  height: 100%;
}

.custom-shape-divider.top-b svg {
  fill: var(--topbbg);
}

.custom-shape-divider.bottom-a svg {
  fill: var(--bottomabg);
}

.custom-shape-divider.bottom-b svg {
  fill: var(--bottombbg);
}

/* Pagination */
.pagenavigation {
  clear: both;
}

.pagenavigation .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pagination li.next:only-child {
  margin-left: auto;
}

.pagination-toolbar .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page-item {
  margin: var(--s0);
}

.page-link {
  padding: var(--s0);
}

.counter {
  font-size: .9rem;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s0);
}

.back-to-top-wrapper {
  position: absolute;
  top: calc(100vh + 10em);
  right: 6px;
  bottom: 0;
  z-index: 1030;
  width: 4rem;
  pointer-events: none;
}

.back-to-top-link {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  top: calc(100vh - 5rem);
  padding: var(--s1);
  text-decoration: none;
  pointer-events: all;
  transition: all .2s ease-in;
}

.arrow-up {
  font-size: 1.8rem;
}

/*********** footer remove padding  ************/
footer{
margin-top:auto;
padding:var(--s0) var(--s0)
/*font-weight:600;*/
color: #444444;
background-color: #ced4da;
}

footer a{
color: #444444;
text-decoration: none;
}

footer .nav-item.active a,footer a:hover{
color: #808000;
}

footer a:hover {
color: #808000;  
}
/********* footer bottom-menu position ************/
footer .menu-horizontal {
display:flex;
flex-wrap:wrap;
/*gap:var(--s0);*/
align-items:center;
justify-content:center;
margin-top: 20px;
font-size: 14px;
font-weight:500;
}

/*********** Position for List of Articles in footer  ************/
footer .article-list {
  display: flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content: center;
  font-size: 14px;
  font-weight:300;
}

@media (max-width: 800px) {
  .article-list {
    padding-left: 10px;
  }
}

.article-list .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  font-weight:400;
}

.article-list .column {
  display: flex;
  flex-direction: column;  
  flex: 1;
}

/*********** copyright  ************/
.copyright {
  padding:10px;
  font-size: 13px;  
}

@media (max-width: 800px) {
  .copyright {
    padding: 10px;
  }
}

/*********** footer fullwidth  ************/
.container-footer_wrapper{
margin-top: -12px;  
background-color: #ced4da;
}

/* Menu */
.nav-item a,
.nav-item span {
  display: inline-block;
  padding: var(--s0) 0;
  margin: var(--s0);
}

.nav-item.active > a {
  color: var(--linkcolorh);
}

.navbar-top .mod-menu,

.menu-horizontal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s0);
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.mod-menu .mod-menu__sub {
  padding-left: var(--s1);
}

.nav-item.divider:not(.parent) {
  height: 1px;
  padding: 0;
  margin: .25em;
  overflow: hidden;
  border-bottom: 1px solid #ced4da;
}

.navbar-top .mod-menu .nav-item.divider:not(.parent),
.menu-horizontal .nav-item.divider:not(.parent) {
  width: 1px;
  border-right: 1px solid #ced4da;
}


@media (max-width: 800px) {
  .navbar__with-burger .nav-item.divider:not(.parent) {
    width: auto;
    height: 1px;
    border-bottom: 1px solid #ced4da;
  }
}

/* Content */
/**************** Article padding Add to the Joomla Module Style - card ************/
.article-padding{
  padding-left: 10px;
}


.blog-items {
  display: grid;
  margin: 0 0 var(--s1);
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  grid-gap: var(--s2);
}

.blog-item {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.blog-items[class^="masonry-"],
.blog-items[class*=" masonry-"] {
  display: block;
  -moz-column-gap: var(--s2);
       column-gap: var(--s2);
}

.blog-items[class^="masonry-"] .blog-item ,
.blog-items[class*=" masonry-"] .blog-item {
  display: inline-flex;
  margin-bottom: var(--s2);
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

@media (min-width: 800px) {
  .blog-items.columns-2 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-items.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blog-items.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .blog-items.image-left > .blog-item,
  .blog-items.image-right > .blog-item,
  .blog-items.image-alternate > .blog-item {
    flex-direction: row;
  }

  .blog-items.image-left > .blog-item .item-image,
  .blog-items.image-right > .blog-item .item-image,
  .blog-items.image-alternate > .blog-item .item-image {
    flex: 1 0 40%;
  }

  .blog-items.image-left > .blog-item .item-image {
    padding-right: var(--s2);
  }

  .blog-items.image-right > .blog-item .item-image {
    padding-left: var(--s2);
    order: 1;
  }

  .image-alternate .blog-item .item-image {
    padding-right: var(--s2);
  }

  .image-alternate .blog-item:nth-of-type(2n+1) .item-image {
    padding-left: var(--s2);
    order: 1;
  }

  .blog-items.masonry-2 {
    -moz-column-count: 2;
         column-count: 2;
  }

  .blog-items.masonry-3 {
    -moz-column-count: 3;
         column-count: 3;
  }

  .blog-items.masonry-4 {
    -moz-column-count: 4;
         column-count: 4;
  }
}

/* Cards */
.shadow .blog-item {
  position: relative;
  box-shadow: var(--card-shadow);
}

.shadow .blog-item:hover {
  box-shadow: var(--card-shadow-hover);
}

.shadow .blog-item h2 a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.shadow .item-content {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  padding: 0 var(--s1) var(--s1);
}

.shadow .item-content .readmore {
  margin-top: auto;
}

.item-image {
  margin-bottom: var(--s1);
}

.item-page .left {
  float: left;
  margin-right: var(--s1);
}

.item-page .right {
  float: right;
  margin-left: var(--s1);
}

.page-header a {
  text-decoration: none;
}

.article-info {
  margin-bottom: var(--s1);
  font-size: 1rem;
}

.tags a {
  font-weight: 600;
  text-decoration: none;
}

.tags a:hover {
  color: #fff;
  text-decoration: none;
}

.tags a:focus {
  outline-color: var(--bodycolor);
}


.com-users-login__options a {
  display: block;
}

.com-users-login__remember {
  display: flex;
  align-items: center;
}

.com-users-login__remember > .control-label {
  order: 1;
}

/* Modules */
.mod-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.mod-breadcrumbs a,
.mod-breadcrumbs li > span {
  padding: calc(var(--s1));
}

.mod-breadcrumbs li:after {
  content: "|";
}

.mod-breadcrumbs li:first-child:after,
.mod-breadcrumbs li:last-child:after {
  content: "";
}

.mod-finder__search input,
.mod-finder__search button {
  padding: var(--s0);
  font-size: .9rem;
}

.mod-list:not(.mod-menu) li {
  margin-bottom: var(--s1);
}

.mod-articles-category-title {
  display: block;
}

.mod-articles-category-group {
  font-weight: 600;
}

.mod-articles-category-readmore {
  margin-top: var(--s0);
}

.mod-login input[type="checkbox"],
.mod-login input[type="radio"] {
  width: auto;
}

.mod-tagspopular ul {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.mod-tagspopular ul li {
  margin-right: .5rem;
}

.tagspopular .tag-count {
  padding: .125rem .65rem;
  color: #fff;
  background-color: var(--info);
}


/* Modal */
.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: .5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dfe3e7;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

.modal-header .btn-close {
  padding: .5rem;
  margin: -.5rem -.5rem -.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dfe3e7;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}

.modal-footer > * {
  margin: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 36em) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 62em) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 75em) {
  .modal-xl {
    max-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 35.98em) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 47.98em) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 61.98em) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 74.98em) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

.jviewport-height10 {
  height: 10vh;
}

.jviewport-height20 {
  height: 20vh;
}

.jviewport-height30 {
  height: 30vh;
}

.jviewport-height40 {
  height: 40vh;
}

.jviewport-height50 {
  height: 50vh;
}

.jviewport-height60 {
  height: 60vh;
}

.jviewport-height70 {
  height: 70vh;
}

.jviewport-height80 {
  height: 80vh;
}

.jviewport-height90 {
  height: 90vh;
}

.jviewport-height100 {
  height: 100vh;
}


[class*=jviewport-height] iframe {
  height: 100%;
}

.modal-dialog.jviewport-width10 {
  width: 10vw;
  max-width: none;
}

.modal-dialog.jviewport-width20 {
  width: 20vw;
  max-width: none;
}

.modal-dialog.jviewport-width30 {
  width: 30vw;
  max-width: none;
}

.modal-dialog.jviewport-width40 {
  width: 40vw;
  max-width: none;
}

.modal-dialog.jviewport-width50 {
  width: 50vw;
  max-width: none;
}

.modal-dialog.jviewport-width60 {
  width: 60vw;
  max-width: none;
}

.modal-dialog.jviewport-width70 {
  width: 70vw;
  max-width: none;
}

.modal-dialog.jviewport-width80 {
  width: 80vw;
  max-width: none;
}

.modal-dialog.jviewport-width90 {
  width: 90vw;
  max-width: none;
}

.modal-dialog.jviewport-width100 {
  width: 100vw;
  max-width: none;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  color: #000;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}

/* Tooltip and Popover */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-size: .9rem;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  white-space: normal;
  line-break: auto;
  opacity: 0;
}

.tooltip.show {
  opacity: .9;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: .4rem 0;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: .4rem .4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 .4rem;
}

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: .4rem;
  height: .8rem;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: .4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 .4rem;
}

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: .4rem;
  height: .8rem;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-size: .9rem;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  white-space: normal;
  line-break: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
}

.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-.5rem - 1px);
}


.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25);
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25);
}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-.5rem - 1px);
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25);
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}


.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25);
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: .5rem 1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem;
  color: #22262a;
}


/* Error */
body.error-site {
  display: flex;
  flex-direction: column;
}

body.error-site footer {
  margin-top: auto;
}


@media print {
  .logo, nav, aside, header, footer, .container-banner, .pager {
    display: none;
  }

  /* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
  /* Das spart Tinte */
  body {
    margin: .8cm .3cm;
    overflow: auto;
    font-size: 11pt;
    line-height: 1.4;
    color: #000;
    background: #fff !important;
  }

  h1 {
    font-size: 24pt;
    color: #000;
  }

  h2, h3, h4 {
    margin-top: 25px;
    font-size: 14pt;
    color: #000;
  }

  /* Alle Seitenumbrüche definieren */
  a {
    page-break-inside: avoid;
  }

  blockquote {
    page-break-inside: avoid;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }

  table, pre {
    page-break-inside: avoid;
  }

  ul, ol, dl {
    page-break-before: avoid;
  }

  /* Linkfarbe und Linkverhalten darstellen */
  a:link, a:visited, a {
    color: #0069a0;
    text-align: left;
    text-decoration: none;
    background: transparent;
  }

  a[href^=http]:after {
    content: "";
  }

  article a[href^="#"]:after {
    content: "";
  }

  a:not(:local-link):after {
    content: " <" attr(href) "> ";
  }

  .wrapper,
  .main-content,
  .main-content > *,
  .main-content > * > * {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: auto;
  }

  .full-width {
    margin: 0 var(--s2);
  }

  article {
    padding: 10pt;
  }

  main {
    background-color: #fff;
  }

  /**
    * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
    */
  iframe {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
}