/* Setze die Schriftart für den gesamten Body */
body {
    font-family: 'Times New Roman', Times, serif !important;
    background-color: #f0f8ff; /* Sehr helles Blau als allgemeine Hintergrundfarbe */
    margin-left: 20%; /* Platz für die linke Seitenleiste */
    position: relative; /* Ermöglicht das Platzieren des Bildes im Randbereich */
}

/* Positioniere das Bild von Eduard Hamm in der linken Seitenleiste */
body::before {
    content: "";
    position: fixed; /* Fixiert das Bild unabhängig vom Inhalt */
    top: 0;
    left: 0;
    width: 20%; /* Der linke Bereich nimmt 20% der Breite ein */
    height: 100%;
    background-image: url('/files/asset/e0acccabec63643b4fc371b23ae9938f8e1be3df.jpg');
    background-size: cover; /* Deckt den gesamten linken Bereich mit dem Bild ab */
    background-repeat: no-repeat;
    background-position: left top; /* Positioniert das Bild oben links */
    opacity: 0.8; /* Reduziert die Deckkraft des Bildes, um den Text lesbarer zu machen */
    z-index: -1; /* Stellt sicher, dass das Bild hinter dem Inhalt bleibt */
}

/* Entfernt die gesamte Suchleiste */
div.search {
    display: none !important;
}

/* Vergrößert das Logo ohne Verzerrung */
.site-title img {
    max-height: 160px;
    height: auto;
    width: auto;
}

/* Erhöht die Höhe des Headers */
.top-bar {
    height: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 60px;
}

/* Verschiebt das Logo nach rechts */
.site-title {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.top-bar-left {
    order: 2;
}

.top-bar-right {
    order: 1;
    flex: 1;
    text-align: right;
}

/* Anpassung des Inhaltsblocks */
#content {
    background-color: rgba(240, 248, 255, 0.9); /* Sehr helles Blau als Hintergrundfarbe mit 90% Deckkraft */
    padding: 20px; /* Fügt Polsterung für den Inhalt hinzu */
    margin-right: auto; /* Stellt sicher, dass der Inhalt die volle Breite des restlichen Bereichs einnimmt */
    max-width: 100%; /* Nutzt den gesamten verbleibenden Platz auf der rechten Seite */
    margin-left: 0; /* Kein zusätzlicher Abstand zum linken Rand des Inhalts */
}

.media img[src*="image.png"] {
  display: none; /* Verstecke das generische Bild */
}

.media img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Footer styling */
#footer {
    white-space: pre-line; /* Zeilenumbruch bei Text berücksichtigen */
    font-size: 1em; /* Standardgröße für den Footer-Text */
}

/* Titel größer darstellen */
#footer:before {
    content: "Eduard Hamm – Quellen der Resistenz."; /* Der Titel der Ausstellung */
    font-size: 1.5em; /* Größere Schriftgröße für den Titel */
    display: block;
    margin-bottom: 10px; /* Abstand nach dem Titel */
    font-weight: bold; /* Fettschrift für den Titel */
}

/* Restlichen Text des Footers */
#footer:after {
    content: "Eine Online-Ausstellung des Lehrstuhl für Computational Humanities der Universität Passau, herausgegeben von Markus Gerstmeier und Malte Rehbein";
    display: block;
    font-size: 1em; /* Standardgröße für den restlichen Text */
}