Socket with Line and Center

Sorry,
Did the picture accidentally deleted
https://frasche.de/wp-content/uploads/foter.png

Hope u can give me an idea.

Hi,
Unfortunately, I have nothing because I do not know how to do it right.
I want to insert a centered line and two centered lines of text below it in the socket. I want to be able to determine the line width.
In the footer, I need 3 or 4 columns that address from the center of the site. Just like in the picture. The footer and pedestal of the Enfold Child are left-aligned and I can not get a centered line that is just over the entire layout width.

Hi
It is very sad that after almost a week I have not received a useful answer to a simple question.

I have purchased 9 Enfold licenses and will now seriously consider changing to another theme. Because I need a support, which also helps. But I can not wait that long for someone to try to help me. I just want to know how to build a centered line in the socket and a centered text underneath. Of course, responsive and the line width, I would like to be able to set myself. That’s all.

That can not be that hard for professionals.

I hope I get a useful answer immediately. Otherwise, this support is the worst I’ve ever seen.

Since I have not been helped by you, I have written a code myself. It works, but it is certainly not the best solution. I hope now that someone from your team feels sorry for that and correct the code so that it is technically sound. At the moment I can not center the line with my code correctly.

CSS: 
#socket .container{
padding-top:0px;
padding-bottom:15px;
display: flex;
  align-items: center;
  justify-content: center;
}

#socket{font-size: 20px; text-align: center; margin-top: -1px; z-index: 1;}

@media only screen and (max-width: 768px) {
#socket .container, #socket{
    padding: 0 0px 10px 20px;
}
}

@media only screen and (max-width: 768px) {
#footer .textwidget {
    display: flex;
text-align: center;
    justify-content: center;
    align-items: center;
}
ul {font-size: 24px !important;}
li {font-size: 20px !important;}
}

@media only screen and (min-width: 980px ) {
#footer .textwidget {
    position: relative;
left: 2em;
text-align: left;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 1260px ) {
#footer .textwidget {
    position: relative;
left: 4em;
text-align: left;
    justify-content: center;
    align-items: center;
}
}

HTML for Socket:
<hr style="color:#989898; background-color:#989898; height:1px; border:none;"><p style="margin: 0 50px 5px 50px; text-align: center; font-family: 'Rajdhani', sans-serif !important; font-weight:500; font-size:20px; hyphens: none !important;">FRASCHE.DE &nbsp;&nbsp;WEB & MEDIEN AGENTUR&nbsp;&nbsp; CHONBURI 20150 &nbsp;&nbsp;TEL. +66 (0)8100 / 27805 &nbsp;&nbsp;<a href="mailto: (Email address hidden if logged out) " style="text-decoration: none;">INFO@FRASCHE.DE</a></p><p style="margin: 0 20px 0 20px; font-size:16px; color:#989898; text-align: center; font-family: 'Rajdhani', sans-serif !important; font-weight:500;">© 2019 - FRASCHE.DE &nbsp;&nbsp;DEUTSCHE WEB AGENTUR [nolink]</p>

HTML Column 1-3:
Column 1
<ul style="font-family: 'Rajdhani', sans-serif; font-weight:600;">
<li><span style="font-weight:800; font-size:20px; color:#989898; letter-spacing: 2px;">WHATSAPP</span></li>
<li style="margin-top:10px;">KOSTENLOSER KONTAKT ÜBER<br>WHATSAPP: IM HANDY AUF DAS<br> <a href="https://api.whatsapp.com/send?phone=66810027805&text=Anfrage%20über%20FRASCHE.de" target="_blank"><img style="vertical-align: middle;" src="https://frasche.de/wp-content/uploads/symb-whatsapp-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-whatsapp-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-whatsapp-off.png'" alt="Kontakt zu FRASCHE.de über WhatsApp aufnehmen"></a>&nbsp;&nbsp;SYMBOL KLICKEN!</li>
</ul>

Column 2
<ul style="font-family: 'Rajdhani', sans-serif; font-weight:600;">
<li><span style="font-weight:800; font-size:20px; color:#989898; letter-spacing: 2px;">RECHTLICHES</span></li>
<li><a href="https://frasche.de/impressum" style="text-decoration: none;">IMPRESSUM</a></li>
<li><a href="https://frasche.de/datenschutzerklaerung" style="text-decoration: none;">DATENSCHUTZ</a></li>
<li><a href="https://frasche.de/kontakt/#formular" style="text-decoration: none;">KONTAKT</a></li>
</ul>

Column 3
<ul style="font-family: 'Rajdhani', sans-serif;">
<li><span style="font-weight:800; font-size:20px; color:#989898; letter-spacing: 2px;">CONNECT WITH US</span></li>
<li><img style="float: left;">
<a href="https://www.facebook.com/frasche.de/" target="_blank"><img src="https://frasche.de/wp-content/uploads/symb-facebook-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-facebook-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-facebook-off.png'" alt="FRASCHE.de bei Facebook" style="margin: 15px 5px 0 0; width:82px; "></a>
<a href="https://twitter.com/frasche_de" target="_blank"><img src="https://frasche.de/wp-content/uploads/symb-twitter-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-twitter-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-twitter-off.png'" alt="FRASCHE.de bei Twitter" style="width:61px; margin: 15px 0 0 0;"></a>
</li>
<li><img style="float: left;">
<a href="https://www.instagram.com/frasche.de/" target="_blank"><img src="https://frasche.de/wp-content/uploads/symb-instagram-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-instagram-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-instagram-off.png'" alt="FRASCHE.de bei Instagram" style="width:82px; margin: 5px 5px 0 0;"></a>
<a href="mailto: (Email address hidden if logged out) "><img src="https://frasche.de/wp-content/uploads/symb-email-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-email-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-email-off.png'" alt="Mail an FRASCHE.de" style="width:61px; margin: 5px 0 0 0;"></a>
</li>
</ul>

See the link in the private content: