/* 1) Globale Textfarbe für die Box */
.post-password-form {
color: #ccc; /* hellgrau */
}
/* 2) Box bleibt absolut zentriert */
.post-password-form {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.6);
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
max-width: 360px;
width: 90%;
text-align: center;
padding: 2.5rem 1.5rem;
}
/* 3) Überschrift “Login” mit Elementor-Typo */
.post-password-form::before {
content: "Login";
display: block;
margin-bottom: 1.5rem;
color: var(--e-global-color-primary);
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
font-size: var(--e-global-typography-primary-font-size);
font-weight: var(--e-global-typography-primary-font-weight);
}
/* 4) Beschreibungstext */
.post-password-form p:first-of-type {
font-size: var(--e-global-typography-text-font-size);
font-family: var(--e-global-typography-text-font-family), Sans-serif;
margin-bottom: 1.5rem;
}
/* 5) Label entfernen */
.post-password-form p:last-of-type label {
font-size: 0;
}
/* 6) Input + Button in einer Reihe */
.post-password-form p:last-of-type {
display: flex;
align-items: center;
gap: 0.5rem;
justify-content: center;
margin: 0;
}
/* 7) Passwort-Feld */
.post-password-form input[type="password"] {
font-size: var(--e-global-typography-text-font-size);
font-family: var(--e-global-typography-text-font-family), Sans-serif;
background: #F0F0F0;
border: none;
border-radius: 8px;
padding: 0.75rem;
box-sizing: border-box;
color: #333;
}
.post-password-form input[type="password"]::placeholder {
color: #999;
opacity: 1;
}
/* 8) Submit-Button */
.post-password-form input[type="submit"] {
background: #001a8c;
color: #fff;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: var(--e-global-typography-text-font-size);
font-family: var(--e-global-typography-text-font-family), Sans-serif;
transition: background .2s ease;
}
.post-password-form input[type="submit"]:hover {
background: #0022b3;
}