Community @ The Turning Gate

Doesnt work in Pangolin, but only in the WP-Theme :-(

Have this in the phplugins:
function header_top()
{
    echo '
<div data-lang="en">   
<div class="masthead masthead-primary">
<div class="content content_width">
<div class="grid_12" style="text-align:left;">
<div class="col_10">
<a href="https://rome-phototours.com/">

    <h1>
    <span>ROME PHOTO TOURS &amp; WORKSHOPS</span>
    <br><span class="site__tagline">Photographing the Eternal City</span></h1></a></a>
</div>
<div class="col_2 omega">
<div align="right" style="margin:0px;">
<div id="TA_certificateOfExcellence51" class="TA_certificateOfExcellence"><ul id="pBNRJ7FIS" class="TA_links qYxwlWPX"><li id="1Nx6RS" class="tguyNf"><a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g187791-d4420656-Reviews-Rome_Photo_Tours_Workshops_by_Oliver_Blum_Photography-Rome_Lazio.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2017_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a></li></ul></div><script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&amp;uniq=51&amp;locationId=4420656&amp;lang=en_US&amp;year=2017&amp;display_version=2" data-loadtrk onload="this.loadtrk=true"></script></div>
</div>
</div></div></div></div>

<div data-lang="de">   
<div class="masthead masthead-primary">
<div class="content content_width">
<div class="grid_12" style="text-align:left;">
<div class="col_10">
<a href="https://rome-phototours.com/">

    <h1><span>
    <img class="identityplate" alt="ROM FOTOTOUREN & WORKSHOPS" title="ROM FOTOTOUREN & WORKSHOPS - HOME" src="https://rome-phototours.com/backlight/designer/?c=page&a=image&p1=4" srcset="https://rome-phototours.com/backlight/designer/?c=page&a=image&p1=4, https://rome-phototours.com/backlight/d … image&p1=1 2x" width="680" height="53" />
    <br /><span class="site__tagline">Fototraining in der Ewigen Stadt</span></span></h1></a>
</div>
<div class="col_2 omega">
<div align="right" style="margin:0px;">
<div id="TA_certificateOfExcellence49" class="TA_certificateOfExcellence"><ul id="eKLhgcW6Coq" class="TA_links 8EEJLP"><li id="ljyi3k99Ck" class="aZA7u1X"><a target="_blank" href="https://www.tripadvisor.de/Attraction_Review-g187791-d4420656-Reviews-Rome_Photo_Tours_Workshops_by_Oliver_Blum_Photography-Rome_Lazio.html"><img src="https://www.tripadvisor.de/img/cdsi/img2/awards/CoE2017_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a></li></ul></div><script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&amp;uniq=49&amp;locationId=4420656&amp;lang=de&amp;year=2017&amp;display_version=2" data-loadtrk onload="this.loadtrk=true"></script></div>
</div>
</div></div></div></div>

    ';
    return false;
} // END /**/

Have this in the custom.css:

@font-face {
  font-family: Xena;
  src: url("backlight/custom/phplugins/fonts/Xena.eot"); /* IE9 Compat Modes */
  src: url("backlight/custom/phplugins/fonts/Xena.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("backlight/custom/phplugins/fonts/Xena.woff") format("woff"), /* Modern Browsers */
       url("backlight/custom/phplugins/fonts/Xena.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("backlight/custom/phplugins/fonts/Xena.svg#svgFontName") format("svg"); /* Legacy iOS */
}

Have this in the Prepend font-family area in the Masthead section:
Xena

I am thankful for any hints...

Best regards,
oliver