Before you change anything, create a backup copy of your site’s status quo (a good plugin, even in the free version, is: duplicator)

I would recommend this approach to everyone, especially for major updates (5.x to 6.x; …). This way, you always have a rollback option in the background.

The advantage of this method is that it can be reversed.
Uploading the new theme takes a little time; if everything goes well, the website will only be offline for a short time (only for the moment of renaming).

Update via ftp

• Download the “installable WordPress file only” file from themeforest and unzip it
• After that – you got a folder : enfold
• Rename this downloaded newest version to enfold-new
• via ftp: Upload that enfold-new folder to the themes folder
• ftp: You now have the “enfold” folder (the older version) and the “enfold-new” folder side by side.
• via ftp: Rename the existing enfold folder to f.e. enfold-old
• via ftp: Rename your uploaded enfold-new folder now to enfold
• On Enfold – Performance – check mark and “Delete Old CSS And JS Files?”
• Check if your Website works to your full satisfaction.
• Yes – then stop here – Update is finished
• After a while of testing – you can delete that enfold-old folder via ftp

• No – delete or rename back the enfold folder back to enfold-new
• rename the enfold-old folder back to enfold
• check on enfold board if there are known bugs – or similar problems

PS: I’m not sure if the new Enfold also has requirements for the PHP version number.
Log in to your hoster and check which PHP version is set there.
Most hosts will show you which PHP version they currently prefer (8.2, 8.3—some even recommend the 8.4 PHP version).

With these larger and bolder icons, you will now see a shift when opening the submenus (“Services”), which you can prevent by widening the whole thing (e.g., 375px instead of 350px). You could also reduce the indentation of the menu items (paddings).

/* you can set the width to 375px f.e. on the enfold options */
.html_av-overlay-side .av-burger-overlay-scroll {
  width: 375px;
}

/* However, this width setting is not mandatory if you only reduce these indents and leave the width at 350px. */
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
  padding: 15px 30px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
  padding-left: 60px;
}

ich weiss ehrlich gesagt nicht warum du dir das leben schwer machst.
Einfach eine Liste anlegen innerhalb eines Text-Blocks – die Jahre fett setzen, und dann nur noch diese Text Element mit einer Klasse belegen.
Den Rest macht das CSS. Da musst du nicht einmal html code setzen – oder ein Tabellen Plugin nutzen etc. Pures Enfold.

css auf der Seite: https://webers-testseite.de/joeconnert/

_________

To be honest, I don’t know why you’re making life difficult for yourself.
Just create a list within a text block – put the years in bold, and then just assign a class to this text element.
The CSS will do the rest. You don’t even have to set any HTML code.

CSS on the page: https://webers-testseite.de/joeconnert/