/* =====================================================================
   ZUSATZ-STYLESHEET
   Teil A - generelle Feinjustierung, Teil B - Ausnahmen pro Sektion.
   Wird NACH der style.css geladen. Angelegt 2026-08-03.
   ===================================================================== */

/* A1  Luft zwischen Einleitungstext und erstem Bild: 9 px -> 20 px. */
#content #img-container { margin-top: 20px !important; }

/* A2  Textblock und Bildunterschrift auf eine vertikale Linie (beide 5 px).
       Das :not() haelt die Bildabsaetze aussen vor. */
#content p:not(#img-container p) { margin-left: 5px !important; }
#img-container strong,
#img-container em,
#img-container span { margin-left: 5px !important; }

/* A3  Luft zwischen Bildunterkante und Bildunterschrift: 1 px -> 5 px. */
#img-container strong { margin-top: 5px !important; }

/* A4  Abstand zwischen nebeneinander stehenden Bildern (Spielplaetze u. a.). */
#img-container > p { margin-left: 0 !important; margin-right: 15px !important; }

/* A5  Textbreite 400 px -> 440 px. */
#content p:not(#img-container p) { width: 440px !important; }

/* A6  Silbentrennung. Sprachangabe am <html> steht auf "en" - deutsche
       Absaetze brauchen ein eigenes lang="de". */
#content p:not(#img-container p) {
    -webkit-hyphens: auto;
    hyphens: auto;
    text-wrap: pretty;
}

/* A7  Menue: Trennung vor dem jobs/videos-Block. Von hinten gezaehlt,
       weil im Template ein leeres <ul> folgt: 1 leer, 2 videos, 3 jobs. */
#menu .container > ul:nth-last-of-type(3) { margin-top: 34px !important; }

/* A8  Zeilenabstand im Fliesstext: "normal" (14,4 px) -> 1.55 (18,6 px). */
#content p:not(#img-container p) { line-height: 1.55 !important; }

/* A9 (WORKS-Schriftzug unter dem Logo) wurde am 2026-08-03 wieder
   zurueckgebaut. Der Nachbau in InterDisplay traf die Setzung des
   Original-SVG nicht. Naechster Anlauf: das WORKS aus dem Startseiten-SVG
   herausschneiden und als eigene Grafik einbinden. */


/* =====================================================================
   TEIL B  ·  AUSNAHMEN PRO PROJEKT
   ===================================================================== */

/* section-12  ·  Tales; Red 2008-2009 - Bilder unten buendig. */
body.section-12 #img-container { align-items: flex-end !important; }
