#passwort-hinweise li {
        color: red;
    }
    #passwort-hinweise li.erfuellt {
        color: green;
    }
	.password-wrapper {
		position: relative;
		width: 100%;
	}
	.password-wrapper input[type="password"],
	.password-wrapper input[type="text"] {
		padding-right: 40px;
		box-sizing: border-box;
		padding: 10px 12px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}
	.password-toggle {
		position: absolute;
		top: 50%;
		right: 60px;
		transform: translateY(-50%);
		cursor: pointer;
		font-size: 14px;
		color: #666;
		user-select: none;
	}
	.password-toggle:hover {
		color: rgb(255, 148, 35);
	}
	.tooltip-content {
		display: none;
		position: absolute;
		top: 46px;
    	right: 60px;
		z-index: 999;
		width: 250px;
		margin-top: 5px;
		background-color: #fff;
		color: #333;
		border: 1px solid #ccc;
		border-radius: 6px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
		padding: 10px;
		font-size: 13px;
	}
	.tooltip-content::before {
		content: "";
		position: absolute;
		top: -7px;
		right: 25px;
		width: 14px;
		height: 14px;
		background: #fff;
		border-left: 0px solid #ccc;
		border-top: 0px solid #ccc;
		transform: rotate(45deg);
		box-shadow: -1px -1px 0 0 #ccc;
	}
	.tooltip-content::before {
		box-sizing: border-box;
	}
	.tooltip-content::after {
		content: "";
		position: absolute;
		top: -7px;
		left: 21px;
		border-width: 7px;
		border-style: solid;
		border-color: transparent transparent #fff transparent;
	}
	.tooltip-content ul {
		padding-left: 18px;
		margin: 0;
	}
	.tooltip-content li.erfuellt {
		color: green;
		font-weight: bold;
	}