aber am besten wäre ein div um <div class="container header-area"> xxx </div> zu sezten...
#hier das neue DIV
<div class="farbe">
<div class="container header-area">
<header id="masthead" class="site-header col-sm-12" role="banner">
<div class="site-branding col-md-6">
<div id="logo">
<a href="http://www.stelisabeth.at/sub_test/"><img src="http://www.stelisabeth.at/sub_test/wp-co…ader-finish.png" height="120" width="978" alt="St. Elisabeth"></a>
<h4 class="site-description"></h4>
</div><!-- end of #logo -->
</div>
<div class="social-header col-md-6">
</div>
</header><!-- #masthead -->
</div>
</div>
#neues div ende
css dazu
[FONT=Consolas].farbe { background: #FCF6D7; }
[/FONT]