.headerpic {max-height: 300px;} 
.headerpic img { width: 100%}
#headercontainer {overflow:hidden;position: relative;}


h1,h2 { font-family:Satisfy}
h4 {color:#444!important}
h1 {font-size:2.5rem!important;}
h2 {font-size:2.5rem!important;}
#logo { font-family:Satisfy; font-size:1.5rem; line-height:1;position: absolute;top:30%;left:25%; width:50%; padding:10px 1.5rem; 
        background: rgba(255,255,255,0.8); border-radius: 10px; text-align: center;z-index: 9999;}
        
#templatewrapper { padding:0!important; border-left:1px solid #eee;border-right:1px solid #eee;
                box-shadow: 0px 4px 5px 4px #ddd; background: #fff;
                }

#impressum {color:#444; padding: 0 6%;}


hr .divider{ width:50%; border:0; color: #909090;}

.navbar-collapse.show .nav-item {padding-left: 75px!important;}

 
@media (min-width: 768px){
#logo {font-size:2.5rem;}
#content-area {padding:0 48px;}
}