GoogleTranslateElement умляуты отображает криво. Как сделать что бы отображал нормально?

сайт у меня на немецком языке, решил поставить плагин googletranslate после чего умляуты отображаются криво, кто сталкивался? Как сделать что бы нормально отображались? Сразу скажу что кодировка стоит в файле utf-8.

Или как запретить плагину автоматически переводить текст при загрузке страницы? А только когда выбираешь с селекта язык.

    function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}