#ws-login-modal-bg {
    position: fixed;  z-index: 2147483647 !important; top:0; left:0; width:100vw; height:100vh;
    background:rgba(0,0,0,0.45); display:none;
}
#ws-login-modal {
    position: fixed;  z-index: 2147483647 !important; top:0; left:0; width:100vw; height:100vh;
    display: flex; align-items: center; justify-content: center;
}
.ws-modal-box {
    background: #fff; border-radius: 18px; max-width: 350px; width: 92vw; padding: 32px 28px 20px 28px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.22);
    position: relative; font-family: 'Segoe UI',Arial,sans-serif;
    animation: fadein .25s;
}
@keyframes fadein { 0%{opacity:0;transform:translateY(24px);} 100%{opacity:1;transform:translateY(0);} }
.ws-close {
    position: absolute;
    top: 1px; right: 1px;
    font-size: 30px;         /* größer */
    font-weight: bold;
    color: #000;          /* Hauptfarbe */
    border-radius: 50%;
    width: 30px; height: 30px;
    line-height: 46px;
    text-align: center;
    transition: background 0.18s, color 0.18s, box-shadow 0.18s, scale 0.12s;
    z-index: 3;
    border: none;
    outline: none;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    scale: 1.08;
    letter-spacing: 0.1em;
}
.ws-close:hover,
.ws-close:focus {
    color: red;
    scale: 1.18;
}

.ws-modal-tabs { display:flex; gap:10px; margin-bottom:18px;}
.ws-modal-tabs button {
    flex:1; padding:10px; border:0; border-radius:8px 8px 0 0; background:#f1f1f1; cursor:pointer; font-size:1em;
}
.ws-modal-tabs button.active { background:#ececec; font-weight:bold; }
.ws-modal-form { display:flex; flex-direction:column; gap:12px;}
.ws-modal-form h3 { margin:0 0 8px 0;}
.ws-modal-form input[type="text"],
.ws-modal-form input[type="email"],
.ws-modal-form input[type="password"],
.ws-modal-form input[type="number"] {
    padding: 10px; border-radius:7px; border:1px solid #ddd; font-size:1em;
}
.ws-modal-form label { font-size:0.95em; color:#444; }
.ws-modal-form button { background:#0b79c8; color:#fff; border:0; border-radius:8px; padding:11px; font-size:1.05em; cursor:pointer;}
.ws-modal-form button:hover { background:#095f99;}
.ws-login-msg { min-height:22px; color:#e00; font-size:0.98em;}
@media (max-width: 600px) {
    .ws-modal-box { max-width: 98vw; padding: 19px 6vw; }
}
/* Desktop: Emoji anzeigen, Text ausblenden */
.ws-login-desktop { display: inline-block; }
.ws-login-mobile { display: none; }

@media (max-width: 700px) {
  .ws-login-desktop { display: none !important; }
  .ws-login-mobile { display: inline-block !important; }
}
.ws-dsgvo-check {
    font-size: 0.97em;
    color: #444;
    margin-bottom: 2px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    line-height: 1.4;
}
.ws-dsgvo-check input[type="checkbox"] {
    margin-top: 2px;
}
.ws-dsgvo-check a {
    color: #0b79c8;
    text-decoration: underline dotted;
}
.ws-dsgvo-check a:hover {
    color: #095f99;
}