/* Alle Texte schwarz machen */

body {
  color: #000000; 
}

p, h1, h2, h3, h4, h5, h6, {
  color: #000000 !important;
}

/* Verringert den Zeilenabstand aller Texte */
body, .columns, .grid-x, .cell, .content, p, li, h1, h2, h3, h4, h5, h6, ul, ol, dl,
main.site-main *, .resource-description *, section.metadata *, .value-content * {
    line-height: 1.3 !important;
}

/* Macht die Schrift aller Listeneinträge und Links dunkelgrau */
li, a, span {
  color: #333333 !important;
}


/* Macht alle URI-Links durch Unterstreichung kenntlich */
.uri-value-link {
  text-decoration: underline !important;
}

/* Macht "Sammlung" Button in Navigation grau */
.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
    background: #fff !important;
    color: # #333333;
font-style: bold;
}

.top-bar, .nav-header, header, .nav {
    background-color: #fff;
    font-weight: bold;
}

/* macht die Füllung der Labels (z.B. "Objekt" oder "Sammlung") rechts neben dem Titel dunkelgrau */
.label {
  background-color: #333333 !important;
}

/* Alle Buttons mittelgrau im normalen Zustand */
button, input[type="submit"], .btn, .button {
  background-color: #555555 !important;  /* Mittelgrau */
  color: white !important;  /* Weißer Text für besseren Kontrast */
  border: 1px solid #333333; /* Optional: Ein dezenter Rand, um die Buttons besser sichtbar zu machen */
}

/* Hover-Effekt -  alle Buttons hellgrau */
button:hover, input[type="submit"]:hover, .btn:hover, .button:hover {
  background-color: #888888 !important;  /* Dunkelgrau */
}

/* Setzt bei den Objekt-Seiten alle Bilder auf die Breite 500 px*/
.media-render img {
  width: 500px !important;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Vorschau in Item-Liste / Sammlungsvorschau */
.resource-meta img,
.resource-link img {
  /*width: 100% !important;*/
 /*max-width: 300px !important;*/
  height: auto !important;
  image-rendering: auto !important;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

/* Verkleinert die Überschriftgröße bei den Objekten in der Sammlungsvorschau und macht sie fett*/
span.resource-name {
  font-size: 1.1rem !important; /* oder z. B. 1rem oder 0.95rem */
 font-weight: bold !important; 
  line-height: 1 !important;    /* Zeilenabstand verringern */
}

/* Vergrößert Zeilenabstand in der Objektliste zwischen den einzelnen Objekten*/
li.item.resource {
  margin-bottom: 30px;
}
/* Vergrößert Zeilenabstand in der Objektliste zwischen den einzelnen Objekten
nav.top-bar-left {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
}*/

/* Logo im Header größer machen */
nav.top-bar-left img {
  max-height: 7rem;       /* Bild darf höchstens 6rem hoch sein */
  height: auto;           /* Höhe passt sich automatisch an */
  width: auto;            /* verhindert Verzerrung */
  padding-left: 5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* formatiert die Sammlungs-Titel in der Sammlungsliste */
h4 {
  font-size: 1.1rem !important; /* oder z. B. 1rem oder 0.95rem */
  font-weight: bold !important; 
  line-height: 1 !important;    /* Zeilenabstand verringern */
}

/* verkleinert Bildgröße in der Detailansicht unter "Medien" */
.media-list img {
    max-width: 6.25rem !important;
    height: auto;
}