body {

    font-family: Arial, Helvetica, sans-serif;

    background: #f5f5f5;

    margin: 40px;

}



header {

    text-align: center;

}



h1 {

    color: #1b4f72;

}



.untertitel {

    color: #666;

}



h2 {

    color: #1b4f72;

}



h3 {

    color: #2874a6;

}



h4 {

    color: #666;

    margin-bottom: 5px;

}



/* ===============================
   Navigation
   =============================== */


.navigation {

    margin-top: 25px;

    margin-bottom: 30px;

}



.navigation button {

    background: #1b4f72;

    color: white;

    border: none;

    padding: 10px 18px;

    margin: 5px;

    border-radius: 6px;

    cursor: pointer;

    font-size: 16px;

}



.navigation button:hover {

    background: #2874a6;

}



/* ===============================
   Suche
   =============================== */


#suche {

    width: 100%;

    padding: 12px;

    font-size: 18px;

    margin-top: 30px;

    margin-bottom: 30px;

}





/* ===============================
   Einträge
   =============================== */


.eintrag {

    background: white;

    padding: 15px;

    border-radius: 8px;

    margin-bottom: 20px;

    box-shadow: 0 0 8px rgba(0,0,0,.15);

}





/* ===============================
   Bilder
   =============================== */


.artikelbild {

    max-width: 350px;

    height: auto;

    display: block;

    margin: 15px auto;

    border-radius: 6px;

    cursor: zoom-in;

}





pre {

    background: #eeeeee;

    padding: 12px;

    border-radius: 6px;

    overflow-x: auto;

    font-family: monospace;

    white-space: pre-wrap;

}





#spickzettel {

    margin-top: 30px;

}



#spickzettel .eintrag {

    border-left: 5px solid #2874a6;

}





#chronik {

    margin-top: 30px;

}





hr {

    margin-top: 40px;

    margin-bottom: 40px;

}





/* ===============================
   Bild-Lupe / Lightbox
   =============================== */


.bild-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.8);

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: zoom-out;

    z-index: 1000;

}





.grosses-bild {

    max-width: 90%;

    max-height: 90%;

    border-radius: 8px;

    box-shadow: 0 0 20px black;

}

/* ===============================
   Dokumente Version 1.2.1
   =============================== */


.dokumente {

    margin-top: 20px;

    padding: 15px;

    background: #f8f9fa;

    border-left: 5px solid #1b4f72;

    border-radius: 6px;

}


.dokumente h3 {

    margin-top: 0;

    color: #1b4f72;

}


.dokument {

    margin-top: 8px;

}


.dokument a {

    text-decoration: none;

    color: #2874a6;

    font-weight: bold;

}


.dokument a:hover {

    text-decoration: underline;

}

/* ===============================
   Dokumenttyp Anzeige 1.2.5.1
   =============================== */


.dokument-typ {

    color: #666;

    font-size: 14px;

    margin-bottom: 5px;

}

/* ===============================
   Dokumentgruppen 1.2.6
   =============================== */


.dokument-gruppe {

    background: #f8f8f8;

    padding: 10px;

    margin-top: 15px;

    border-left: 4px solid #2874a6;

}



.dokument-gruppe h4 {

    margin-top: 0;

}



.dokument {

    background: white;

    padding: 10px;

    margin-top: 8px;

    border-radius: 6px;

}



.dokument-aktionen {

    margin-top: 8px;

}



.dokument-aktionen a {

    margin-right: 15px;

    text-decoration: none;

}