From 84a367bdc9936bf6d4c791fd8e60eb6e44ad1001 Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Mon, 15 Jun 2026 23:38:30 +0200
Subject: [PATCH] adasd

---
 .../theme/kusche-desktop/login/login.ftl      |  16 +++----
 .../login/resources/css/desktop-kusche.css    |  20 ++++++---
 .../login/resources/img/eye-closed.png        | Bin 0 -> 5182 bytes
 .../login/resources/img/eye-open.png          | Bin 0 -> 4128 bytes
 .../login/resources/js/passwordVisibility.js  |  26 +++++++++++
 public/assets/auth/icons/eye-closed.png       | Bin 0 -> 5182 bytes
 public/assets/auth/icons/eye-open.png         | Bin 0 -> 4128 bytes
 public/assets/auth/login.css                  |  41 +++++-------------
 public/auth/inactive/index.php                |   2 +-
 public/auth/logout/index.php                  |   2 +-
 public/auth/pending/index.php                 |   2 +-
 public/auth/register/index.php                |  24 +---------
 12 files changed, 64 insertions(+), 69 deletions(-)
 create mode 100644 CopyToKeycloak/theme/kusche-desktop/login/resources/img/eye-closed.png
 create mode 100644 CopyToKeycloak/theme/kusche-desktop/login/resources/img/eye-open.png
 create mode 100644 CopyToKeycloak/theme/kusche-desktop/login/resources/js/passwordVisibility.js
 create mode 100644 public/assets/auth/icons/eye-closed.png
 create mode 100644 public/assets/auth/icons/eye-open.png

diff --git a/CopyToKeycloak/theme/kusche-desktop/login/login.ftl b/CopyToKeycloak/theme/kusche-desktop/login/login.ftl
index 58da9fd1..507c46ae 100644
--- a/CopyToKeycloak/theme/kusche-desktop/login/login.ftl
+++ b/CopyToKeycloak/theme/kusche-desktop/login/login.ftl
@@ -48,11 +48,9 @@
                                                placeholder="Passwort eingeben" />
 
                                         <button class="kb-password-toggle" type="button" aria-label="${msg("showPassword")}"
-                                                aria-controls="password" data-password-toggle tabindex="4"
+                                                aria-controls="password" data-password-toggle tabindex="-1"
                                                 data-icon-show="${properties.kcFormPasswordVisibilityIconShow!}" data-icon-hide="${properties.kcFormPasswordVisibilityIconHide!}"
-                                                data-label-show="${msg('showPassword')}" data-label-hide="${msg('hidePassword')}">
-                                            <span aria-hidden="true">◉</span>
-                                        </button>
+                                                data-label-show="${msg('showPassword')}" data-label-hide="${msg('hidePassword')}"></button>
                                     </div>
 
                                     <#if usernameHidden?? && messagesPerField.existsError('username','password')>
@@ -67,9 +65,9 @@
                                         <#if !usernameHidden??>
                                             <label class="kb-remember">
                                                 <#if login.rememberMe??>
-                                                    <input tabindex="5" id="rememberMe" name="rememberMe" type="checkbox" checked>
+                                                    <input tabindex="4" id="rememberMe" name="rememberMe" type="checkbox" checked>
                                                 <#else>
-                                                    <input tabindex="5" id="rememberMe" name="rememberMe" type="checkbox">
+                                                    <input tabindex="4" id="rememberMe" name="rememberMe" type="checkbox">
                                                 </#if>
                                                 <span>Angemeldet bleiben</span>
                                             </label>
@@ -77,18 +75,18 @@
                                     </div>
 
                                     <div class="kb-form-links">
-                                        <a tabindex="6" id="kb-forgot-password-link" href="#" hidden>Passwort vergessen?</a>
+                                        <a tabindex="5" id="kb-forgot-password-link" href="#" hidden>Passwort vergessen?</a>
                                     </div>
                                 </div>
 
                                 <div id="kc-form-buttons" class="kb-form-submit">
                                     <input type="hidden" id="id-hidden-input" name="credentialId" <#if auth.selectedCredential?has_content>value="${auth.selectedCredential}"</#if>/>
-                                    <input tabindex="7" class="kb-submit-button" name="login" id="kc-login" type="submit" value="Anmelden"/>
+                                    <input tabindex="6" class="kb-submit-button" name="login" id="kc-login" type="submit" value="Anmelden"/>
                                 </div>
 
                                 <div id="kc-registration-container" class="kb-registration">
                                     <div id="kc-registration">
-                                        <a class="kb-register-button" id="kb-register-button" tabindex="8" href="#" hidden>Neue Benutzer</a>
+                                        <a class="kb-register-button" id="kb-register-button" tabindex="7" href="#" hidden>Neue Benutzer</a>
                                     </div>
                                 </div>
                             </form>
diff --git a/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css b/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
index 5df0bd18..099353c6 100644
--- a/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
+++ b/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
@@ -208,7 +208,7 @@ body > main {
 }
 
 .kb-text-input-password {
-    padding-right: 56px;
+    padding-right: 64px;
 }
 
 .kb-password-toggle {
@@ -219,13 +219,23 @@ body > main {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 36px;
-    height: 36px;
+    width: 28px;
+    height: 28px;
     border: 0;
     border-radius: 999px;
-    background: transparent;
-    color: rgba(248, 250, 252, 0.88);
+    background: center center / 22px 22px no-repeat url("../img/eye-open.png");
     cursor: pointer;
+    opacity: 0.92;
+    transition: transform 160ms ease, opacity 160ms ease;
+}
+
+.kb-password-toggle:hover {
+    transform: translateY(-50%) scale(1.04);
+    opacity: 1;
+}
+
+.kb-password-toggle.is-visible {
+    background-image: url("../img/eye-closed.png");
 }
 
 .kb-input-error {
diff --git a/CopyToKeycloak/theme/kusche-desktop/login/resources/img/eye-closed.png b/CopyToKeycloak/theme/kusche-desktop/login/resources/img/eye-closed.png
new file mode 100644
index 0000000000000000000000000000000000000000..543bd67e0267c254c04cbffe217127dc370219a4
GIT binary patch
literal 5182
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

literal 0
HcmV?d00001

diff --git a/CopyToKeycloak/theme/kusche-desktop/login/resources/img/eye-open.png b/CopyToKeycloak/theme/kusche-desktop/login/resources/img/eye-open.png
new file mode 100644
index 0000000000000000000000000000000000000000..92cccbb7b9236e085e7b0333ba71ff74f6af6ecd
GIT binary patch
literal 4128
zcmV+*5Z~{KP)<h;3K|Lk000e1NJLTq0024w001Kh1^@s7vSlgl00004XF*Lt006O%
z3;baP00001b5ch_0olnce*gdgAY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF*
zm;eA5aGbhPJOBUy8FWQhbVF}#ZDnqB07G(RVRU6=Aa`kWXdp*PO;A^X4i^9b4|z#M
zK~z}7jaheeRCT`p{O$~K={*Vt9}7<eL$RP4uwcQndSnt1+bRo^NtF5`N>Sk<AUu#2
zVHF;zSP&H~fUDxVG$~TVAQCa6U_g-oArQ#S?RW0y{c+3OnaS>X_naIKGxyg&?fV;H
z*(OPX6ri01Awb#y01}XB6QqQj?-`BF+jap26jcEUkVyzLX;RY+<TMK5x8v2w$q8fY
z&T`yabSL2S0OT|ZfdumME<tW?JA^_KhL4>F+a`o=YV^j30BoB80a5~O8^TN)1SHtD
z1pu&Z0JK3!kN_Z=v``;U0FZF|{bO<KedC=~$eK#s)To;}`xTW?)f6hK$}y8>P#C7p
zn}&{t5E8!p;3e3$4NWz0QO+MAbW<m78-xu|f^FN*nr%Q>NrMCc2zMiF0L02wA7lBN
zjR1jJ6Gq^s{(S)g5bk>*U?vTkNt2tl?PP7;IqHVSiO<fXZWvs$d?n*@f~qF7AUcw&
zrgF}LrIb~fvZ4@%Wzw)rMxrriVTR80_2;SS3JV68Fj5$!swpgpj-;%}l+^?aqQy)k
z6bjwcoLN(VAmWJx3X7ixNRWh(BzVuJ_ZEQ^?m-a3N}43x_LKn7KQRyi<hZ8?2@ph>
zr2CR^MnV$De)}CGC(c8Xz`*PC@$`gJghCP^+!1X8re)AfS~M(!gNBXg)}6Z<DJrFI
z>eLLKaXHR$Q)aXD@#);~<#x)dLRpmw(=upSCJUm))D4v@-(O4J)TkLcOC~%^RadBJ
zGF4rrtg4JeV_rj(1%)vhrcT|^SWp<FX6P&^iZN1D!ouNYRCR@`*M908i7K<~nK_h5
zVEMd>Fiq3hKH3gDTpmpt{Sasaz4EUBKrDH6CFV?h0x(R2x~cJSRTWpPUPD!vdAO>I
zs;*Gg6so$yTkju5Sxqof6k|eGn2=Qp-O%WCFM)Ov#gEU#(GzC?A<(W>Q`BBi0GoI+
zHUxJLyak{H!e^TV(t?0+01me!m(+j&ZRbouX9>cxT>ub)M>r^f3k@dG(BpMP5~&Ud
zA3YFGU*31_yD9MakK}e@gCNe;)nUx!`8av@0w4ei0pT*OMdOQ5FY6Fa-wuokJQ=$O
zgYLS`MY4-%e_^)APzQVt08Li@beNH7F+cqKXRe}Xj1-md$gwI1kfuS+(5V^@&Q#qw
zyxZ;@#ShkfMpajMK3>mAw3yMq{Fe__huJb=CJh?yVBc08WI<t!iZ5Tz-}QHoWPPIE
zWq`&=VT=VuF|J<s2~}O8tS0<{Bhg}3{`4~yO{Jo$lvRZbmMmwaDCQ`GB2xk+fP`sU
z7(Hzv{`u}gghFZi4Iv5S<m7<1jpM&pyB`WHTJZ^Py?;Dzf3VCyn$ZsrLdC&DF3%k?
z7*+gdT-~h`rp#RE2#0PNG+c@rrp{gE`&bZ-vG!c8FV-vHU&l!^=2O)bYVL}bz4Z>u
z{(GL!4@FlPm*b2SmISsk!D(|AI+`b|Oe7q>z_5(8t@OlGGYu9#QpQM82{&*1il@$;
zX1^gN{Pdq2{jGHLLg9sYJ^K$S<><*XS$pm*hmU)jk)mRLxnnmIvh0&Ho=_N16I{Td
ziGVA%HiQdH&uxGEy&BthmgCK}n?NBPDNGVKUULO*zo{>7D7Y4qB*6zN0goCUs~mz`
zj-C2cVlqWBWKb`S#|WGoQk<k`$AA!0I$b;)w2~%~qHoIe+>Qn4^EP`j!tE<43{2|>
z0BkyXmC7a}ON>0GyDz!}qJh;S*f#xt-n)cw#Y6b-g+XR$o8+$B^F3$4WYWg2J^QeA
z*FJ3e`k;3f2uT8u+%ph2My^5U|H#Wa5>F64Qw9iO+D2e+g{!B|m!yqPzu1BWudQ(=
zA|$wyjOLAV5SKLvY@SiuHafIxg(dSQqfP6Uu6`p;4jmb^JQ*};SdKF3roqkIzhWdB
zW69&wSyx}j@lVa>4TDRWP!iNlgPP$;p{8qGzhN^Yg(a-1t>Km(JK3+WgoB2Sr>rWz
zGAW)EDha~0ok2Y*)GdQW!^>C@EoNMfQ#Un!`0;uUd|-?(7MkJxY1DL;s;=<osw0dP
zmbm;?xq97aEQl8K`yUTc(LC)<xY}z4#NIR*iN-j0(K1&gT(OT9Q`HqmGz^`Gj{L&X
zCui`T57zl2p=k;yPM^oOSFfR}X;d_or)$qJ5{>bT&D;C|Wkn&(r0Kg$q_CI^m%fpv
zPKOR3W<hkMzrr26_p%^b%z~m=nlh=n!t?bPc>SP9sA?)@O`)tRypV`9QdrEr-|nZZ
zC`>3aCD0-C<Y)hizCHeku_eRO5Lj{WM~wSRp-XyV(%e^okOUzle7<2T_E%KmMD;0v
zKu%5$gcL%`(}{2>g!L<4!1x)9VObVHAWX-RUCC>JYeJ+U&r=)-VE*fCArW|c;nRLP
zbQFaF3A9t0f{x%w-Y3t`n27SqWBA+B6=^H&-LnT4ul&SG^Z*u28|BNLunF2k-lZJ?
z0-C0!CP^EB4a-bo(C|rE`rH!;hr^CE8kRxBH0i~<NVJ$!=e+2jsb*-56qQoeWNNOp
z9X?vc3DckFvNzxHBcGzloHS!T-&(cC0gWp2R80*dg)#2fQ|?%stTHYugg2mJ>i$6Y
zmri6sw3rv-_0)8QtJi+Q0r!rgs-^tY8%)&|Dyqz%f2m?WFCC}}zWLsVj1<LK`O^{K
z+B|!MZt65L{nRwLW6xejii$a6{4+dTcb4Oxn#F!YN?D({km08)KmB4OBZEs>efl&v
zZTpImq8JNDlm)!h^HVwKr!F!W5OTNf_+ry`%wN71NG1cK4YX;|1n26N)MvI0ND?~b
zw#46NPe$`*O|$*f?N{ig=E|vOJ_4|luGYG7lY|Xo*PeaY@>Myuep3mABp*z}2j7ZY
zZnzGYb-L6CpbZDasYvVjFW|>}r_yqQH9?0$uG129JMbtZ0wQjwT*aF>Q$ahG8tA_k
zP7UZfi*IQuz6vkKWIT?+yIv_=ck;HBBF#hnHbOXMMY{Fi-{cgLs!7tU-yPhKF8`k=
zqjX6tZJ0ILh9Z;asXi=%B~7p?iE!E?|7B-^ES5C^??l+(2?YC1+C*Jl9g<0BV?rSb
zty{H5pukUGB-4h^o+Igm(%^gp2gbmGgwsw^Wbb+aFj=z?7Ko;0;?U1k_-5bt_-yN5
zoV_5YB3@cs7vCbl2XBHRHPJRLn&9qRu0!9ed!l={uE@!0lolI(LN|a$24w+WDoYy7
z+Ds8h&S{NO#Ed6oe6evm7O(u&Z*x(jMtC?n0G;wW;+1zk#>sPW06@1+7vrHJci{4_
zozbyl2S}0wf7`ZEU406NtA54mk2m0_-%bN0+P7+g$A%5YiRv1xTE88dZusyX`*0M0
z8hA5WG;5l*^<d_4q!ydL&`h`n8j{3?`g$yR?OklxRRIFHJg+?-8*vY=y{acdk_6LA
zV(RQg*j;f1xviRE(d;LY*Rey!RRJ>)ozCy-lQnpJ`irQki=&`d7tEPjhDPBqk~Z<}
zci&^#+w1Vli8BBM?&#MGql+Ix%NETbJidzbgK@!=xlm8J0@nm2_8<5GWiwxffIxoN
zj+i`t1Ug@qm$qqV&Yr{2(y0)Vgt?Q7(LZu+1KB;bX(`GzEIhlv{ua+HcoTNg#)q%W
zLT>xEe$5RMM}PetFDzMs%3~)%+E_4cEUxZ-WuS~=Dm_627b*gR<9t-U|9ecBwHO5P
zz@7auD)unKAt_614AaE@rB9<SuHoewW6`@;j|>MT{=R+_UVMEmM98s#Zh7soVAhjp
z*0jmL)a3&Qf5hW6m!eIJ##p`Ve-I9bvtVhONxb^zDtxqIHwfT`X`|7%Pkw-_&OE}w
zsNi*Qs^$#FOqqu>b#dJLr~VjQG7O=xlp!jq@yhpApsrrUZ3S1Ncds6S6BMv43#Aig
z;^@g*h>+wD)4O{YG;h+x-}pV{2hjKGo(P3Pe!qQsUWr?;>wztMf56`I0}e_updSv0
zFs5`E9v%50mc6kGljbZ%yB1Bcc<yB6wrlHKUl<t>I#qK9_dPll1n}DPlhLDFS0Gb!
zGi3kF**XwJpZsp{Ye+W-9sJ=(96fn9P0|VAqfKAq!;O1f90^bWi>5w?KE3k;$pq+=
ze>t}7{Q<S->H?aPeJ>FXNf`I&Fbuq<KgLXZ5f6-+j(1<4i4M8#0T2>1t{^XI-wtb+
z&&9>9o1=8fd@NeJ0;XjJ5=i#lN82{7ARtij!(sP^-|<yJqGx`0bm`d6S-(h$Ls~!t
z(fQ&w=$YT$zrye;lZwhC5JI4Bn^u8EdOmCWB4#C%c=?r;7&CPt+O=$k_ZL5h4!ODh
zgoR<54W|X#*k4hJvYCrP+8BCA1Y=8wAsh~6q1UvMxGy#Z=i&-pnlT=IdUl6zlJ5Te
zW8*eF|Jp|>Ulne3MPO2F2=2b~He?2*@4o*L6J{+z>t>Dd{;P8XW2e%&Wm#DE#(P+|
z<r@G33#N`ipPp9+0*A9EVVFTNqJK>mgzI+|m3U&-{~}2nopM`a#-vB_pItf!?um%n
zvvnBy=raI-ITJ_X#z^0+{bNHGhs^zTzW8eQH<-R~1qgwUUYU)yty{VY%z62jqrc+0
zg|Fjy&3S|*3G<(N41Id#XD!g<sL)NrNl{+R&j3hpHt~1@ufMYfA8+0Z2q3S0D~x?)
zD6Y9GA32R0A(>2K#`8<C<J&`M*Rm=8`fM5gc-f_BFh*zPUgz5A*zsyidF~~gjmzlQ
z`wGmQG7gdin5KpO2P(02<ysuCsRIE-Z|;lYhlip?^JalD8oD}y^XnP@Z45+ORp7-w
zRn@S0>rO0N^*Ll!cf3&m4-FcCuATGn)(8K<@zdu(09`L_hd&R#1KqoILB|f41d^V>
ziRx20^m7$ff3gu(Cu#u!T$bAgBksEkN2-3qs`Xo)p9+LPPNPN`{oviWeL#OSZv2PL
zE5Nk4nO1U;5W1=Q&=qOEE*d^ry4M@-RiC#nmSy2^)iHei%>jJAwH#+I$nfqGg`fA`
z22wDF(pOlK3S?;8yfN+?&=>u#y9$?g>5Nb)l&!c-`6S${8K$o=)j~Hlrl~2NA6rs3
zA>7MdH^d8nTe2Y{0t8HJ@BCw0HqM{F0Nb|xI<aNTmdFW*QgvxCMTyiUa`vvLmo?tq
zl5kU9R)Lwivk&|v#q=zis#JoRU!+Pjh=yvs26&iRVb~2|M)<ukBONkuLoNdKXzJ&<
eblDEh=>Gt4LhT$7^+wwO0000<MNUMnLSTZiwxF&6

literal 0
HcmV?d00001

diff --git a/CopyToKeycloak/theme/kusche-desktop/login/resources/js/passwordVisibility.js b/CopyToKeycloak/theme/kusche-desktop/login/resources/js/passwordVisibility.js
new file mode 100644
index 00000000..91d95b5c
--- /dev/null
+++ b/CopyToKeycloak/theme/kusche-desktop/login/resources/js/passwordVisibility.js
@@ -0,0 +1,26 @@
+(function () {
+    const toggles = document.querySelectorAll('[data-password-toggle]');
+
+    toggles.forEach((toggle) => {
+        if (!(toggle instanceof HTMLButtonElement)) {
+            return;
+        }
+
+        const controlId = toggle.getAttribute('aria-controls');
+        const input = controlId ? document.getElementById(controlId) : toggle.parentElement?.querySelector('input[type="password"], input[type="text"]');
+
+        if (!(input instanceof HTMLInputElement)) {
+            return;
+        }
+
+        const showLabel = toggle.getAttribute('data-label-show') || 'Passwort anzeigen';
+        const hideLabel = toggle.getAttribute('data-label-hide') || 'Passwort verbergen';
+
+        toggle.addEventListener('click', () => {
+            const isHidden = input.type === 'password';
+            input.type = isHidden ? 'text' : 'password';
+            toggle.classList.toggle('is-visible', isHidden);
+            toggle.setAttribute('aria-label', isHidden ? hideLabel : showLabel);
+        });
+    });
+}());
diff --git a/public/assets/auth/icons/eye-closed.png b/public/assets/auth/icons/eye-closed.png
new file mode 100644
index 0000000000000000000000000000000000000000..543bd67e0267c254c04cbffe217127dc370219a4
GIT binary patch
literal 5182
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

literal 0
HcmV?d00001

diff --git a/public/assets/auth/icons/eye-open.png b/public/assets/auth/icons/eye-open.png
new file mode 100644
index 0000000000000000000000000000000000000000..92cccbb7b9236e085e7b0333ba71ff74f6af6ecd
GIT binary patch
literal 4128
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

literal 0
HcmV?d00001

diff --git a/public/assets/auth/login.css b/public/assets/auth/login.css
index 459d56b8..ccda60ba 100644
--- a/public/assets/auth/login.css
+++ b/public/assets/auth/login.css
@@ -212,43 +212,24 @@ body {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 34px;
-    height: 34px;
-    border: 1px solid rgba(15, 23, 42, 0.16);
+    width: 28px;
+    height: 28px;
+    border: 0;
     border-radius: 999px;
-    background: rgba(15, 23, 42, 0.78);
-    color: rgba(255, 255, 255, 0.96);
-    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
+    background: center center / 22px 22px no-repeat url("/assets/auth/icons/eye-open.png");
+    box-shadow: none;
     cursor: pointer;
-    transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
+    transition: transform 160ms ease, opacity 160ms ease;
+    opacity: 0.92;
 }
 
 .login-password-toggle:hover {
-    background: rgba(15, 23, 42, 0.92);
-    transform: translateY(-50%) scale(1.03);
+    transform: translateY(-50%) scale(1.04);
+    opacity: 1;
 }
 
-.login-password-toggle:focus-visible {
-    outline: 2px solid rgba(14, 165, 233, 0.55);
-    outline-offset: 2px;
-}
-
-.login-password-icon {
-    width: 17px;
-    height: 17px;
-    display: block;
-}
-
-.login-password-icon-hide {
-    display: none;
-}
-
-.login-password-toggle.is-visible .login-password-icon-show {
-    display: none;
-}
-
-.login-password-toggle.is-visible .login-password-icon-hide {
-    display: block;
+.login-password-toggle.is-visible {
+    background-image: url("/assets/auth/icons/eye-closed.png");
 }
 
 .login-field textarea {
diff --git a/public/auth/inactive/index.php b/public/auth/inactive/index.php
index 54d52c4b..4c3c7a06 100644
--- a/public/auth/inactive/index.php
+++ b/public/auth/inactive/index.php
@@ -27,7 +27,7 @@ if ($message === '') {
             </div>
 
             <div class="login-actions">
-                <a class="login-button login-button-primary" href="/auth/keycloak">Zum Login</a>
+                <a class="login-button login-button-primary" href="/auth/logout">Zum Login</a>
             </div>
         </section>
     </main>
diff --git a/public/auth/logout/index.php b/public/auth/logout/index.php
index 094edc27..fa8aef1d 100644
--- a/public/auth/logout/index.php
+++ b/public/auth/logout/index.php
@@ -13,7 +13,7 @@ $projectRoot = dirname(__DIR__, 3);
 $auth = new KeycloakAuth(ConfigLoader::load($projectRoot, 'keycloak'));
 $logoutUrl = null;
 
-if ($auth->isConfigured() && $auth->isAuthenticated()) {
+if ($auth->isConfigured()) {
     $logoutUrl = $auth->logoutUrl();
 }
 
diff --git a/public/auth/pending/index.php b/public/auth/pending/index.php
index 5e546511..3dc88a27 100644
--- a/public/auth/pending/index.php
+++ b/public/auth/pending/index.php
@@ -64,7 +64,7 @@ $view = $statusMap[$status] ?? [
             </div>
 
             <div class="login-actions">
-                <a class="login-button login-button-primary" href="/auth/keycloak">Zum Login</a>
+                <a class="login-button login-button-primary" href="/auth/logout">Zum Login</a>
             </div>
         </section>
     </main>
diff --git a/public/auth/register/index.php b/public/auth/register/index.php
index b8c1c008..e8395ffc 100644
--- a/public/auth/register/index.php
+++ b/public/auth/register/index.php
@@ -144,17 +144,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
                         <span>Passwort</span>
                         <div class="login-password-row">
                             <input type="password" name="password" value="<?= htmlspecialchars($form['password'], ENT_QUOTES) ?>" required data-password-field>
-                            <button class="login-password-toggle" type="button" data-password-toggle aria-label="Passwort anzeigen">
-                                <svg class="login-password-icon login-password-icon-show" viewBox="0 0 24 24" aria-hidden="true">
-                                    <path d="M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6-10-6-10-6Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-                                    <circle cx="12" cy="12" r="3" fill="none" stroke="currentColor" stroke-width="1.8"/>
-                                </svg>
-                                <svg class="login-password-icon login-password-icon-hide" viewBox="0 0 24 24" aria-hidden="true">
-                                    <path d="M3 3l18 18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
-                                    <path d="M10.6 5.2A11 11 0 0 1 12 5c6.4 0 10 7 10 7a18.8 18.8 0 0 1-3.1 3.8M6.7 6.7C4 8.5 2 12 2 12a18.4 18.4 0 0 0 10 6 10.8 10.8 0 0 0 4.1-.8" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-                                    <path d="M9.9 9.9A3 3 0 0 0 14.1 14.1" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
-                                </svg>
-                            </button>
+                            <button class="login-password-toggle" type="button" tabindex="-1" data-password-toggle aria-label="Passwort anzeigen"></button>
                         </div>
                     </label>
 
@@ -162,17 +152,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
                         <span>Passwort wiederholen</span>
                         <div class="login-password-row">
                             <input type="password" name="password_confirm" value="<?= htmlspecialchars($form['password_confirm'], ENT_QUOTES) ?>" required data-password-field>
-                            <button class="login-password-toggle" type="button" data-password-toggle aria-label="Passwort anzeigen">
-                                <svg class="login-password-icon login-password-icon-show" viewBox="0 0 24 24" aria-hidden="true">
-                                    <path d="M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6-10-6-10-6Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-                                    <circle cx="12" cy="12" r="3" fill="none" stroke="currentColor" stroke-width="1.8"/>
-                                </svg>
-                                <svg class="login-password-icon login-password-icon-hide" viewBox="0 0 24 24" aria-hidden="true">
-                                    <path d="M3 3l18 18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
-                                    <path d="M10.6 5.2A11 11 0 0 1 12 5c6.4 0 10 7 10 7a18.8 18.8 0 0 1-3.1 3.8M6.7 6.7C4 8.5 2 12 2 12a18.4 18.4 0 0 0 10 6 10.8 10.8 0 0 0 4.1-.8" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-                                    <path d="M9.9 9.9A3 3 0 0 0 14.1 14.1" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
-                                </svg>
-                            </button>
+                            <button class="login-password-toggle" type="button" tabindex="-1" data-password-toggle aria-label="Passwort anzeigen"></button>
                         </div>
                     </label>
                 </div>