/* Stile für die Anmeldeseite */

body {
    background-image: url('hintergrundbild.jpg'); /* Verwendung des Bilds im selben Verzeichnis */
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

#login {
    background-color: rgba(255, 255, 255, 0.4); /* Hintergrundfarbe des Anmeldungsblocks mit Transparenz */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 400px; /* Maximale Breite der Login-Box */
    width: 100%;
}

#login h1 a {
    background-image: url('logo.png'); /* Pfad zu Ihrem eigenen Logo */
    background-size: contain;
    width: 100%;
    height: 80px;
    opacity: 0.9; /* Transparenz anpassen (0.9 für 90% Transparenz) */
}

.language-switcher {
    display: none;
}

.login form {
	background-color: rgba(255, 255, 255, 0.6);
}

#login form {
    border: 2px solid #89A63A; /* Farbe für die Formularränder (grue) */
    padding: 15px;
    border-radius: 5px;
}

#login #wp-submit {
    background-color: #89A63A; /* Hintergrundfarbe des Anmeldebuttons (Violett) */
    border: 2px solid #89A63A; /* Rahmenfarbe des Anmeldebuttons (Violett) */
    color: #fff; /* Textfarbe des Anmeldebuttons */
}

#login #wp-submit:hover {
    background-color: #89A60B; /* Farbe des Anmeldebuttons beim Hovern (Dunkleres Violett) */
    border: 2px solid #89A60B; /* Rahmenfarbe des Anmeldebuttons beim Hovern (Dunkleres Violett) */
}

input[type=text]:focus,input[type=password]:focus  {
	border-color: #89A63A;
	box-shadow: 0 0 0 1px #89A63A; 
}

.login .button.wp-hide-pw .dashicons { 
	color: #89A63A;
}