Recht (Web): Vertraege-hier-kuendigen-Button + Bestaetigungsseite im Hub

Kuendigungsbutton (Par. 312k BGB) im Hub-Footer unter dem
Widerrufsbutton, staendig verfuegbar; fuehrt unmittelbar auf die
Bestaetigungsseite mit dem Formular und der gesetzeskonformen
Bestaetigungsschaltflaeche 'jetzt kuendigen'. Eigener Error-Bag,
damit das Kontakt-Modal im Footer nicht mit aufspringt.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Kevin Adametz 2026-07-03 11:32:53 +00:00
parent 1c3a52ae3c
commit 52bc534e7d
2 changed files with 179 additions and 5 deletions

View file

@ -66,11 +66,19 @@
<li><a href="{{ route('datenschutz', ['edition' => 'de']) }}" class="hover:text-white transition-colors">Datenschutz</a></li>
<li><a href="{{ route('cookies', ['edition' => 'de']) }}" class="hover:text-white transition-colors">Cookies</a></li>
</ul>
{{-- Gesetzlicher Widerrufsbutton: gut sichtbare Schaltfläche mit klarer Aufschrift. --}}
<button type="button" x-data @click="$dispatch('open-withdrawal-modal')"
class="mt-4 inline-flex items-center justify-center px-4 py-2 text-[12.5px] font-semibold text-white border border-white/40 hover:border-white hover:bg-white/10 rounded-[4px] transition-colors cursor-pointer">
Vertrag widerrufen
</button>
{{-- Gesetzliche Buttons: Widerruf (Modal) + Kündigungsbutton § 312k BGB
(„Verträge hier kündigen", ständig verfügbar, führt unmittelbar
auf die Bestätigungsseite). --}}
<div class="mt-4 flex flex-col items-start gap-2.5">
<button type="button" x-data @click="$dispatch('open-withdrawal-modal')"
class="inline-flex items-center justify-center px-4 py-2 text-[12.5px] font-semibold text-white border border-white/40 hover:border-white hover:bg-white/10 rounded-[4px] transition-colors cursor-pointer">
Vertrag widerrufen
</button>
<a href="{{ route('kuendigung', ['edition' => 'de']) }}"
class="inline-flex items-center justify-center px-4 py-2 text-[12.5px] font-semibold text-white border border-white/40 hover:border-white hover:bg-white/10 rounded-[4px] transition-colors">
Verträge hier kündigen
</a>
</div>
</div>
</div>