#service a{
float:left;
width:25%;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
color:black;
border:1px solid transparent;
}

#service a:hover{
border:1px solid rgb(198,40,58);
}

#service a img{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
}

#service .ueberschrift{
font-weight:bold;
display:block;
margin-top:10px;
margin-bottom:0px;
}

#service a.service_phone{
float:none;
display:inline-block;
width:auto;
padding:0px;
margin-left:20px;
color:black;
border:0px;
}

#service a.service_phone:hover{
border:0px;
}

@media screen and (max-width: 800px)
{
  #service a{
  width:50%;
  }
}

@media screen and (max-width: 500px)
{
  #service a{
  width:100%;
  }
}