diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index 91df3c33..f4f632a8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -100,7 +100,7 @@
                     <f:then>
                         <li data-controller="collapse"
                             data-collapse-collapsed-value="{f:if(condition: navitem.active, then: 'false', else: 'true')}">
-                            <div class="flex items-center justify-between px-4 py-2 bg-ep-primary text-white">
+                            <div class="flex items-center justify-between px-4 py-2 text-white {f:if(condition: navitem.data.tx_eptheme_navitemclass, then: navitem.data.tx_eptheme_navitemclass, else: 'bg-ep-primary')}">
                                 <a href="{navitem.link}"
                                    class="uppercase text-xl flex-1"
                                    title="{navitem.title}">
@@ -122,7 +122,7 @@
                     <f:else>
                         <li>
                             <a href="{navitem.link}"
-                               class="block px-4 py-2 bg-ep-primary text-white uppercase text-xl"
+                               class="block px-4 py-2 text-white uppercase text-xl {f:if(condition: navitem.data.tx_eptheme_navitemclass, then: navitem.data.tx_eptheme_navitemclass, else: 'bg-ep-primary')}"
                                title="{navitem.title}">
                                 {navitem.title}
                             </a>