@charset "UTF-8";
/* CSS Document */
/* Fonts */
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {font-family: "Montserrat", sans-serif; font-size: 15px;}
label {font-size: 0.8em; font-style: italic; margin-top: 0.6em ;}

/* Navigation */
.top-bar{padding: 0.5rem 0;}
.top-bar, .top-bar ul{background-color: #333; font-size: 16px;}
.top-bar ul li, .title-bar{color:#FBA900;}
.top-bar ul li a{color:#FBA900;}
.menu-text{color:#FBA900 !important;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border-color: #FBA900 transparent transparent transparent;}
.dropdown.menu > li > a {padding: 0.7rem 0.8rem;}

.login-wrapper {height: 0; overflow: visible; position: relative;}
#show-login {position: absolute; top: 0.6em; right: 0.4em; z-index: 10;}

/* Startseite */
.startlink{margin: 5px; width: 90%; height: 50px; background-color: rgba(255,255,255, 0.8); color: #000; vertical-align: middle; font-size: 1.2rem; border-radius: 10px;}
.startlink a{color: #fff;}
.thumbnail{border: 0; margin-bottom: 0;}
.startbox {background-color: rgba(0, 0, 0, 0.5); margin-top: 8rem; border-radius: 10px;}
.starthl {color: #fff; font-weight: 400; margin: 0; padding: 0;}
.titelimage {width: 100%; height: auto;}
.image-container{ position: relative;}
.overlay-head{ position: absolute; top: 88%; left: 50%; transform: translate(-50%, -50%); color: #dd022b; text-align: center; width: 95%;}

h2.homehl{ font-size: 2.2em;}
:target::before {
    content: "";
    display: block;
    height: 3em; /* Der Abstand, den du hinzufügen möchtest */
    margin-top: -3em; /* Negative Margin, um den Offset zu simulieren */
}
h1.homehllog {white-space: nowrap; overflow: hidden;}
/* small */
@media print, screen and (max-width: 39.9375em) {
    h1.homehl{ font-size: 1.6em; font-weight: bold; line-height: 0.8;}
    h1.homehllog{ font-size: 7.3vw;}
    .toppad{ padding-top: 0; } /* Seite rückt nach unten, um nicht von der Navigation verdeckt zu werden */
}
/* medium */
@media print, screen and (min-width: 40em) {
	.startlink{font-size: 1.6rem; margin:10px; height: 70px;}
	.starthl { line-height: 80%;}
	h1.homehl{ font-size: 3em;}
    h1.homehllog{ font-size: 7.3vw;}
}
/* large */
@media print, screen and (min-width: 64em) {
   /* h1.homehl{ font-size: 4em;}
    h1.homehllog{ font-size: 6.13em;} */
    .toppad{ padding-top: 3.5rem; } /* Seite rückt nach unten, um nicht von der Navigation verdeckt zu werden */
}
@media print, screen and (min-width: 75.875em) {
    h1.homehl{ font-size: 4em;}
    h1.homehllog{ font-size: 6.13em;}
}


/* Übersicht */
.bildliste{ margin-bottom: 10px;}
.bildliste p{padding: 0 0.3em; font-size: 0.8rem;}
.bildliste a{font-weight: bold; font-size: 1rem; color: #000;}
.werkindex {height: 80px; padding: 4px; background-color: #eee; font-size: 0.9rem; hyphens: auto; line-height: 115%;}
.uebersicht thead{background-color: #333;}
.uebersicht th{color: #fff; text-align: left; padding: 4px;}
.uebersicht td{text-align: left; padding: 4px;}
.padr{padding-right: 1em;}
.werkliste{padding: 2px 0; border-top: 1px solid #333;}
a .listlink:hover{background-color: #FBA900; color: #01298e;}
.paginavi{font-size: 1.3rem; padding-top: 0.4rem;}

/* Icons*/
button.bigicon, a.bigicon, button.bigiconhell, a.bigiconhell, a.bigiconred {padding: 0.2em 0.5em; margin-left: 1.4em; border-radius: 4px; min-width: 40px;}
button.bigicon, a.bigicon {background-color: #6e959e;}
button.bigiconhell, a.bigiconhell {background-color: #a1c6ce; }
button.bigiconred, a.bigiconred {background-color: #cc0000; }
a.bigiconred {background-color: #C1002F; }
i.bigicon, i.bigiconhell{font-size: 1.9rem;}
i.liticon{font-size: 1rem;}
a.liticon{padding: 1px; margin: 2px; border-radius: 2px; min-width: 22px; background-color: #6e959e; color: #fff;}
a.liticonred{padding: 1px; margin: 2px; border-radius: 2px; min-width: 22px; background-color: #fff; color: #cc0000;}
.plustopzeile {position: relative; top: -2em; height: 5px;}

/* Tabellen */
tbody tr:hover{background-color: #FBA900 !important;}
.bildliste:hover{background-color: #333;}
.bildliste:hover .werkindex, .bildliste:hover .werkindex a{background-color: #333; color: #FBA900;}

/* Suchbox Übersichtstabellen */
.suchtogglebox{display: none;}
.suchkopf{background-color: #ccc;}
.suchkopf > div {padding: 0 4px;} 
.suchkopf > div > label{color: #000;}


/* Seitenstruktur */
.bbord{border-bottom: 1px solid #BF850F; margin-top: 6px;}
.bgalbox{padding-bottom: 1em;}

/* Optionsbox */
.optionsbox {width: 280px; height: 100%; position: fixed; top: 0; left: 0; background-color: #eee; padding:5em 1em 0 1em; display: none;}

/* Spalten bei Sujetauswahl */
.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px; 
}

/* Fehlermeldung */
.error-message {position: fixed; top: 0; left: 0; width: 100%; height: 50px; background-color: red; color: white; font-size: 1.5em; text-align: center; line-height: 50px; opacity: 0; 		transition: opacity 0.3s ease-in-out; }
.error-message.show {opacity: 1;}

/* Punktmarkierung */
.marker { width: 8px;height: 8px; background-color: #00cc00; border-radius: 4px; margin: 6px 0 0 6px;}
.aktumark { width: 8px;height: 8px; background-color: #ffcc00; border-radius: 4px; margin: 6px 0 0 6px;}

/* Artikel */
.titelzeile{padding: 1rem 0;}
label {color: #8c7f5b;}
tbody {border: none;}
td {vertical-align: top;}
tbody th, tbody td{padding: 0;}
hr{margin-right: 2em;}
.accordion-title{font-size: 1.5em; padding: 0.5rem;}

/* Galerie Literatur */
/*.erwoverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: 
rgba(0, 0, 0, 0.4); color: #fff; display: flex; padding: 5px; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; z-index: 10;}*/
.erwoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5); /* Halbtransparent schwarz für Sichtbarkeit */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    z-index: 5; /* Unter dem Popup */
}
.litgalplatzhalter {height: 100px; background-color: #999; color: #333; font-weight: bold; padding: 5px; display: flex; align-items: top;}

h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", sans-serif; }

#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    color: white;
    padding: 15px;
    text-align: center;
    z-index: 1000;
}

/* medium */
@media print, screen and (min-width: 40em) {
	h1{font-size: 2.4em;}
	h2{font-size: 1.8em;}
	h3{font-size: 1.5em;}
	h4{font-size: 1.2em;}
}

#bildOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#schließenBtn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    color: white;
}settings