/* Korrekturen fuer den statischen Export "Feldpost des Zweiten Weltkriegs".
   Wird in jeder Seite nach css/reddank.css eingebunden; Quelle:
   F:\wwwroot\Jugendserver\export\exporter_fp\zusatz\css\export.css */

/* Brief-Suche (suche.html) */
.fp-suche label { font-size: 12px; font-weight: normal; margin-bottom: 2px; }
.fp-suche .form-control { font-size: 12px; }
/* Formular und Treffer beginnen auf der Linie des Einleitungstextes (.inner-content p hat padding-left 30px;
   die Bootstrap-Zeile zieht 15px nach links, die Spalten schieben 15px zurueck) */
.fp-suche { margin-bottom: 20px; margin-left: 15px; }
/* Trefferliste: Zusammenfassung, Filter nach Briefwechsel, Monatsgruppen, Zeilen als Raster */
#fpTreffer { font-family: open_sansregular, Arial, sans-serif; padding-left: 30px; }
#fpTreffer > p { font-family: open_sanslight, Arial, sans-serif; font-size: 16px; padding-left: 0; }
.fp-kopf { margin: 0 0 24px 0; padding-bottom: 14px; border-bottom: 1px solid #736864; }
.fp-summe { font-family: open_sanslight, Arial, sans-serif !important; font-size: 18px !important; padding-left: 0 !important; margin: 0 0 10px 0; color: #333; }
.fp-summe strong { font-family: open_sanssemibold, Arial, sans-serif; color: #736864; }
.fp-summe em { font-style: normal; color: #736864; }
.fp-facetten { display: flex; flex-wrap: wrap; gap: 6px; }
.fp-facette { padding: 3px 10px; border: 1px solid #d9d0c8; border-radius: 14px; background: #fff; color: #736864; font-size: 12px; line-height: 18px; cursor: pointer; }
.fp-facette span { color: #999; margin-left: 2px; }
.fp-facette:hover { background: #f3ede7; }
.fp-facette.aktiv { background: #736864; border-color: #736864; color: #fff; }
.fp-facette.aktiv span { color: #e8e2dd; }
.fp-gruppe { margin: 0 0 22px 0; }
.fp-gruppe-titel { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 6px 0; padding: 0 0 4px 0;
                   border-bottom: 1px dotted #c9c2bc; font-family: open_sanslight, Arial, sans-serif; font-size: 20px; color: #333; letter-spacing: .5px; }
.fp-gruppe-anzahl { font-family: open_sansregular, Arial, sans-serif; font-size: 12px; color: #999; }
.fp-liste { list-style: none; margin: 0; padding: 0; }
.fp-liste li { margin: 0; padding: 0; }
.fp-liste a { display: grid; grid-template-columns: 150px 1fr auto; column-gap: 14px; align-items: baseline;
              padding: 6px 8px; margin: 0 -8px; border-radius: 3px; color: #333; text-decoration: none; line-height: 1.4; }
.fp-liste a:hover, .fp-liste a:focus { background: #f3ede7; color: #333; text-decoration: none; }
.fp-liste .fp-datum { font-family: open_sanssemibold, Arial, sans-serif; font-size: 13px; color: #736864; white-space: nowrap; }
.fp-liste .fp-titel { font-size: 14px; color: #ec5004; }
.fp-liste a:hover .fp-titel { text-decoration: underline; }
.fp-liste .fp-quelle { font-size: 11px; color: #999; white-space: nowrap; }
.fp-liste mark { background: #fbe6c2; color: inherit; padding: 0 1px; }
.fp-weiter { text-align: center; padding-left: 0 !important; margin-top: 10px; }
.fp-weiter .btn { font-size: 13px; border-color: #d9d0c8; color: #736864; }
.fp-weiter .btn:hover { background: #f3ede7; }
@media (max-width: 640px) {
    .fp-liste a { grid-template-columns: 1fr; row-gap: 2px; }
    .fp-liste .fp-quelle { white-space: normal; }
}

/* Datumsauswahl (js/fp_datum.js): Kalender unter dem Feld, nur Tage mit Briefen sind Schaltflaechen */
.fp-kal { position: absolute; z-index: 10050; width: 262px; padding: 8px; background: #fff; border: 1px solid #bbb;
          box-shadow: 3px 3px 6px rgba(0,0,0,.25); font-size: 12px; color: #333; }
.fp-kal-kopf { display: flex; align-items: center; margin-bottom: 6px; }
.fp-kal-kopf select { flex: 1 1 auto; min-width: 0; margin: 0 3px; padding: 2px; font-size: 12px; height: 26px; border: 1px solid #ccc; background: #fff; }
.fp-kal-pfeil { width: 26px; height: 26px; padding: 0; border: 1px solid #ccc; background: #f5f5f5; font-size: 16px; line-height: 1; cursor: pointer; }
.fp-kal-pfeil[disabled] { color: #ccc; cursor: default; }
.fp-kal-tage { width: 100%; border-collapse: collapse; table-layout: fixed; }
.fp-kal-tage th { font-weight: normal; color: #999; text-align: center; padding: 2px 0; font-size: 11px; }
.fp-kal-tage td { text-align: center; padding: 1px; }
.fp-kal-tag { width: 100%; height: 26px; padding: 0; border: 1px solid #d9d0c8; background: #f3ede7; color: #736864; font-weight: bold; cursor: pointer; }
.fp-kal-tag:hover, .fp-kal-tag:focus { background: #736864; color: #fff; }
.fp-kal-leer { display: block; height: 26px; line-height: 26px; color: #ccc; }
.fp-kal-fuss { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; border-top: 1px dotted #ccc; padding-top: 6px; }
.fp-kal-ganz { padding: 2px 8px; border: 1px solid #ccc; background: #f5f5f5; font-size: 11px; cursor: pointer; white-space: nowrap; }
.fp-kal-ganz:hover { background: #e8e8e8; }
.fp-kal-hinweis { color: #999; font-size: 11px; text-align: right; }

/* Der gelesene Brief im Briefbaum: im Original wird die Markierung nie gesetzt */
.briefwechsel li.aktiv > a { font-weight: bold; color: #736864; }

/* Marker im Text bleiben ohne Javascript lesbar (der Verweis zeigt auf javascript:;) */
a.marker { cursor: help; }