Widget translation problem

Hey,

I have a little problem with widget translation.

I have a widget with the following code

<section id="feature-boxes-3" class="home-widget margin-t">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="intro-msg">
            <div class="intro-2"><span class="intro-big-italic">Herzlich willkommen!        </div>        </div>
        <!--.col-md-12-->
        <div class="col-md-6">
   <p style="text-align: justify;">Text...</p>
<p style="text-align: justify;">Text...</p>       </div>
        <div class="col-md-6">
      <img class="alignright wp-image-303" src="IMG" alt="Text" width="450" height="301" />
</div>
<p><!--.about-description--></p>
        </div></div><!--.row-->
    </div><!--.container-->
  </section>

As soon as I want to make text multilingual by adding [:de] before “Herzlich willkommen!” and then the English translation [:en] and save this happens and the code automatically changes itself to that:

<section id="feature-boxes-3" class="home-widget margin-t">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="intro-msg">
            <div class="intro-2"><span class="intro-big-italic">Herzlich willkommen!

Anybody has any idea? Thanks a lot for help!

https://ww.wp.xz.cn/plugins/qtranslate-x/