@font-face {
  font-family: "OktahNeueUltraLight";
  src: url('../fonts/OktahNeueUltraLight/font.woff2') format('woff2'), url('fonts/OktahNeueUltraLight/font.woff') format('woff');
}

:root, [data-bs-theme="light"] {
  --font-sans-serif: "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-sans-serif: "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --gradient: linear-gradient(180deg,#ffffff26,#fff0);
  --body-font-family: "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
  --body-color: #2d3a4b;/**LU**/
  --body-color-rgb: 45,58,75;/**LU**/
  --body-bg: #dae0e6;/**LU**/
  --body-bg-rgb: 218,224,230;/**LU**/
  --link-color: #01999a;/**LU**/
  --link-color-rgb: 0,154,154;/**LU**/
  --link-decoration: none;/**LU**/
  --link-hover-color: #007878;/**LU**/
  --link-hover-color-rgb: 0,120,120;/**LU**/
  --pagination-bg:#d3d8e0; /**LU**/
  
body, h1,h2,h3,h4 {
    font-weight: 300;
    font-family: "OktahNeueUltraLight", "Helvetica Neue", Roboto;
  }
br {
	line-height: 1.7em;
}
.container-header {
  background-color: transparent;
  background-image: none;
  box-shadow: inset 0 0px 0px #00000008;
}
.container-header .grid-child {
  padding-left: 0em;
}
.container-header nav {
  margin-top: 0;
  padding: 1em;
  padding-left: 2em;
}
@media (width >= 992px) {
  .container-header nav {
  margin-top: 0;
  padding: 0;
}
}
.container-header .navbar-brand a {
  color: #01999a;
}
.container-header .navbar-brand {
  color: #01999a;
  font-size: 2rem;
    padding-left: 1em;
}
  @media (width >= 992px) {
  .container-header .navbar-brand {
  color: #01999a;
  font-size: 2rem;
    padding-left: 0em;
}
    }
  a.brand-logo {
    text-decoration: none;
  }
.site-description {
  font-size: 1.2rem;
  color:  #01999a;
  text-transform: uppercase;
  letter-spacing: 13px;
  text-transform: uppercase;
  }
.container-header .mod-menu {
  color: #68727E;
}
.metismenu.mod-menu .metismenu-item {
  flex-wrap: wrap;
  align-items: center;
  padding:0;
  font-size: 1.1rem;
  line-height: 3em;
  display: flex;
}
  .container-nav {
    border-top: 15px solid #c8cfd6;
   /* border-bottom: 1px solid #c8cfd6;*/
    background: rgba(200,206,214,0.4);
    padding-bottom:0;
  }
  .container-header .grid-child {
    padding-top:0;
}
   .container-header .metismenu>li>a {
        padding: 1em 2em;
  }
  .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before, .container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before {
    background: transparent;
} 
 .container-header .navbar-toggler {
  color: #01999a;
  cursor: pointer;
  border: 1px solid #01999a;
}
  @media (width >= 992px) {
  .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, .container-header .metismenu > li.level-1 > a:hover, .container-header .metismenu > li.level-1 > button:hover {
    text-decoration: none;
    background-color: #c8cfd6;
  }
}
  /*** STARTSEITE ***/
.start .container-header .grid-child {
  padding:0;
    padding-bottom: 0;
}
 .start .container-header .navbar-brand a {
  color: #01999a;
}
.start.container-header .navbar-brand {
  color: #01999a;
  font-size: 4rem;
}
.start h1 {
   font-family: "OktahNeueUltraLight","Helvetica Neue", Roboto;
   font-size: 4rem;
   color: #01999a;
   font-weight: 300;
   margin-top:25%;
   margin-left: 25%;
   justify-content:center;
  }
.start  h2 {
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 30px;
  color: #01999a;
  font-weight: 300;
  margin-left: 25%;
  }
  .start .item-content {
   border-bottom: 50px rgba(45,58,75,0.1) solid;
   padding-bottom:25px;
  }
@media (max-width: 768px) {
  .start h1 {
    font-family: "OktahNeueUltraLight";
    font-size: 3rem;
      margin-left: 0;
  }
  .start  h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 30px;
       margin-left: 0;
      letter-spacing: 10px;
  }
}
  @media (max-width: 991px) {
  .start h1 {
margin-top: 1rem;
  }
    }
  /****** standardseiten ****/
.site-grid {
  padding-top: 2em;
grid-gap: 0 2em;
}
.footer {
  color: #68727E;
  background-color: transparent;
  background-image: none;
  margin-top: 1em;
  font-size: 1.5em;
}
.item-content {
   border-bottom: 2px rgba(45,58,75,0.1) solid;
   padding-bottom:15px;
  }
.blog-item .item-image {
  margin-top: 15px;
  margin-bottom: 15px;
}
  /*** 2-spaltiger Text in Beiträgen ***/
.col2 {
  column-count: 2; 
  column-gap: 5rem;
  column-rule: 1px solid rgba(200,207,214,1);
}
@media (max-width: 780px) {
  .col2 { 
    column-count: 1; 
  }
}
@media (max-width: 480px) {
  .col2 { 
    column-count: 1; 
  }
}
 div.sidebar-left.card.ausstellungen h1 {
  /*transform: rotate(270deg) !important;*/
   text-align:center;
 }
  .container-sidebar-left {
  background-color: rgba(200,207,214,1);
}
 div.sidebar-left.card.ausstellungen {
    background-color: transparent;
   border:none;
 }
/***** SIGPLUS *****/
#sigplus_1002 .slideplus-content {
  justify-content: left;
  align-items: center;
}
/**** FOOTERMENU ***/
footer .grid-child {
  padding: 2.5rem 0;
}
  @media (max-width: 991px) { 
    footer .grid-child {
  background-color: #d3d8e0;
}
  }
  footer.container-footer.footer.full-width div.grid-child ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-horizontal {
  font-size: 1.1rem;
  line-height: 2em;
  background-color: #d3d8e0;
}
  @media (max-width: 991px) {
    footer.container-footer.footer.full-width div.grid-child ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-horizontal {
  background-color: transparent;
}}
 .start footer.container-footer.footer.full-width div.grid-child ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-horizontal {
  background-color: transparent;
}
.metismenu.mod-menu .metismenu-item a {
      padding:1em;
}
@media (max-width: 991px) {  
.metismenu.mod-menu .metismenu-item a {
      padding:0em;
}
.metismenu.mod-menu .metismenu-item {
  line-height: 2.5em;
}}
    .metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {
  outline-offset: 2px;
  outline: 1px dotted #ced4da;
}
  .footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: #01999a;
}
/** PAGELINK ***/
  .page-link.active, .active > .page-link { 
  color: var(--pagination-active-color);
  background-color: #01999a;
  border-color: #01999a;
}
  .clear {
    clear: both;
}
  /**** Cookiehint ***/
#cookiehintsubmit, #cookiehintsubmitno {
  background: #01999A !important;
 background-image: none;
  border-radius: 0px !important;
}
#cookiehintsubmit:hover, #cookiehintsubmitno:hover {
  background: #007878!important;
}
.pagination {
  --pagination-hover-bg: #d3d8e0;
  --pagination-active-bg: #010156;
  --pagination-active-border-color: #010156;
  --pagination-disabled-bg: #d3d8e0;
}