div.footer{font-size: 0.85em;width:60%;text-align:left;padding-top:1%;margin-left:2px;}
div.user{margin-left:2%;}
form {padding-left:10px;}
.btn-rufen {
    background: #0099cc;
    color: #ffffff;
}
 
.btn-rufen:hover, .btn-rufen:focus, .btn-rufen:active, .btn-rufen.active, .open > .dropdown-toggle.btn-rufen {
    background: #33a6cc;
}
 
.btn-rufen:active, .btn-rufen.active {
    background: #007299;
    box-shadow: none;
}
a.logout_btn{margin:10px;}
h4.form-signin-heading {color:red; border: 2px solid red;padding:8px;width:50%;border-radius:4px;margin-top:-10px;margin-left:-8px;}
@media only screen and (max-width: 768px) {
  body{ background-color: rgba(150,153,255,.3);}
  div.footer{text-align: center;width:100%;}
  h4.form-signin-heading {width:92%;margin-top:-8px;margin-left:-5px;}
}
@media only screen and (max-width: 480px) {
 body{ background-color: rgba(51,153,255,.2);}

  div.footer{text-align: center;width:100%;}
  h4.form-signin-heading {width:92%;margin-top:-8px;margin-left:-5px;}
}