/* antic-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Antic Slab';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/antic-slab-v16-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/antic-slab-v16-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
  --body-font-family: 'Antic Slab';
  --body-bg: #b7b7b7;
  --cassiopeia-color-primary: #b7b7b7;
  --cassiopeia-color-hover: #5d605c;
  --color-primary: #5d605c;
  --color-secondary: #a28c02;
  --link-color: #5d605c;
  /*--gray-200: #5d605c;*/
}
.metismenu-item  .metismenu-item:hover a,
.metismenu-item  .metismenu-item.current.active a,
.metismenu-item  .metismenu-item.current.active a:hover {
  color: #fff;
}
@supports (display:grid) {
  .site-grid {
    grid-gap: unset;
   }
}
.navbar {
  --navbar-toggler-icon-bg: none;
  --navbar-toggler-border-color: unset;
}
.logo-image {
  margin-right: 10px; 
  margin-top: 3px; 
  float: left;
}
@media (width < 440px) {
  .logo-image {
    margin-right: auto; 
    margin-left: auto;
    margin-top: 3px; 
    float: unset;
    display: block;
  }
  .full-width .container-nav .mod-custom.custom {
    width: 100%;
    text-align: center;
  }
}
@media (width <= 768px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 7px;
    width: 100%;
    border: none;
  }
}
@media (width < 992px) {
.container-header nav {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
}
}
.blog-items .blog-item {
    border-bottom: 1px solid var(--color-primary);
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
.navbar-collapse .metismenu .metismenu-item:hover,
.navbar-collapse .metismenu .metismenu-item.current.active {
  background-color: var(--color-primary);
  color: white;
}
.page-header {
  margin-bottom: 15px;
}
.container-header {
  background-color: unset;
  background-image: unset;
  box-shadow: unset;
  border-bottom: 2px solid #999;
  margin-bottom: 15px;
}
.container-header .navbar-toggler {
  color: var(--color-primary);
  border: var(--color-primary);
}
.navbar-toggler {
	margin-left: auto;
}
.framed {
  background-color: #f8f9fa;
  margin: 15px auto;
  /* border: 1px solid black; */
  max-width: 1200px;
  box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.39);
}
@media (width < 1200px) {
  .framed {
  margin: 0px;
}
}
.footer .grid-child div {
  width: 100%;
}
.container-header .mod-menu {
  color: var(--color-primary);
}
.container-header .grid-child {
  padding: 10px 15px;
}
.card {
  background-color: unset;
}
.site-slogan {
  display: block;
  opacity: 0.5;
  text-transform: none;
  font-size: 1rem;
  margin-top: -3px;
  line-height: 1;
}
main {
  padding: 0px 15px;
}
.grid-child.container-bottom-a {
  background-color: #eee;
  padding: 15px 0px;
  margin-top: 15px;
}
.footer {
  color: #000;
  background-color: unset;
  background-image: unset;
  margin-top: unset;
}
.footer .grid-child {
  padding: 15px;
  background-color: #5d605c;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: #b0b6bb;
  font-size: 0.875rem;
}
.card-header {
  padding: 1rem 1rem 0 1rem;
  color: inherit;
  background-color: unset;
  border-bottom: unset;
  margin-bottom: 0;
  font-size: 22px;
}
.grid-child {
  max-width: 1200px !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Antic Slab';
}
h1, .h1 {
    font-size: 2rem;
}
.article-info {
  font-size: 12px;
  padding-top: 10px;
  margin-left: 10px;
}
a:hover, a:hover:not([class]) {
  text-decoration: none;
}
a.logo {
  color: var(--color-primary);
  font-weight: 700;
  text-decoration: none;
  font-size: 36px;
  white-space: nowrap;
}

.gbtn {
  box-shadow: unset;
  background: var(--color-primary);
  background-color: var(--color-primary);
  border-radius: 5px;
  border: none;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 13px;
  text-decoration: none;
  text-shadow: none;
  margin-top: 5px;
  font-weight: 700;}
.gbtn:hover {
  color: #ffffff;
  background: #212321;
  background-color: #212321;
  text-decoration: underline;}
.gbtn:active, .gbtn:focus {
	color:#ffffff;
	position:relative;
	top:1px;
}

.blog-featured .blog-item .page-header h2,
.blog-featured .blog-item h2.item-title,
.aktuelles .blog-item .page-header h2,
.aktuelles .blog-item h2.item-title {
  font-size: 24px;
  background-color: var(--color-primary);
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
}
.blog-featured .blog-item .page-header h2 a,
.blog-featured .blog-item h2.item-title a,
.aktuelles .blog-item .page-header h2 a,
.aktuelles .blog-item h2.item-title a {
  color: #fff;
  text-decoration: none;
}
.blog-featured .blog-item .page-header h2 a:hover,
.blog-featured .blog-item h2.item-title a:hover,
.aktuelles .blog-item .page-header h2 a:hover,
.aktuelles .blog-item h2.item-title a:hover {
  text-decoration: underline;
}

.termine td {
  vertical-align: top;
  padding: 5px 10px;
  background-color: unset;
}
.termine tr:nth-child(odd) {
  background-color: #dedede;
}

.wf-column {
  width: 50%;
}
@media (min-width: 960px) {
  .wf-column1 {
    width: 74%;
  }
  .wf-column2 {
    width: 24%;
  }
}
@media (max-width: 959px) {
  .wf-column1 {
    width: 100%;
  }
  .wf-column2 {
    width: 100%;
  }
  .wf-column1 img, 
  .wf-column2 img {
    margin: 0 auto;
  }
}