/* Korrekturen fuer den statischen Export "Jugend! Deutschland 1918-1945".
   Diese Datei wird vom Exporter als letztes Stylesheet in jede Seite eingebunden (nach reddank.css und den Inline-Styles).
   Quelle: export\exporter\zusatz\css\export.css  ->  nach dem Aendern "dotnet build -c Release" und "export.cmd statisch".

   Klassen, die der Exporter ergaenzt:
     body            ex-<seitentyp> ex-<ordner>      z.B. <body class="ex-thema ex-jugend">
                     Seitentypen: default, geschichte, infothek, projekte, lebensgeschichten, impressum, archiv,
                                  thema, zeitzeuge, info, projekt, album, lexikon, thema_anderes, marker, suche, findbuch
     Kopfbereich     .ex-kopf .ex-kopf-<seitentyp>   der Kasten mit Kopfbild und Text (.royalSlider.rsMinW)
                     .ex-kopf-bild                   Bildspalte  (col-xs-7 ... bzw. col-xs-2 ... bei Zeitzeugen)
                     .ex-kopf-text                   Textspalte  (col-xs-5 ... bzw. col-xs-10 ... bei Zeitzeugen)
     schon vorhanden .rsTitel, .titelSubKopf1, .titelSubKopf2, .infotextWrapper, .rsImg
*/

/* Suche und Findbuch des Exports (js/suche_seite.js, js/findbuch.js) */
.ex-suche-auszug { font-size: 13px; line-height: 140%; color: #444; margin: 4px 0 0 0; }
.ex-suche-auszug mark { background-color: #fbe6c2; padding: 0 1px; }
.ex-suche-zahl { font-size: 60%; color: #777; font-weight: normal; }
.ex-suche-hinweis, .ex-suche-leer, .ex-suche-status { font-size: 14px; color: #555; }
.ex-suche-gruppe { margin-bottom: 30px; }
.ex-fb-zahl { font-size: 13px; color: #555; }

/* 1. Kopf der Artikelseiten (thema, info, projekt): zwischen 768 und 1199 px ist die Bildspalte schmaler als das
      685 px breite Kopfbild, das Bild ragt in die durchsichtige Textspalte. Wie auf den Uebersichtsseiten (geschichte)
      liegt der Text dann mit weissem Grund ueber dem Bild. */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .ex-kopf .ex-kopf-text { background-color: #fff !important; position: relative; z-index: 2; }
}

/* 2. Kopf der Zeitzeugenseiten auf kleinen Bildschirmen: reddank.css vergroessert dort alle .rsImg auf ihre volle Breite,
      das Portrait schiebt sich unter den Namen. Portrait bleibt in seiner Spalte, der Text steht daneben. */
@media screen and (max-width: 767px) {
    .ex-kopf-zeitzeuge .ex-kopf-bild { width: 35%; }
    .ex-kopf-zeitzeuge .ex-kopf-bild .rsImg { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
    .ex-kopf-zeitzeuge .ex-kopf-text { width: 65%; padding-left: 15px !important; }
}