<data priority="50">
    <xpath expr="//span[@t-field='o.product_id']/../.." position="replace">
        <style>
     .table &gt; :not(:first-child) {
      border-top: none;
    }
    .table {
      margin: 0 0 0 10px;
      width: 98%;
    }
    .th {
      border-bottom: 1px solid rgb(220,220,220);
      font-weight: bold;
      padding: 10px 0 5px 0;
      font-size: 11pt;
    }
    .td {
      font-size: 10pt;
    }
    .col-2 {
      padding: 0 0 0 0;
    }
    .col-4 {
      padding: 0 0 0 0;
    }
     .col-6 {
      padding: 0 0 0 0;
    }
        </style>
        <div class="row table th">
            <div class="col-2">
                <span>Produkt</span>
            </div>
            <div class="col-4">
                <span t-field="o.product_id.default_code"/>
            </div>
            <div class="col-6">
                <span>Typenbezeichnung</span>
            </div>
        </div>
        <div class="row table td">
            <div class="col-6">
                <span t-field="o.product_id.name"/>
            </div>
            <div class="col-6">
                <span t-field="o.product_id.type_description"/>
            </div>
        </div>
        <div class="col-3" t-if="o.product_description_variants">
            <strong>Description:</strong>
            <br/>
            <span t-field="o.product_description_variants"/>
        </div>
        <div class="row table th">
            <div class="col-2">
                <span>Menge</span>
            </div>
            <div class="col-4">
            </div>
            <div class="col-6">
                <span>Datum</span>
            </div>
        </div>
        <div class="row table td">
            <div class="col-6 text-start">
                <td>
                    <strong>
                        <span style="padding: 0;" t-field="o.product_qty"/>
                        <span t-field="o.product_uom_id" groups="uom.group_uom"/>
                    </strong>
                </td>
            </div>
            <div class="col-3">
        Start: <span t-field="o.date_start" t-options="{&quot;widget&quot;: &quot;date&quot;}"/>
            </div>
            <div class="col-3 text-end">
                <strong>Termin: <span t-field="o.date_finished" t-options="{&quot;widget&quot;: &quot;date&quot;}"/>
                </strong>
            </div>
        </div>
    </xpath>
</data>