/* Eigene Ergänzungen zum Theme "business".
   Diese Datei gehört nicht zum Original-Theme und überlebt daher
   ein Theme-Update. Sie wird von allen Seiten geladen. */

/* --- Kopfbereich sofort sichtbar --------------------------------------
   Das Theme versteckt #masthead per CSS (display:none) und blendet ihn
   erst in $(window).load() wieder ein — gemeinsam mit dem Ausblenden des
   Preloaders. window.load feuert erst, wenn alle Bilder geladen sind; bis
   dahin sah man nur den Wartekreis. Der Preloader ist deshalb aus dem HTML
   entfernt, und der Kopfbereich wird hier von vornherein sichtbar gemacht.
   Ohne diese Regel bliebe die Navigation unsichtbar. */
#masthead {
    display: block;
}

/* --- Einblend-Animation beim Scrollen abschalten ----------------------
   Das Theme setzt Inhalte zunächst auf opacity:0 und blendet sie erst ein,
   wenn JavaScript (waypoints.js) die Klasse .come-in hinzufügt:

     .home section#list .entry-image   { left:-20%; opacity:0 }
     .home section#list .entry-content { left: 20%; opacity:0 }
     .home section#clients article     { opacity:0; transform:scale(0.01) }

   waypoints berechnet die Auslösepunkte in $(document).ready — also bevor
   die Bilder geladen sind. Danach verschiebt sich das Layout um mehrere
   tausend Pixel, die gespeicherten Positionen stimmen nicht mehr, und die
   Klasse wird nie gesetzt. Sichtbar blieb dann nur die Überschrift
   "Dienstleistungen"; die acht Kacheln standen unsichtbar darunter.

   Die Inhalte werden deshalb unbedingt sichtbar gemacht. Der Effekt
   entfällt, die Seite ist dafür verlässlich lesbar.
   NICHT betroffen: der Slider (.flexslider) — dessen Überblendung braucht
   opacity:0 für die gerade nicht gezeigten Bilder. */
.home section#list .entry-image,
.home section#list .entry-content {
    opacity: 1;
    left: 0;
}
.home section#clients article,
.home section#team article,
.home section#featured article {
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

/* --- Aus der Startseite herausgelöste Seiten --------------------------
   Betrifft: philosophie, referenzen, team, kontakt.

   Die Abschnitts-Styles des Themes hängen an der Body-Klasse .home
   (".home section#philosophie", ".home section#kunden" usw.). Diese Seiten
   tragen deshalb ebenfalls .home, haben aber keinen Slider. Eine Theme-Regel
   muss dafür zurückgenommen werden:
     body.home .site-content { margin-top: 0 }  -> Inhalt klebte am Header
   Die Klasse .flexslider-helper (macht den Header absolut positioniert und
   transparent) wird auf diesen Seiten gar nicht erst gesetzt. */
body.teilseite .site-content {
    margin-top: 80px;
    margin-bottom: 0;
}

/* --- Team -------------------------------------------------------------
   Das Mannschaftsfoto war im Theme nur Hintergrundbild des Abschnitts
   (.home section#clients). Auf der Team-Seite ist es echter Inhalt
   (<img> mit alt-Text), deshalb wird der Hintergrund hier abgeschaltet. */
body.team section#clients {
    background-image: none;
    background-color: transparent;
}
body.team section#clients article {
    float: none;
    width: 100%;
}