title: Overlap bootstrap carousel with image from navbar
body: <p>I have a page, where I use a full-screen bootstrap carousel for sliding images and a <code>navbar</code> at the top of the page (not fixed).</p>
  
  <p>Now there should be a logo inside the <code>navbar</code>, that overlaps it's height at the bottom and therefore overlaps the carousel.</p>
  
  <p>My problem is that the logo pokes out of the <code>navbar</code>, leading to images in the carousel being slid down.</p>
  
  <p>See for yourself at <a href="http://strauss.co.at/reini/" rel="nofollow">http://strauss.co.at/reini/</a></p>
  
  <p>Any ideas what I'm doing wrong?</p>