#tel-hd {
text-align: center;
font-size: 18pt;
font-weight: bold;
font-family: 'arial black', 'avant garde';
}
#tel-hd a {
	color: #444;
    outline: medium none;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
#tel-hd a:hover {
    color: #777;
    text-decoration: none;
}
#adr-hd {
text-align: center;
font-size: 11pt;
}

#logo-hd{
text-align: center;
}
#title-hd{
text-align: center;
line-height: 1.2;
font-family: 'arial black', 'avant garde'; 
font-size: 22pt;
font-weight: bold;
}
#title-hd span{
font-size: 14pt;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
}

@media screen and (max-width: 680px) {

.custom > div.telhead{
float: left;
top: 5px;
left: 0;
margin-left: -150px;
}
#logo-hd{
display: none;
}
#title-hd{
display: none;
}
#title-hd span{
display: none;
}
}
@media screen and (max-width: 480px) {
.custom > div.telhead{
/*width: 100%;*/
float: none;
top: 5px;
left: 0;
margin-left: -150px;
}
#tel-hd {
text-align: center;
font-size: 14px;
font-weight: bold;
font-family: 'arial black', 'avant garde';
}
#adr-hd {
text-align: center;
font-size: 12px;
}
}

@media screen and (min-width: 790px) {
.custom > div.telhead {
position: relative;
top: 30px;
left: 0;
cursor: default;
}
#logo-hd{
text-align: center;
}
#title-hd{
text-align: center;
line-height: 1.2;
font-family: 'arial black', 'avant garde'; 
font-size: 22pt;
font-weight: bold;
}
#title-hd span{
font-size: 14pt;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
}
}
@media screen and (min-width: 1025px) {
.custom > div.telhead {
position: relative;
top: 30px;
float: right;
cursor: default;
}
}
.telefon a {
    color: #800000;
    outline: medium none;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
.telefon a:hover {
    color: #000;
    text-decoration: none;
}