diff --git a/Classes/Controller/ReadabilityController.php b/Classes/Controller/ReadabilityController.php
new file mode 100644
index 0000000..702dcfb
--- /dev/null
+++ b/Classes/Controller/ReadabilityController.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use WebVision\DeeplWrite\Readability\ReadabilityCalculatorFactory;
+
+final class ReadabilityController
+{
+    public function __construct(private readonly ReadabilityCalculatorFactory $factory)
+    {
+    }
+
+    public function calculate(ServerRequestInterface $request): ResponseInterface
+    {
+        $data = $request->getParsedBody();
+        $readabilityCalculator = $this->factory->fromLanguage($data['language']);
+        $readabilityResult = $readabilityCalculator->calculateReadability(strip_tags($data['text'] ?? ''));
+        return new JsonResponse($readabilityResult->jsonSerialize());
+    }
+}
diff --git a/Classes/Readability/Calculator/AbstractReadabilityCalculator.php b/Classes/Readability/Calculator/AbstractReadabilityCalculator.php
new file mode 100644
index 0000000..7860566
--- /dev/null
+++ b/Classes/Readability/Calculator/AbstractReadabilityCalculator.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability\Calculator;
+
+use Org\Heigl\Hyphenator\Hyphenator;
+use WebVision\DeeplWrite\Readability\ReadabilityCalculatorInterface;
+
+abstract class AbstractReadabilityCalculator implements ReadabilityCalculatorInterface
+{
+    protected const LANGUAGE = 'not-supported';
+    protected const SENTENCE_SPLIT = '/([!\.\?] )/';
+    protected const HYPHENATED_SPLIT = '/([(\s)+!\.\?|])/';
+
+    final protected function countSentences(string $text): int
+    {
+        $sentences = preg_split(self::SENTENCE_SPLIT, $text);
+        if ($sentences === false) {
+            return 0;
+        }
+        return count($sentences);
+    }
+
+    protected function countWords(string $text): int
+    {
+        return str_word_count($text);
+    }
+
+    final protected function countSyllables(string $text): int
+    {
+        $hyphenator = new Hyphenator();
+        $hyphenator->getOptions()->setHyphen('|');
+        $result = $hyphenator->hyphenate($text);
+        $splitted = preg_split(self::HYPHENATED_SPLIT, $result);
+        return count($splitted);
+    }
+
+    protected function countCharacters(string $text): int
+    {
+        return mb_strlen($text);
+    }
+
+    public function getLanguage(): string
+    {
+        return static::LANGUAGE;
+    }
+}
diff --git a/Classes/Readability/Calculator/FleschKincaidEnglish.php b/Classes/Readability/Calculator/FleschKincaidEnglish.php
new file mode 100644
index 0000000..cf60d24
--- /dev/null
+++ b/Classes/Readability/Calculator/FleschKincaidEnglish.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability\Calculator;
+
+use Symfony\Component\DependencyInjection\Attribute\AsTaggedItem;
+use WebVision\DeeplWrite\Readability\Result\ReadabilityResult;
+
+/**
+ * This class is an implementation generating the Flesch Reading Ease score for German.
+ * It calculates as follows:
+ *
+ * FRE = 206.835 - (1.015 * Average sentence Length (ASL)) - (84.6 * Average word length (AWL))
+ *
+ * ASL = (number of words) / (number of sentences)
+ * ASW = (number of syllables) / (number of words)
+ *
+ * The corresponding score is between 0 and 100, where
+ *  * 0 means really difficult to read
+ *  * 100 means really easy to read
+ *
+ * For a better overview of the different scoring levels,
+ * @see https://en.wikipedia.org/wiki/Flesch%E2%80%93Kincaid_readability_tests#Flesch_reading_ease
+ */
+#[AsTaggedItem('deepl.readability')]
+final class FleschKincaidEnglish extends AbstractReadabilityCalculator
+{
+    protected const LANGUAGE = 'en-us';
+    public function calculateReadability(string $text): ReadabilityResult
+    {
+        $sentences = $this->countSentences($text);
+        $words = $this->countWords($text);
+        $syllables = $this->countSyllables($text);
+        $characters = $this->countCharacters($text);
+        return new ReadabilityResult(
+            $text,
+            $sentences,
+            $words,
+            $syllables,
+            $characters,
+            $this->calculateScore($words, $sentences, $syllables)
+        );
+    }
+
+    private function calculateScore(
+        int $words,
+        int $sentences,
+        int $syllables
+    ): float {
+        if ($sentences <= 0) {
+            $sentences = 1;
+        }
+        if ($words <= 0) {
+            throw new \InvalidArgumentException(
+                'The number of words can not be negative or zero!',
+                1757680362
+            );
+        }
+
+        // Too easy sentences and short texts COULD result in calculating a value above 100. In this case
+        // set the result to 100, as this is the maximum.
+        // This is a known issue in this formula, but can be ignored for a quick overview, as
+        // 100 means very easy to read.
+        $fleschKincaid = 206.835 - 1.015 * ($words/$sentences) - (84.6 * $syllables/$words);
+        return ($fleschKincaid <= 100.0) ? $fleschKincaid : 100.0;
+    }
+}
diff --git a/Classes/Readability/Calculator/FleschKincaidGerman.php b/Classes/Readability/Calculator/FleschKincaidGerman.php
new file mode 100644
index 0000000..71ce417
--- /dev/null
+++ b/Classes/Readability/Calculator/FleschKincaidGerman.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability\Calculator;
+
+use Symfony\Component\DependencyInjection\Attribute\AsTaggedItem;
+use WebVision\DeeplWrite\Readability\Result\ReadabilityResult;
+
+/**
+ * This class is an implementation generating the Flesch Reading Ease score for German.
+ * It calculates as follows:
+ *
+ * FRE = 180 - (Average sentence Length (ASL)) - (58.5 * Average word length (AWL))
+ *
+ * ASL = (number of words) / (number of sentences)
+ * ASW = (number of syllables) / (number of words)
+ *
+ * The corresponding score is between 0 and 100, where
+ *  * 0 means really difficult to read
+ *  * 100 means really easy to read
+ *
+ * For a better overview of the different scoring levels,
+ * @see https://en.wikipedia.org/wiki/Flesch%E2%80%93Kincaid_readability_tests#Flesch_reading_ease
+ *
+ * For German calculation,
+ * @see https://de.wikipedia.org/wiki/Lesbarkeitsindex#F%C3%BCr_Deutsch
+ */
+#[AsTaggedItem('deepl.readability')]
+final class FleschKincaidGerman extends AbstractReadabilityCalculator
+{
+    protected const LANGUAGE = 'de';
+    public function calculateReadability(string $text): ReadabilityResult
+    {
+        $sentences = $this->countSentences($text);
+        $words = $this->countWords($text);
+        $syllables = $this->countSyllables($text);
+        $characters = $this->countCharacters($text);
+        return new ReadabilityResult(
+            $text,
+            $sentences,
+            $words,
+            $syllables,
+            $characters,
+            $this->calculateScore($words, $sentences, $syllables)
+        );
+    }
+
+    private function calculateScore(
+        int $words,
+        int $sentences,
+        int $syllables
+    ): float {
+        if ($sentences <= 0) {
+            $sentences = 1;
+        }
+        if ($words <= 0) {
+            throw new \InvalidArgumentException(
+                'The number of words can not be negative or zero!',
+                1757679534
+            );
+        }
+        return 180 - ($words/$sentences) - (58.5 * $syllables/$words);
+    }
+}
diff --git a/Classes/Readability/ReadabilityCalculatorFactory.php b/Classes/Readability/ReadabilityCalculatorFactory.php
new file mode 100644
index 0000000..534b416
--- /dev/null
+++ b/Classes/Readability/ReadabilityCalculatorFactory.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability;
+
+final class ReadabilityCalculatorFactory
+{
+    public function __construct(private readonly ReadabilityCalculatorRegistryInterface $registry)
+    {
+    }
+
+    public function fromLanguage(string $language): ReadabilityCalculatorInterface
+    {
+        return $this->registry->findByLanguage($language);
+    }
+}
diff --git a/Classes/Readability/ReadabilityCalculatorInterface.php b/Classes/Readability/ReadabilityCalculatorInterface.php
new file mode 100644
index 0000000..e7e7b90
--- /dev/null
+++ b/Classes/Readability/ReadabilityCalculatorInterface.php
@@ -0,0 +1,13 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability;
+
+use WebVision\DeeplWrite\Readability\Result\ReadabilityResult;
+
+interface ReadabilityCalculatorInterface
+{
+    public function getLanguage(): string;
+    public function calculateReadability(string $text): ReadabilityResult;
+}
diff --git a/Classes/Readability/ReadabilityCalculatorRegistry.php b/Classes/Readability/ReadabilityCalculatorRegistry.php
new file mode 100644
index 0000000..48bedf4
--- /dev/null
+++ b/Classes/Readability/ReadabilityCalculatorRegistry.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability;
+
+final class ReadabilityCalculatorRegistry implements ReadabilityCalculatorRegistryInterface
+{
+    /**
+     * @var array<ReadabilityCalculatorInterface>
+     */
+    private array $services;
+    public function __construct(iterable $calculators)
+    {
+        foreach ($calculators as $calculator) {
+            $this->services[] = $calculator;
+        }
+    }
+
+    public function findByLanguage(string $language): ReadabilityCalculatorInterface
+    {
+        foreach ($this->services as $service) {
+            if ($service->getLanguage() === $language) {
+                return $service;
+            }
+        }
+        throw new \InvalidArgumentException(
+            sprintf('No service found for langauge "%s"', $language),
+            1757686580
+        );
+    }
+}
diff --git a/Classes/Readability/ReadabilityCalculatorRegistryInterface.php b/Classes/Readability/ReadabilityCalculatorRegistryInterface.php
new file mode 100644
index 0000000..99a69b2
--- /dev/null
+++ b/Classes/Readability/ReadabilityCalculatorRegistryInterface.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability;
+
+interface ReadabilityCalculatorRegistryInterface
+{
+    public function findByLanguage(string $language): ReadabilityCalculatorInterface;
+}
diff --git a/Classes/Readability/Result/ReadabilityResult.php b/Classes/Readability/Result/ReadabilityResult.php
new file mode 100644
index 0000000..a7ea7a8
--- /dev/null
+++ b/Classes/Readability/Result/ReadabilityResult.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Readability\Result;
+
+/**
+ * Represents the result of a readability analysis performed on a given text.
+ * It provides metrics such as sentence, word, syllable, and character counts,
+ * as well as a calculated readability score and averages per sentence or word.
+ */
+final class ReadabilityResult implements \JsonSerializable
+{
+    public function __construct(
+        public readonly string $text,
+        public readonly int $sentences,
+        public readonly int $words,
+        public readonly int $syllables,
+        public readonly int $characters,
+        public readonly float $score
+    ) {
+    }
+
+    public function getAverageWordsPerSentence(): float
+    {
+        return round($this->words/$this->sentences, 2);
+    }
+
+    public function getAverageSyllablesPerWord(): float
+    {
+        return round($this->syllables/$this->words, 2);
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'sentences' => $this->sentences,
+            'words' => $this->words,
+            'syllables' => $this->syllables,
+            'characters' => $this->characters,
+            'avgSyllables' => $this->getAverageSyllablesPerWord(),
+            'avgWords' => $this->getAverageWordsPerSentence(),
+            'score' => $this->score,
+        ];
+    }
+}
diff --git a/Classes/Service/ReadingEaseService.php b/Classes/Service/ReadingEaseService.php
new file mode 100644
index 0000000..9f73496
--- /dev/null
+++ b/Classes/Service/ReadingEaseService.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite\Service;
+
+final class ReadingEaseService
+{
+
+}
diff --git a/Configuration/Backend/AjaxRoutes.php b/Configuration/Backend/AjaxRoutes.php
index ac9ca05..a775aef 100644
--- a/Configuration/Backend/AjaxRoutes.php
+++ b/Configuration/Backend/AjaxRoutes.php
@@ -1,6 +1,7 @@
 <?php
 
 use WebVision\DeeplWrite\Controller\CkEditorController;
+use WebVision\DeeplWrite\Controller\ReadabilityController;
 
 return [
     'deeplwrite_ckeditor_configuration' => [
@@ -18,4 +19,9 @@
         'target' => CkEditorController::class . '::getEditMaskAction',
         'methods' => ['GET'],
     ],
+    'deeplwrite_readability' => [
+        'path' => '/deepl-write/readability/calculate',
+        'target' => ReadabilityController::class . '::calculate',
+        'methods' => ['post'],
+    ],
 ];
diff --git a/Configuration/Services.php b/Configuration/Services.php
new file mode 100644
index 0000000..556c2c3
--- /dev/null
+++ b/Configuration/Services.php
@@ -0,0 +1,13 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\DeeplWrite;
+
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Loader\Configurator\ContainerConfigurator;
+use WebVision\DeeplWrite\Readability\ReadabilityCalculatorInterface;
+
+return static function (ContainerConfigurator $container, ContainerBuilder $containerBuilder): void {
+    $containerBuilder->registerForAutoconfiguration(ReadabilityCalculatorInterface::class)->addTag('deepl.readability');
+};
diff --git a/Configuration/Services.yaml b/Configuration/Services.yaml
index be5b1f0..04625c5 100644
--- a/Configuration/Services.yaml
+++ b/Configuration/Services.yaml
@@ -12,6 +12,8 @@ services:
 
   WebVision\DeeplWrite\Controller\CkEditorController:
     public: true
+  WebVision\DeeplWrite\Controller\ReadabilityController:
+    public: true
 
   WebVision\DeeplWrite\Configuration\ConfigurationInterface:
     class: WebVision\DeeplWrite\Configuration\Configuration
@@ -36,3 +38,14 @@ services:
         identifier: 'deepl-write/translation-dropdown'
         event: WebVision\Deepl\Base\Event\ViewHelpers\ModifyInjectVariablesViewHelperEvent
         after: 'deepl-base/default-translation, deepltranslate-core/translation-dropdown'
+
+  WebVision\DeeplWrite\Readability\Calculator\FleschKincaidEnglish:
+    tags:
+      - name: deepl.readability
+  WebVision\DeeplWrite\Readability\Calculator\FleschKincaidGerman:
+    tags:
+      - name: deepl.readability
+
+  WebVision\DeeplWrite\Readability\ReadabilityCalculatorRegistry:
+    arguments:
+      - !tagged_iterator deepl.readability
diff --git a/README.md b/README.md
index 6020203..3dd5b25 100644
--- a/README.md
+++ b/README.md
@@ -42,6 +42,28 @@ configured for both extension in their respective extension configuration.
 > api key is required for this extension, which can also be used for the
 > `deepltranslate-core` or using there a free key.
 
+### RTE Styling implementation
+
+A styling implementation is added to improve your writing directly inside your
+RTE. This needs some adjustments to your RTE configuration:
+
+```yaml
+editor:
+  config:
+    importModules:
+      # your already existing modules
+      - { module: '@web-vision/deepl-write/deeplwrite-plugin.js', exports: [ 'Deeplwrite' ] }
+    toolbar:
+      items:
+        # Your existing configuration
+        - '|'
+        - deeplwrite
+```
+
+This adds a button to the RTE controls, which allows you to use the overlay for
+the writing style. The button is shown disabled, if your API key is not allowed
+using the DeepL Write API or no API key is set.
+
 ## Sponsors
 
 We appreciate very much the sponsorships of the developments and features in
diff --git a/Resources/Private/Backend/Templates/CkEditor/Edit.html b/Resources/Private/Backend/Templates/CkEditor/Edit.html
index 367031f..af86494 100644
--- a/Resources/Private/Backend/Templates/CkEditor/Edit.html
+++ b/Resources/Private/Backend/Templates/CkEditor/Edit.html
@@ -4,6 +4,67 @@
     xmlns:deeplWrite="http://typo3.org/ns/WebVision/DeeplWrite/ViewHelpers"
     data-namespace-typo3-fluid="true"
 >
+<style>
+    /* CSS */
+    .progress {
+        --value: 0; /* 0–100 */
+
+        position: relative;
+        width: 100%;
+        height: 20px;
+        border-radius: var(--typo3-input-border-radius);
+        margin-top: 20px;
+        margin-bottom: 10px;
+
+        /* Full-width rainbow background (not clipped) */
+        background: linear-gradient(
+            to right,
+            #ff0000,
+            #ff7a00,
+            #ffd400,
+            #a8ff00,
+            #00a400
+        );
+        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
+        overflow: visible;
+    }
+
+    /* Slim vertical marker showing the current percentage */
+    .progress .marker {
+        position: absolute;
+        top: -4px;
+        bottom: -4px;
+        width: 2px;
+        left: calc(var(--value) * 1%);
+        transform: translateX(-1px);
+        background: #111;
+        border-radius: 2px;
+        box-shadow:
+            0 0 0 2px #fff,
+            0 0 0 3px rgba(0,0,0,0.06);
+        pointer-events: none;
+    }
+
+    /* Percentage label that follows the marker */
+    .progress .label {
+        position: absolute;
+        left: calc(var(--value) * 1%);
+        top: -22px;
+        transform: translateX(-50%);
+        padding: 0 6px;
+        height: 18px;
+        display: inline-flex;
+        align-items: center;
+        border-radius: 3px;
+        background: #fff;
+        border: 1px solid rgba(0,0,0,0.12);
+        font: 600 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+        color: #111;
+        white-space: nowrap;
+        user-select: none;
+        pointer-events: none;
+    }
+</style>
 <div class="col-md-12">
     <div class="row">
         <p>
@@ -88,12 +149,24 @@ <h2 class="visually-hidden">
     <fieldset class="form-section">
         <div class="row">
         <div class="col-md-6 col-xs-12">
-            <label for="original" class="form-label t3js-formengine-label">Original</label>
-            <textarea rows="20" class="form-control t3js-formengine-textarea formengine-textarea" id="original"></textarea>
+            <label for="original" class="form-label t3js-formengine-label">
+                <f:translate key="LLL:EXT:deepl_write/Resources/Private/Language/locallang_cke.xlf:cke.modal.original.heading"/>
+            </label>
+            <div class="progress" id="original-readability" style="--value: 65" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="65">
+                <span class="marker" aria-hidden="true"></span>
+                <span class="label">65%</span>
+            </div>
+            <textarea rows="10" class="form-control t3js-formengine-textarea formengine-textarea" id="original"></textarea>
         </div>
         <div class="col-md-6 col-xs-12">
-            <label for="optimized" class="form-label t3js-formengine-label">Optimized</label>
-            <textarea rows="20" class="form-control t3js-formengine-textarea formengine-textarea" id="optimized"></textarea>
+            <label for="optimized" class="form-label t3js-formengine-label">
+                <f:translate key="LLL:EXT:deepl_write/Resources/Private/Language/locallang_cke.xlf:cke.modal.optimized.heading"/>
+            </label>
+            <div class="progress" id="optimized-readability" style="--value: 0" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
+                <span class="marker" aria-hidden="true"></span>
+                <span class="label">0%</span>
+            </div>
+            <textarea rows="10" class="form-control t3js-formengine-textarea formengine-textarea" id="optimized"></textarea>
         </div>
         </div>
     </fieldset>
diff --git a/Resources/Private/Language/de.locallang_cke.xlf b/Resources/Private/Language/de.locallang_cke.xlf
index 6d72862..8f86920 100644
--- a/Resources/Private/Language/de.locallang_cke.xlf
+++ b/Resources/Private/Language/de.locallang_cke.xlf
@@ -47,6 +47,14 @@
 				<source>Apply changes</source>
 				<target>Änderungen übernehmen</target>
 			</trans-unit>
+			<trans-unit id="cke.modal.original.heading">
+				<source>Original | Reading Index (Flesh-Kincaid)</source>
+				<target>Original | Lesbarkeitsindex (Flesh-Kincaid)</target>
+			</trans-unit>
+			<trans-unit id="cke.modal.optimized.heading">
+				<source>Optimized | Reading Index (Flesh-Kincaid)</source>
+				<target>Optimiert | Lesbarkeitsindex (Flesh-Kincaid)</target>
+			</trans-unit>
 			<trans-unit id="deepl.write.tone.DEFAULT">
 				<source>Default</source>
 				<target>Standard</target>
diff --git a/Resources/Private/Language/locallang_cke.xlf b/Resources/Private/Language/locallang_cke.xlf
index 138e166..817b070 100644
--- a/Resources/Private/Language/locallang_cke.xlf
+++ b/Resources/Private/Language/locallang_cke.xlf
@@ -37,6 +37,12 @@
 			<trans-unit id="cke.modal.button.save">
 				<source>Apply changes</source>
 			</trans-unit>
+			<trans-unit id="cke.modal.original.heading">
+				<source>Original | Reading Index (Flesh-Kincaid)</source>
+			</trans-unit>
+			<trans-unit id="cke.modal.optimized.heading">
+				<source>Optimized | Reading Index (Flesh-Kincaid)</source>
+			</trans-unit>
 			<trans-unit id="deepl.write.tone.DEFAULT">
 				<source>Default</source>
 			</trans-unit>
diff --git a/Resources/Public/JavaScript/Ckeditor/deeplwrite-plugin.js b/Resources/Public/JavaScript/Ckeditor/deeplwrite-plugin.js
index 18bc99b..c3ea1a5 100644
--- a/Resources/Public/JavaScript/Ckeditor/deeplwrite-plugin.js
+++ b/Resources/Public/JavaScript/Ckeditor/deeplwrite-plugin.js
@@ -24,9 +24,14 @@ export class Deeplwrite extends Plugin {
           .get()
           .then(async function (response) {
             const deeplConfiguration = await response.resolve();
+            console.log(deeplConfiguration);
             const content = document.createElement('div');
             content.innerHTML = deeplConfiguration;
-            content.querySelector('#original').value = editor.getData();
+            const originalContent = editor.getData();
+            const originalReadability = content.querySelector('#original-readability');
+            Deeplwrite.calculateReadability(originalContent, editor.locale.contentLanguage, originalReadability);
+
+            content.querySelector('#original').value = originalContent;
             const optimizeModal = Modal.advanced({
               content: content,
               size: Modal.sizes.large,
@@ -59,6 +64,8 @@ export class Deeplwrite extends Plugin {
                       .then(async function (response){
                         const value = await response.resolve();
                         content.querySelector('#optimized').value = value.result;
+                        const optimizedReadability = content.querySelector('#optimized-readability');
+                        Deeplwrite.calculateReadability(value.result, editor.locale.contentLanguage, optimizedReadability);
                       })
                   }
                 },
@@ -93,4 +100,27 @@ export class Deeplwrite extends Plugin {
       return button;
     });
   }
+
+  /**
+   * @param {string} text
+   * @param {string} language
+   * @param {Element} element
+   */
+  static calculateReadability(text, language, element) {
+
+    new AjaxRequest(TYPO3.settings.ajaxUrls.deeplwrite_readability)
+      .post({
+        text: text,
+        language: language
+      })
+      .then(async (response) => {
+        const readability = await response.resolve();
+        const value = Math.max(0, Math.min(100, Number(readability.score) || 0)).toFixed(2);
+        element.style.setProperty('--value', value);
+        element.setAttribute('aria-valuenow', String(value));
+        const label = element.querySelector('.label');
+        if (label) label.textContent = `${value}%`;
+        return await response.resolve();
+      })
+  }
 }
diff --git a/composer.json b/composer.json
index 4528307..88e2ccc 100644
--- a/composer.json
+++ b/composer.json
@@ -5,6 +5,7 @@
     "require": {
         "php": "^8.1 || ^8.2 || ^8.3 || ^8.4",
         "ext-dom": "*",
+        "org_heigl/hyphenator": "^3.1",
         "typo3/cms-backend": "^12.4 || ^13.4",
         "typo3/cms-core": "^12.4 || ^13.4",
         "web-vision/deepl-base": "^1.0.1",