@font-face{
font-family:"DIN W01 Regular";
src:url("../../../fonts/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix");
src:url("../../../fonts/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix") format("eot"),url("../../../fonts/5591097/6ceed230-b2b3-4422-b048-4aa11687430a.woff2") format("woff2"),url("../../../fonts/5591097/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff") format("woff"),url("../../../fonts/5591097/247437df-66d2-4605-ac03-1be0e07c31a7.ttf") format("truetype");}
@font-face{
font-family:"DIN W01 Bold";
src:url("../../../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix");
src:url("../../../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix") format("eot"),url("../../../fonts/5591154/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2") format("woff2"),url("../../../fonts/5591154/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff") format("woff"),url("../../../fonts/5591154/24018d68-3235-4323-9ec0-4a86537b0f30.ttf") format("truetype");}
@font-face{
font-family:"DIN W01 Cond";
src:url("../../../fonts/5611664/5888c892-31a9-4d70-9c78-f102b2263672.eot?#iefix");
src:url("../../../fonts/5611664/5888c892-31a9-4d70-9c78-f102b2263672.eot?#iefix") format("eot"),url("../../../fonts/5611664/c61cd1a0-335d-4e20-b287-0e2dfc539736.woff2") format("woff2"),url("Fonts/5611664/48dc5fa9-c08c-4748-8a4d-1337020f2aa7.woff") format("woff"),url("../../../fonts/5611664/c9bf3556-5f99-4c8b-9aec-02b173a602f8.ttf") format("truetype");
    }/* ----------------- ALLGEMEIN ----------------- */	

b, strong {
  font-family: "DIN W01 Bold";
  font-weight: normal;
}
.only-first > div > div:not(:first-child) {
  display: none;
}
.uk-navbar-toggle-icon.uk-icon,
.uk-navbar-toggle-icon.uk-icon svg {
  display: none;
  width: 0;
  padding: 0;
}
.logomobile {
  margin-bottom: -10px;
  padding: 10px 0 0;
}
.uk-heading-hero a,
a.el-content,
.uk-subnav a,
.uk-text-primary a {
  text-decoration: none;
}
.uk-navbar-toggle-icon.uk-icon svg {
  display: inline;
  width: 37px;
  padding: 5px 0 0 15px;
}
.uk-subnav li a {
  font-weight: normal;
  border-bottom: 1px solid #f0f0f0;
}
.uk-subnav li.uk-active a,
.uk-subnav li a:hover {
  border-bottom-color: #000;
}

/* DIVERSES*/
.legende-klein .el-overlay,
.legende-klein-eng .el-overlay {
  padding-left: 0;
}
.legende-klein .el-content,
.legende-klein-eng .el-content {
  font-family: "DIN W01 Bold";
  font-size: 15px;
  line-height: 20px;
}
.legende-klein .el-content {
  padding: 8px 0 20px;
}
.legende-klein-eng .el-content {
  padding: 0;
}
.legende-klein-eng .el-item .el-overlay.uk-overlay.uk-tile-default.uk-padding-small {
  padding: 10px 0 0;
}
.legende-klein-eng .el-content.uk-panel.uk-margin-small-top {
  padding: 0;
}
@media (max-width: 1024px) {
  .legende-klein .el-item .el-overlay.uk-overlay.uk-tile-default.uk-padding-small {
    padding-top: 10px;
  }  .legende-klein .el-content.uk-panel.uk-margin-small-top {
    padding: 0 0 20px;
  }  .legende-klein .el-content {
    padding: 0 0 10px;
  }}
/* Seitlicher Abstand mobile xs bei Galerien*/
/* --- Galerieabstände --- */
@media (max-width: 600px) {
  .galerieabstand .uk-first-column {
    padding-left: 30px;
    padding-right: 10px;
  }  .galerieabstand .abstandklein {
    margin-top: -10px !important;
  }  .publikationen .el-title.uk-h5.uk-margin-remove-top {
    margin-top: -10px !important;
  }}
/* --- Legende klein Dia --- */
.legende-klein.dia .el-item {
  margin-bottom: 130px;
  overflow: visible;
}
.legende-klein.dia .el-overlay {
  bottom: -150px;
}
/* --- Anker --- */
.anker {
  height: 1px;
  width: 1px;
  border: 0 solid #009966;
  margin-top: -30px !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
  text-decoration: none !important;
}
@media (min-width: 960px) {
  .anker {
    border: 0;
    margin-top: -277px !important;
    margin-bottom: 277px !important;
    padding: 0 !important;
    text-decoration: none !important;
  }}
.anker a {
  text-decoration: none !important;
  height: 1px;
  width: 1px;
  font-size: 1px;
}
/* --- Ankerhöhen --- */
.ankerhoch,
.ankersehrhoch,
.ankertief,
.ankerabstand {
  height: 1px;
}
@media (min-width: 1035px) {
  .ankerabstand {
    height: 40px;
  }}
@media (min-width: 1036px) {
  .ankerhoch {
    height: 60px;
  }  .ankertief {
    height: 40px;
  }  .ankersehrhoch {
    height: 100px;
  }}
/* --- Lightbox --- */
@media (max-width: 960px) {
  .uk-lightbox-toolbar.uk-lightbox-caption.uk-position-bottom.uk-text-center {
    text-align: left !important;
  }  .uk-lightbox-toolbar-icon {
    float: right;
    padding: 12px;
    margin: -25px -10px -12px 0;
    color: #fff;
    background: #d8d8d8;
  }}

/* ----------------- TEMPLATE ----------------- */	
@media (min-width: 959px) {

  /* Toolbar und Header fixiert */
  .tm-toolbar,
  .tm-header,
  .startseite .tm-header,
  .hdm .tm-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding: 0;
    margin-bottom: 0;
  }
  .tm-toolbar {
    z-index: 999;
  }
  .tm-toolbar .uk-subnav {
    font-family: "DIN W01 Cond";
    font-weight: normal;
    color: #333;
    font-size: 15px;
  }
  .tm-header {
    margin-top: 40px;
    height: 200px;
  }
  .tm-headerbar-top {
    padding: 40px 0 0;
    margin-bottom: -10px;
  }
  #system-message-container {
    padding-bottom: 160px;
  }
  /* --- Startseite --- */
  .startseite .tm-header {
    margin-top: 45px;
    height: 165px;
  }
  .startseite .tm-headerbar-top {
    padding: 0;
  }
  .startseite #system-message-container {
    padding-bottom: 180px;
  }
  /* --- HDM --- */
  .hdm .tm-header {
    margin-top: 40px;
    height: 160px;
  }
  .hdm .tm-headerbar-top {
    padding-top: 5px;
  }
  .hdm #system-message-container {
    padding-bottom: 135px;
  }}

/* --- Allgemein --- */
.abstandoben {
  padding-top: 44px;
}

/* ----------------- FARBEN / LAYOUTS ----------------- */
/* --- HDM --- */
.hdm .uk-section-primary {
  background: #999;
}

.hdm .uk-text-primary,
.hdm .uk-heading-hero,
.hdm .uk-heading-hero a,
.hdm .uk-text-primary a {
  color: #afafaf !important;
}

.hdm .uk-navbar-nav > li {
  border: 8px solid #afafaf;
}

.hdm .uk-overlay-primary {
  background: rgba(0, 0, 0, 0.8);
}

.hdm .uk-overlay-primary .el-title {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

.hdm .uk-overlay-primary .el-content {
  color: #000;
  font-family: "DIN W01 Bold";
  font-size: 15px;
  line-height: 20px;
  margin-top: 4px !important;
}

.hdm .rahmen .uk-container {
  border: 8px solid #dfdfdf;
  background: #fff;
}

/* Innencontainer ohne Rahmen */
.hdm .rahmen .uk-container .uk-container {
  border: 0;
}

/* ----------------- FARBEN / LAYOUTS ----------------- */
/* --- NATURMUSEUM --- */
.natur .uk-section-primary {
  background: #aebd5d;
}

.natur .uk-text-primary,
.natur .uk-heading-hero,
.natur .uk-heading-hero a,
.natur .uk-text-primary a {
  color: #aebd5d !important;
}

.natur .uk-navbar-nav > li,
.natur .uk-navbar-dropdown,
.natur .rahmen .uk-container {
  border: 8px solid #dae1b6;
}

.natur .uk-overlay-primary {
  background: rgba(218, 225, 182, 0.8);
}

.natur .uk-overlay-primary .el-title {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

.natur .uk-overlay-primary .el-content {
  color: #000;
  font-family: "DIN W01 Bold";
  font-size: 15px;
  line-height: 20px;
  margin-top: 4px !important;
}

.natur .rahmen .uk-container {
  background: #fff;
}

/* Innencontainer ohne Rahmen */
.natur .rahmen .uk-container .uk-container {
  border: 0;
}

/* ----------------- FARBEN / LAYOUTS ----------------- */
/* --- HISTORISCHES MUSEUM --- */
.historisch .uk-section-primary {
  background: #6ea6d6;
}

.historisch .uk-text-primary,
.historisch .uk-heading-hero,
.historisch .uk-heading-hero a,
.historisch .uk-text-primary a {
  color: #6ea6d6 !important;
}

.historisch .uk-navbar-nav > li,
.historisch .uk-navbar-dropdown,
.historisch .rahmen .uk-container {
  border: 8px solid #d7e3f0;
}

.historisch .uk-overlay-primary {
  background: rgba(167, 191, 217, 0.8);
}

.historisch .uk-overlay-primary .el-title {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

.historisch .uk-overlay-primary .el-content {
  color: #000;
  font-family: "DIN W01 Bold";
  font-size: 15px;
  line-height: 20px;
  margin-top: 4px !important;
}

.historisch .rahmen .uk-container {
  background: #fff;
}

/* Innencontainer ohne Rahmen */
.historisch .rahmen .uk-container .uk-container {
  border: 0;
}

/* ----------------- FARBEN / LAYOUTS ----------------- */
/* --- ARCHÄOLOGIE --- */
.arch .uk-section-primary {
  background: #cca780;
}

.arch .uk-text-primary,
.arch .uk-heading-hero,
.arch .uk-heading-hero a,
.arch .uk-text-primary a {
  color: #cca780 !important;
}

.arch .uk-navbar-nav > li,
.arch .uk-navbar-dropdown,
.arch .rahmen .uk-container {
  border: 8px solid #e4dcce;
}

.arch .uk-overlay-primary {
  background: rgba(210, 188, 158, 0.8);
}

.arch .uk-overlay-primary .el-title {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

.arch .uk-overlay-primary .el-content {
  color: #000;
  font-family: "DIN W01 Bold";
  font-size: 15px;
  line-height: 20px;
  margin-top: 4px !important;
}

.arch .rahmen .uk-container {
  background: #fff;
}

/* Innencontainer ohne Rahmen */
.arch .rahmen .uk-container .uk-container {
  border: 0;
}

/* ----------------- // FARBEN/ LAYOUTS ----------------- */

/* -------------------- HOME -------------------- */	

/* ----------------- STARTSEITE ----------------- */
/* --- Farbige Teaser: Titelgrößen & Quadratlayout --- */
.startseite .startsection .uk-card .el-title.uk-card-title {
  font-size: 18px;
  letter-spacing: 0.1px;
  text-decoration: none;
}

.startseite .startsection .uk-card .uk-card-body {
  width: 100%;
  height: 0 !important;
  padding: 5px 5px calc(50% - 10px) !important;
}

/* --- Titelgrößen nach Bildschirmbreite --- */
@media (min-width: 1200px) and (max-width: 1239px) {
  .startseite .startsection .uk-card .el-title.uk-card-title {
    font-size: 16px;
    letter-spacing: 0;
  }}

@media (min-width: 960px) and (max-width: 1199px) {
  .startseite .startsection .uk-card .el-title.uk-card-title {
    font-size: 13px;
    letter-spacing: 0;
  }}

@media (min-width: 640px) and (max-width: 959px),
@media (min-width: 480px) and (max-width: 639px) {
  .startseite .startsection .uk-card .el-title.uk-card-title {
    font-size: 18px;
    letter-spacing: 0;
  }}

@media (max-width: 479px) {
  .startseite .startsection .uk-card .el-title.uk-card-title {
    font-size: 12px;
    letter-spacing: 0;
  }}

/* ----------------- TEASER ----------------- */
/* --- Ausrichtung rechts & Titelfarbe --- */
.aktuell .uk-grid,
.startsection .uk-grid {
  display: flex;
  justify-content: flex-end !important;
}

.aktuell .uk-card-default .el-title {
  color: #000;
}

/* / STARTSEITE AKTUELL  */

/* ----------------- TEASERBEREICH: AKTUELL ----------------- */

/* --- Hintergrundfarben & Layout der Karten --- */
.aktuell div:nth-of-type(1) > .uk-card-default {
  background-color: #e9d604;
  border: 0;
  padding: 20px;
}

.aktuell div:nth-of-type(2) > .uk-card-default {
  background-color: #18ad8a;
  border: 0;
  padding: 20px;
}

.aktuell div:nth-of-type(3) > .uk-card-default {
  background-color: #c36e9a;
  border: 0;
  padding: 20px;
}

/* --- Kartenkörper & Titel --- */
.aktuell .uk-card.uk-card-body {
  width: 100%;
  height: 0 !important;
  padding: 15px 15px calc(100% - 15px) !important;
  font-size: 16px;
  line-height: 1.3;
}

.aktuell .uk-card .el-title.uk-card-title {
  font-size: 18px;
  letter-spacing: 0.1px;
}

/* --- Desktop: 1200–1239 px --- */
@media (min-width: 1200px) and (max-width: 1239px) {
  .aktuell .uk-card.uk-card-body {
    padding: 15px 15px calc(100% - 15px) !important;
    font-size: 15px;
  }
  .aktuell .uk-card .el-title.uk-card-title {
    font-size: 16px;
  }}

/* --- Tablet: 640–1199 px --- */
@media (min-width: 640px) and (max-width: 1199px) {
  .aktuell .uk-card.uk-card-body {
    padding: 8px 8px calc(100% - 8px) !important;
    font-size: 14px;
  }
  .aktuell .uk-card .el-title.uk-card-title {
    font-size: 16px;
  }}

/* --- Kleine Tablets: 480–639 px --- */
@media (min-width: 480px) and (max-width: 639px) {
  .aktuell .uk-card.uk-card-body {
    padding: 15px 15px calc(100% - 15px) !important;
    font-size: 16px;
  }
  .aktuell .uk-card .el-title.uk-card-title {
    font-size: 18px;
  }}

/* --- Smartphones: bis 480 px --- */
@media (max-width: 480px) {
  .aktuell .uk-card.uk-card-body {
    padding: 10px 10px calc(100% - 10px) !important;
    font-size: 13px;
  }
  .aktuell .uk-card .el-title.uk-card-title {
    font-size: 13px !important;
    letter-spacing: 0;
  }
  .aktuell .el-link-download {
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none !important;
  }
  .aktuell .uk-icon {
    width: 12px;
    height: 12px;
  }}


/* Startseiten Reihenfolge geändert 2025 */
/* HDM */
/* Veranstaltungen */

/* ----------------- STARTSEITE ----------------- */
/* --- Event-Elemente --- */
.startseite .eb-event-title-container {
  margin-bottom: 15px;
}

.startseite .eb-event-title {
  color: #333 !important;
  line-height: 1.15 !important;
}

.startseite .eb-event-date-time {
  color: #777 !important;
  font-family: "DIN W01 Bold";
  font-weight: 400;
}

.startseite .eb-event-short-description {
  color: #000 !important;
  border-bottom: 1px solid #aaa;
  padding-top: 3px;
}

/* --- Info-Switcher --- */
.startseite .switcherhome h3.el-title {
  color: #fff;
}

.startseite .switcherhome .uk-subnav li a {
  font-family: "DIN W01 Bold";
  font-weight: 400;
  font-size: 16px;
  border-bottom: 1px solid #999;
}

.startseite .switcherhome .uk-subnav li.uk-active a,
.startseite .switcherhome .uk-subnav li a:hover {
  color: #eee;
  border-bottom-color: #ddd;
}

/* NMO */
/* Veranstaltungen */
/* ----------------- START NATUR ----------------- */
/* --- Event-Elemente --- */
.startnatur .eb-event-title-container {
  margin-bottom: 15px;
}

.startnatur .eb-event-title {
  color: #9ead4d !important;
  line-height: 1.15 !important;
}

.startnatur .eb-event-date-time {
  color: #777 !important;
  font-family: "DIN W01 Bold";
  font-weight: 400;
}

.startnatur .eb-event-short-description {
  color: #000 !important;
  border-bottom: 1px solid #aaa;
  padding-top: 3px;
}

/* --- Info-Switcher --- */
.startnatur .switcherhome h3.el-title {
  color: #000;
}

.startnatur .switcherhome .uk-subnav li a {
  font-family: "DIN W01 Bold";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #aebd5d;
}

.startnatur .switcherhome .uk-subnav li a:hover,
.startnatur .switcherhome .uk-subnav li.uk-active a {
  color: #fff;
  border-bottom-color: #fff;
}

/* --- Primärbereich & Ausstellungsführer --- */
.startnatur .switcherhome .el-content.ausstellungsfuehrer,
.startnatur .switcherhome p.p_ausstellungsfuehrer,
.startnatur .uk-section-primary p,
.startnatur .uk-section-primary .uk-text-lead {
  color: #000;
}

/* HMO */
/* Veranstaltungen */
/* ----------------- START HISTORISCH ----------------- */
/* --- Event-Elemente --- */
.starthistorisch .eb-event-title-container {
  margin-bottom: 15px;
}

.starthistorisch .eb-event-title {
  color: #6ea6d6 !important;
  line-height: 1.15 !important;
}

.starthistorisch .eb-event-date-time {
  color: #777 !important;
  font-family: "DIN W01 Bold";
  font-weight: 400;
}

.starthistorisch .eb-event-short-description {
  color: #000 !important;
  border-bottom: 1px solid #aaa;
  padding-top: 3px;
}

/* --- Info-Switcher --- */
.starthistorisch .switcherhome h3.el-title {
  color: #000;
}

.starthistorisch .switcherhome .uk-subnav li a {
  font-family: "DIN W01 Bold";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #6ea6d6;
}

.starthistorisch .switcherhome .uk-subnav li a:hover,
.starthistorisch .switcherhome .uk-subnav li.uk-active a {
  color: #fff;
  border-bottom-color: #fff;
}

/* --- Primärbereich & Ausstellungsführer --- */
.starthistorisch .switcherhome .el-content.ausstellungsfuehrer,
.starthistorisch .switcherhome p.p_ausstellungsfuehrer,
.starthistorisch .uk-section-primary p,
.starthistorisch .uk-section-primary .uk-text-lead {
  color: #000;
}

/* AMSOL */
/* Veranstaltungen */
/* ----------------- START ARCHÄOLOGIE ----------------- */
/* --- Event-Elemente --- */
.startarch .eb-event-title-container {
  margin-bottom: 15px;
}

.startarch .eb-event-title {
  color: #bc9770 !important;
  line-height: 1.15 !important;
}

.startarch .eb-event-date-time {
  color: #777 !important;
  font-family: "DIN W01 Bold";
  font-weight: 400;
}

.startarch .eb-event-short-description {
  color: #000 !important;
  border-bottom: 1px solid #aaa;
  padding-top: 3px;
}

/* --- Info-Switcher --- */
.startarch .switcherhome h3.el-title {
  color: #000;
}

.startarch .switcherhome .uk-subnav li a {
  font-family: "DIN W01 Bold";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #cca780;
}

.startarch .switcherhome .uk-subnav li a:hover,
.startarch .switcherhome .uk-subnav li.uk-active a {
  color: #fff;
  border-bottom-color: #fff;
}

/* --- Primärbereich & Ausstellungsführer --- */
.startarch .switcherhome .el-content.ausstellungsfuehrer,
.startarch .switcherhome p.p_ausstellungsfuehrer,
.startarch .uk-section-primary p,
.startarch .uk-section-primary .uk-text-lead {
  color: #000;
}

/* ----------------- // HOME ----------------- */

/* ----------------- NAVBAR ----------------- */ 
/*  NAVBAR RAHMEN */
.uk-navbar-nav > li  {
border: 8px solid;
    margin-right: -8px;
    padding: 0 0;
    min-width: 163px;
}
.uk-navbar-nav > li > a {
  padding-left: 10px;
  justify-content: left;
}
.uk-navbar-dropdown-nav > li.uk-active > a {
    background: #fff;
}
/* ----------------- // NAVBAR ----------------- */ 

/* ----------------- OFFCANVAS ----------------- */

/* ----------------- OFFCANVAS NAVIGATION ----------------- */

/* --- Allgemeine Links --- */
.uk-offcanvas a {
  font-family: "DIN W01 Bold";
  font-weight: normal;
  letter-spacing: 0;
}

/* --- Link-Module anderer Abteilungen --- */
.uk-offcanvas .uk-panel.button-modul ul.uk-nav.uk-nav-default {
  margin-bottom: -30px;
  padding-top: 0;
  padding-bottom: 0;
}

.uk-offcanvas a.natur-button,
.uk-offcanvas a.hist-button,
.uk-offcanvas a.arch-button,
.uk-offcanvas .natur-button a,
.uk-offcanvas .hist-button a,
.uk-offcanvas .arch-button a{
  color: #000;
  padding-left: 32px;
  margin: 0;
  border: 0;
}

.uk-offcanvas a.natur-button,
.uk-offcanvas .natur-button a
{
  background-color: #dae1b6;
}

.uk-offcanvas a.hist-button,
.uk-offcanvas .hist-button a
{
  background-color: #d7e3f0;
}

.uk-offcanvas a.arch-button,
.uk-offcanvas .arch-button a
{
  background-color: #e4dcce;
}

.uk-offcanvas a.natur-button:hover,
.uk-offcanvas .natur-button a:hover
{
  background-color: #dae1b6 !important;
  color: #999;
}

.uk-offcanvas a.hist-button:hover,
.uk-offcanvas .hist-button a:hover 
{
  background-color: #d7e3f0 !important;
  color: #999;
}

.uk-offcanvas a.arch-button:hover,
.uk-offcanvas .arch-button a:hover
{
  background-color: #e4dcce !important;
  color: #999;
}

/* --- Topmenü mobil --- */
.uk-offcanvas .uk-panel.topmenumobil {
  margin-top: -35px;padding-left:32px;
}

.uk-offcanvas .uk-panel.topmenumobil ul.uk-nav.uk-nav-default {
  padding: 18px 0 10px;
}

.uk-offcanvas .uk-panel.topmenumobil ul.uk-nav.uk-nav-default li {
  padding: 2px 0;
}

.uk-offcanvas .uk-panel.topmenumobil ul.uk-nav.uk-nav-default li a {
  padding: 0;
}

/* --- Navigationsstruktur --- */
.uk-offcanvas .uk-nav {
  margin: 0 0 -30px;
  padding: 0;
}

.uk-offcanvas .uk-nav li {
  border-top: 4px solid #fff;
  padding: 5px 0 5px 0;
}

.uk-offcanvas .uk-nav li a {
  padding-left: 32px;
}

.uk-offcanvas .button-modul .uk-nav li {
  padding: 0;
}

.uk-offcanvas .uk-nav li.uk-active.uk-parent {
  border-top: 4px solid #fff;
  padding-top: 5px;
  padding-bottom: 0 !important;
}

.uk-offcanvas .uk-nav-sub ul {
  padding: 0 0 5px;
}

.uk-offcanvas .uk-nav li ul li ul li {
  border-top: 0 !important;
  padding: 0;
}

.uk-offcanvas li.uk-active .uk-nav-sub li a {
  color: #000;
}

/* --- Offcanvas-Farben je Abteilung --- */
.uk-offcanvas li a.natur-offcanvas,
.uk-offcanvas li a.historisch-offcanvas,
.uk-offcanvas li a.arch-offcanvas {
  color: #000;
}

.uk-offcanvas .natur-offcanvas li {
  background-color: #dae1b6;
}

.uk-offcanvas .hist-offcanvas li {
  background-color: #d7e3f0;
}

.uk-offcanvas .arch-offcanvas li {
  background-color: #e4dcce;
}

/* --- Offcanvas-Linkstile --- */
.uk-offcanvas .natur-offcanvas li a.natur-offcanvas {
  padding-bottom: 0;
}

/* Grundfarbe */
.uk-offcanvas .uk-nav-sub li a.natur-offcanvas,
.uk-offcanvas .uk-nav-sub li a.hist-offcanvas,
.uk-offcanvas .uk-nav-sub li a.arch-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent ul li a.natur-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent ul li a.hist-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent ul li a.arch-offcanvas {
  color: #000;
}

/* Hover- und Active-Zustände */
.uk-offcanvas .uk-nav-sub li a.natur-offcanvas:hover,
.uk-offcanvas .uk-nav-sub li a.hist-offcanvas:hover,
.uk-offcanvas .uk-nav-sub li a.arch-offcanvas:hover,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent a.natur-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent a.hist-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent a.arch-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent ul li.uk-active a.natur-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent ul li.uk-active a.hist-offcanvas,
.uk-offcanvas .uk-nav-sub li.uk-active.uk-parent ul li.uk-active a.arch-offcanvas {
  color: #666;
}

/* Untermenü-Schriftart */
.uk-offcanvas .uk-nav-sub li ul li a.natur-offcanvas,
.uk-offcanvas .uk-nav-sub li ul li a.hist-offcanvas,
.uk-offcanvas .uk-nav-sub li ul li a.arch-offcanvas {
  font-family: "DIN W01 Regular";
}

/* ----------------- // OFFCANVAS ----------------- */

/* ----------------- MUSEUMSBESUCH ----------------- */
/* / Farbige Panels auf Besuch*/
/* ----------------- PANELS ----------------- */
/* --- Titel --- */
.panel-natur .el-title,
.panel-historisch .el-title,
.panel-archaeologisch .el-title,
.panel-fuehrungen .el-title {
  height: 0 !important;
  color: #111 !important;
  font-size: 18px;
}

/* Schriftgrößen nach Bildschirmbreite */
@media (max-width: 960px) {
  .panel-natur .el-title,
  .panel-historisch .el-title,
  .panel-archaeologisch .el-title,
  .panel-fuehrungen .el-title {
    font-size: 16px;
  }}

@media (min-width: 640px) and (max-width: 767px),
@media (max-width: 420px) {
  .panel-natur .el-title,
  .panel-historisch .el-title,
  .panel-archaeologisch .el-title,
  .panel-fuehrungen .el-title {
    font-size: 14px;
  }}

/* --- Panels Grundlayout --- */
.panel-natur,
.panel-historisch,
.panel-archaeologisch,
.panel-fuehrungen {
  width: 100%;
  height: 0 !important;
  padding: 15px 15px calc(100% - 15px) !important;
}

.panel-natur {
  background-color: #aebd5d;
}

.panel-historisch {
  background-color: #6ea6d6;
}

.panel-archaeologisch {
  background-color: #cca780;
}

.panel-fuehrungen {
  background-color: #f0f0f0;
}

/* --- Mobile Optimierung --- */
@media (max-width: 420px) {
  .panel-natur,
  .panel-historisch,
  .panel-archaeologisch,
  .panel-fuehrungen {
    padding: 10px 10px calc(100% - 10px) !important;
  }}

/* ----------------- // MUSEUMSBESUCH ----------------- */

/* ----------------- LAYOUT AGENDA ----------------- */
/* ----------------- AGENDA-LAYOUT ----------------- */

/* --- Tablets & kleinere Bildschirme --- */
@media (max-width: 1199px) {
  .agendatrenner {
    border-right: 0;
    padding-right: 0;
  }
  .agendarahmen {
    border: 8px solid #dfdfdf;
    padding: 30px 20px 30px 30px;
    background: #fff;
    min-height: 730px;
  }
  .natur .agendarahmen {
    border-color: #dae1b6;
  }
  .historisch .agendarahmen {
    border-color: #d7e3f0;
  }
  .arch .agendarahmen {
    border-color: #e4dcce;
  }
  .bgagenda .tm-sidebar {
    margin-top: 40px;
    padding: 0 30px 20px 20px;
    border: 8px solid #dfdfdf;
    background: #fff;
  }
  .hdm.bgagenda .tm-sidebar {
    border-color: #dfdfdf;
  }
  .natur.bgagenda .tm-sidebar {
    border-color: #dae1b6;
  }
  .historisch.bgagenda .tm-sidebar {
    border-color: #d7e3f0;
  }
  .arch.bgagenda .tm-sidebar {
    border-color: #e4dcce;
  }}

/* --- Desktop: ab 1200px --- */
@media (min-width: 1200px) {
  .agendatrenner {
    border-right: 1px solid #dfdfdf;
    padding-right: 40px;
  }
  .agendarahmen {
    border: 8px solid #dfdfdf;
    border-right: none;
    padding: 30px 20px 30px 30px;
    background: #fff;
    min-height: 730px;
  }
  .bgagenda .tm-sidebar {
    border: 8px solid #dfdfdf;
    border-left: none;
    padding: 50px 30px 20px 20px;
    background: #fff;
  }
  /* Farbanpassungen nach Abteilung */
  .hdm.bgagenda .tm-sidebar {
    border-color: #dfdfdf;
    margin-top: 135px;
  }
  .natur.bgagenda .tm-sidebar {
    border-color: #dae1b6;
    margin-top: 160px;
  }
  .historisch.bgagenda .tm-sidebar {
    border-color: #d7e3f0;
    margin-top: 160px;
  }
  .arch.bgagenda .tm-sidebar {
    border-color: #e4dcce;
    margin-top: 160px;
  }
  .natur.bgagenda .agendarahmen {
    border-color: #dae1b6;
  }
  .historisch.bgagenda .agendarahmen {
    border-color: #d7e3f0;
  }
  .arch.bgagenda .agendarahmen {
    border-color: #e4dcce;
  }
  /* Detailseite Event */
  #eb-event-page {
    border-right: 1px solid #dfdfdf;
    padding-right: 40px;
  }}

/* ----------------- //LAYOUT AGENDA ----------------- */


/* EVENT BOOKING  - - - - - - - - - - - - - - - - - - - - - - */


/* ---------- Categories styles ------------------------------------- */
/* ----------------- EVENT BOOKING / CATEGORIES & EVENTS ----------------- */

/* --- Kategorieüberschriften & Container --- */
#eb-categories h2.eb-category-title {
  margin: 14px 0 !important;
}

#eb-categories .eb-category,
#eb-events .eb-event {
  margin-bottom: 20px;
}

#eb-categories .eb-category img {
  margin-right: 10px !important;
  padding: 0 !important;
}

/* --- Box Headings --- */
.eb-box-heading {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0;
  color: #111;
  font-family: "DIN W01 Bold";
  font-size: 17px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0;
  padding-bottom: 10px;
}

.eb-box-heading h3 {
  margin: 0;
}

.eb-box-heading .dropdown-menu [class^="icon-"]:before,
.eb-box-heading .dropdown-menu [class*=" icon-"]:before {
  position: relative;
  left: -5px;
}

/* --- Beschreibungselemente --- */
#eb-categories .eb-description,
#eb-events .eb-description,
#eb-event-page .eb-description {
  background: #fff;
  border: 0 !important;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

/* --- Kategorien-Seite --- */
#eb-category {
  padding: 10px 0;
}

#eb-category h1.eb-page-heading {
  margin: 0 0 10px !important;
}

#eb-search-result-page h1.eb-page-heading {
  margin: 5px 0 30px !important;
}

/* --- Event-Eigenschaften --- */
.eb-event .eb-event-properties {
  float: right;
  width: 290px;
  background: #ff4;
  padding: 5px 5px 5px 10px;
  margin: 0 5px 5px;
}

td.eb-event-property-label {
  width: 110px;
  text-align: left;
  font-family: "DIN W01 Bold";
  font-weight: normal;
}

/* --- Event-Listenansicht --- */
#eb-events h3.eb-event-title img {
  float: left !important;
  margin-right: 10px;
}



/* --- Taskbar --- */
.eb-taskbar {
  margin: 0;
  list-style: none;
}

.eb-event-detail-container:last-child .eb-taskbar {
  border-bottom: none;
}

.eb-taskbar ul {
  margin: 0 !important;
  padding: 0 !important;
}

.eb-taskbar li {
  float: left !important;
  list-style: none !important;
  background: none !important;
  margin: 0.5em 0 2px !important;
  padding-right: 5px !important;
}

.eb-taskbar li a {
  text-decoration: none;
}

.eb-taskbar .dropdown-menu li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.eb-taskbar .dropdown-menu li a {
  padding-left: 25px;
  position: relative;
}

/* Taskbar Icons */

.eb-taskbar .dropdown-menu li a.download i {
  position: absolute;
  left: 8px;
  top: 5px;
}

/**Event detail style**/
/* ----------------- EVENT DETAIL ----------------- */

#eb-event {
  padding: 0 15px 15px;
}

#eb-event-details {
  padding: 10px 0;
}

#eb-event-page h1.eb-page-heading {
  margin: 0 0 10px !important;
}

/* --- Teilen / Social --- */
#fb-share-button {
  display: inline;
}

#eb-share-text {
  float: left;
  padding-top: 15px;
  font-family: "DIN W01 Bold";
  font-weight: normal;
  font-size: 150%;
}

/* --- Event-Infos --- */
#eb-event-info {
  margin-top: 15px;
}

#eb-event-info table {
  margin-top: 10px;
}

/* WEBCAN */
.eb-container, .eb-event {
	border:0px solid;
}
.eb-container h1, .eb-container h2, .eb-container h3 {
    width: auto !important;
    margin: 10px 0 !important;
    padding: 0 !important;
}
		
h2.eb-even-title-container, h2.eb-even-title-container {
	 font-size: 24px!important;
  text-decoration: none;
  color: #999!important;
      margin-top: 12px!important;
	  margin-bottom: 0px!important;
   width:99%!important;
    display:block;
}
.eb-event-container h2{
	 font-size: 24px!important;
  text-decoration: none;
  color: #999!important;
  line-height: 1.2;
}
.eb-event-title {
  font-size: 24px;
  text-decoration: none;
  color: #999!important;
    line-height: 1.25!important;
}
.eb-event-date-info {
    font-size: 17px;
    line-height: 1.4;
    display: inline-block;
}
.startseite .eb-event-title{
    color: #888 !important;
  line-height: 1.15!important;
}
.natur .eb-event-title, .natur .eb-event-container h2 {
  color: #aebd5d!important;
}
.historisch .eb-event-title, .historisch .eb-event-container h2 {
  color: #6ea6d6!important;
}
.arch .eb-event-title, .arch .eb-event-container h2 {
  color: #cca780!important;
}
/*.natur-home .eb-event-title {
  font-size: 24px;
  text-decoration: none;
  color: #fff!important;
}*/
.eb-event-container {
	background-image: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 0;
	padding: 0px 0 0 0px;
    	border: 0px #2dd solid!important;
}
.eb-event-date-container {
	border: 0px #ddd solid!important;
	background: #fff;
	margin: 20px 0px 0 0px;
	padding: 0px;
	width: auto;
	border-radius: 0%;
	display: block;  
}
.eb-event-information .col-md-8 {
	border: 0px #ddd solid!important;
	background: #fff;
	margin: 0px 0px 0 0px;
	padding: 10px 0 10px 0;
	width: auto;
	border-radius: 0%;
	display: block;
    clear: right!important;  
}

/* NEU QUADRATISCHE BILDER DEZEMBER 2022*/
.eb-event-date-container  img.eb-thumb-left {
  margin: 0 18px 0 0 !important;
  float: left !important;
    min-width:200px !important;
   min-height:200px !important;
}


.tm-sidebar .field-calendar {
	float: left;
}
a.mod_eb_minicalendar_link:hover {
    color: #ddd;
}

.tm-sidebar  input[type="text"].input-small,
.tm-sidebar  select.input-small,
.tm-sidebar  textarea.input-small {
	width: 70px !important;
}
.btn.btn-secondary {border: 0px solid #fff; }
.tm-sidebar .control-group { min-height:40px;    margin-top: 0px;margin-bottom: 0px;}
.tm-sidebar .inputbox { width: 100%!important;}
.tm-sidebar .uk-panel.eventsearchmodul .col-md-9 {width: 100%!important;}
.tm-sidebar select.inputbox:not([class*="input-"]) {
    width: 100%!important;}

.tm-sidebar .form-actions {
    padding: 4px 0px 20px 0px;
    margin-top: 10px;
    margin-bottom: 25px;
    border-top: 0px solid #999;
    border-bottom: 1px solid #999;
}
/* Event Booking Sidebar 2023 */

.tm-sidebar .uk-panel.eventsearchmodul {
  border: 0px solid #999;
margin-top: 0px;
    padding-top: 0px;
}
.eb-event-large-image {
    width: 320px;
    max-width: 320px!important;
    margin: 6px 0px 50px 30px!important;
    float: right !important;
    border: 1px solid #000!important;
}
.abstandsidebar {padding-top: 25px;}
select.form-control {
 height: 42px;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid #111!important;
  max-width: 100%;
  width: 100%;
  padding: 0 10px;
  background: #fff;
  color: #333;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
}
#eb-minicalendar-container.extcal_minical {  max-width:240px!important;}
 .extcal_minical .extcal_navbar td {
    padding: 5px 0px;
    text-align: center;
    width: 10%; 
}
.extcal_minical .extcal_navbar td.extcal_month_label {
    width: auto;
    font-size:14px;
}
.mod_eb_mincalendar_table {
  color: #F0F0F0;
  font-family: "DIN W01 Bold";
  font-weight: normal;
  line-height: 18px;
  text-align: center !important;
  padding: 5px 0px;
    max-width:240px;
       font-size:14px;
}

h1.agendatitel1 { margin: 10px 0 0 0px 0px!important;margin-top: 10px!important; margin-bottom: 0px!important; }
h1.uk-text-muted.uk-margin-medium.agendatitel2 {margin-top: 10px!important;margin-bottom: 0px!important;}
h1.agendatitel2 { padding-bottom: 40px!important;}
.natur .agendatitel2 { color: #aebd5d!important}
.historisch .agendatitel2 { color: #6ea6d6!important}
.arch .agendatitel2 { color: #cca780!important}
h1.agendatitel-detail { padding-top: 5px!important;padding-bottom: 20px!important;}
.bgagenda  .uk-section-default {background-color: #f0f0f0;}

.eb-taskbar.eb-register-buttons-bottom {
	margin-top: 0px!important;
}
.eb-event-information {
  padding: 0 0 10px;
  margin-bottom: 0px;
}

.eb-events-timeline .eb-description-details {min-height:40px;padding-left:18px;}

.eb-events-timeline .eb-taskbar {
	padding: 5px 0 25px 220px;
	border-bottom: 1px solid #999;
	margin: 0;
	list-style: none;
}

.eb-taskbar.eb-register-buttons-bottom ul {
	margin-top: -5px!important;
}
.eb-taskbar.eb-register-buttons-bottom ul li {
	float: left !important;
	list-style-type: none !important;
	background-image: none !important;
	padding: 0 5px 0 0 !important;
	margin: 0 0 2px 0px !important;
}

/*2023-08-18 */
.eb-event-container .clearfix::after {
  display: flex;
  clear: both;
  content: "";
}
.inputbox.input-medium {
    height: 42px;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid #111;
margin-bottom:10px;
}
.uk-input.inputbox {
  height: 42px;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid #111;
}
.eb-events-timeline .eb-taskbar.eb-register-buttons-bottom a.uk-link {text-decoration:underline;}
.eb-events-timeline .eb-taskbar.eb-register-buttons-bottom a.uk-link::before {
    content: '> ';
    text-decoration:none;
    padding-left:16px;
}