web: Transparenz-Navigation ueber der Headline der Preisseite (Roadmap 2.4)

x-web.transparency-nav (Label + drei Chips) statt der kleinen Zeile unter
dem USt-Hinweis; Komponente kennt `current` fuer spaetere Wiederverwendung.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

resources/views/components/web/transparency-nav.blade.php

@@ -0,0 +1,30 @@
+@props([
+    'current' => null,
+])
+
+@php
+    // Roadmap 2.4: die drei Transparenzseiten als kleine horizontale
+    // Navigation — auf der Preisseite über der Headline, damit die Antworten
+    // auf „Was kostet das?", „Geht das ohne Abo?" und „Wie werde ich es wieder
+    // los?" neben den Tarifen stehen.
+    $items = [
+        'was-kostet-eine-pressemitteilung' => __('pricing.transparency_nav.cost'),
+        'pressemitteilung-veroeffentlichen-ohne-abo' => __('pricing.transparency_nav.no_subscription'),
+        'pressemitteilung-loeschen-oder-aendern-lassen' => __('pricing.transparency_nav.change_delete'),
+    ];
+@endphp
+
+<nav {{ $attributes->merge(['class' => 'flex items-center gap-x-4 gap-y-2 flex-wrap']) }} aria-label="{{ __('pricing.transparency_nav.label') }}">
+    <span class="eyebrow muted text-[10px]">{{ __('pricing.transparency_nav.label') }}</span>
+    <ul class="m-0 p-0 list-none flex flex-wrap gap-1.5">
+        @foreach ($items as $routeName => $label)
+            <li>
+                @if ($routeName === $current)
+                    <span class="inline-flex items-center px-3 py-1.5 text-[12.5px] font-semibold border border-brand bg-brand text-white" aria-current="page">{{ $label }}</span>
+                @else
+                    <a href="{{ route($routeName) }}" class="inline-flex items-center px-3 py-1.5 text-[12.5px] font-semibold border border-bg-rule-strong bg-white text-ink hover:bg-bg-elev transition-colors">{{ $label }} →</a>
+                @endif
+            </li>
+        @endforeach
+    </ul>
+</nav>

resources/views/web/preise.blade.php

@@ -43,6 +43,7 @@
              MASTHEAD
         ============================================================ --}}
         <section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-8 lg:pt-10">
+            <x-web.transparency-nav class="mb-6" />
             <div class="eyebrow mb-3">{{ __('pricing.eyebrow') }}</div>
             <h1 class="font-serif text-[36px] sm:text-[48px] lg:text-[52px] font-semibold m-0 leading-[1.02] tracking-[-1.2px] text-ink">
                 {{ __('pricing.headline') }}
@@ -278,7 +279,6 @@
             @endif
 
             <p class="text-[11.5px] text-ink-3 m-0 mt-4 max-w-[680px]">{{ __('pricing.vat_note') }}</p>
-            <p class="text-[11.5px] text-ink-3 m-0 mt-2 max-w-[680px] [&_a]:underline [&_a]:underline-offset-2 [&_a:hover]:text-ink">{!! __('pricing.transparency_links', ['cost_url' => route('was-kostet-eine-pressemitteilung'), 'no_sub_url' => route('pressemitteilung-veroeffentlichen-ohne-abo'), 'change_url' => route('pressemitteilung-loeschen-oder-aendern-lassen')]) !!}</p>
 
             {{-- Render-Pflichten der Leistungsbeschreibung (Slots/Credits/Boost/
                  Partnerportale) — die AGB verweisen auf diese Seite. --}}