/* Wenn .mod_login.login vorhanden ist */
body:has(.mod_login.login) .show_loggedin {
    display: none;
}

/* Wenn .mod_login.login nicht vorhanden ist */
body:not(:has(.mod_login.login)) .show_loggedoff {
    display: none;
}



#tl_login_8{
 max-width:500px;
 margin:3rem auto;
 padding:2.5rem;
 background:#f7f7f7;
 border-top:5px solid #5a2982;
 border-radius:6px;
 box-shadow:0 10px 30px rgba(0,0,0,.08);
 box-sizing:border-box;
}

#tl_login_8 .formbody{
 display:flex;
 flex-direction:column;
 gap:1.25rem;
}

#tl_login_8 .widget{
 margin:0;
}

#tl_login_8 label{
 display:block;
 margin-bottom:.45rem;
 font-family:"Source Sans 3",sans-serif;
 font-size:.95rem;
 font-weight:600;
 color:#333;
}

#tl_login_8 input.text{
 display:block;
 width:100%;
 height:2.8rem;
 padding:.55rem .8rem;
 border:1px solid #ccc;
 border-radius:4px;
 background:#fff;
 color:#333;
 font-family:"Source Sans 3",sans-serif;
 font-size:1rem;
 box-sizing:border-box;
 transition:border-color .2s ease,box-shadow .2s ease;
}

#tl_login_8 input.text:hover{
 border-color:#aaa;
}

#tl_login_8 input.text:focus{
 outline:none;
 border-color:#5a2982;
 box-shadow:0 0 0 3px rgba(90,41,130,.12);
}

#tl_login_8 .widget-submit{
 margin-top:.35rem;
}

#tl_login_8 button.submit{
 display:block;
 width:100%;
 padding:.75rem 1.5rem;
 border:2px solid #fff;
 border-radius:5px;
 background:#5a2982;
 color:#fff;
 font-family:"Source Sans 3",sans-serif;
 font-size:1rem;
 font-weight:600;
 cursor:pointer;
 box-shadow:0 5px 15px rgba(0,0,0,.12);
 transition:background .25s ease,box-shadow .25s ease,transform .25s ease;
}

#tl_login_8 button.submit:hover{
 background:#76b82a;
 box-shadow:0 8px 20px rgba(0,0,0,.18);
 transform:translateY(-2px);
}

#tl_login_8 button.submit:active{
 transform:translateY(0);
}

#tl_login_8 button.submit:focus-visible{
 outline:2px solid #76b82a;
 outline-offset:3px;
}

#tl_logout_8{
 max-width:500px;
 margin:3rem auto;
 padding:2.5rem;
 background:#f7f7f7;
 border-top:5px solid #76b82a;
 border-radius:6px;
 box-shadow:0 10px 30px rgba(0,0,0,.08);
 box-sizing:border-box;
}

#tl_logout_8 .formbody{
 display:flex;
 flex-direction:column;
 gap:1.25rem;
}

#tl_logout_8 .login_info{
 margin:0;
 padding:1rem 1.1rem;
 background:#fff;
 border-left:4px solid #76b82a;
 color:#444;
 font-family:"Source Sans 3",sans-serif;
 font-size:1rem;
 line-height:1.5;
}

#tl_logout_8 .widget-submit{
 margin-top:.35rem;
}

#tl_logout_8 button.submit{
 display:block;
 width:100%;
 padding:.75rem 1.5rem;
 border:2px solid #fff;
 border-radius:5px;
 background:#5a2982;
 color:#fff;
 font-family:"Source Sans 3",sans-serif;
 font-size:1rem;
 font-weight:600;
 cursor:pointer;
 box-shadow:0 5px 15px rgba(0,0,0,.12);
 transition:background .25s ease,box-shadow .25s ease,transform .25s ease;
}

#tl_logout_8 button.submit:hover{
 background:#76b82a;
 box-shadow:0 8px 20px rgba(0,0,0,.18);
 transform:translateY(-2px);
}

#tl_logout_8 button.submit:active{
 transform:translateY(0);
}

#tl_logout_8 button.submit:focus-visible{
 outline:2px solid #76b82a;
 outline-offset:3px;
}

@media (max-width:600px){
 #tl_login_8,
 #tl_logout_8{
  margin:2rem 1rem;
  padding:1.75rem 1.25rem;
 }
}