body 
	{
    position: relative; /* Referenz für #alles */
    background-color: #FFFFFF;
    margin-top: 10px;
    padding: 10px;
    font-size: 12pt;
    font-family: Arial, Verdana, sans-serif;
    color: #990000;
    overflow: hidden;
	}

/* Hauptcontainer */
#alles 
	{
    position: absolute;
    left: 50%;
    width: 1280px;
    height: 1024px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    text-align: left;
    transform: translateX(-50%) scale(0.8);
    transform-origin: top center;
	}

a 	{
    color: #007700;
    text-decoration: none;
    font-size: 14pt;
    font-family: Arial, Verdana, sans-serif;
	}

/* Eingabefelder */
.inputanmelden 
	{
		border: 1px solid #006600;
		font-size: 14pt;
		width: 160px;
		height: 25px;
		color: #007700;
	}

.inputspalten 
	{
		border: 1px solid #006600;
		height: 20px;
		width: 170px;
		color: #000000;
	}

.inputspalten1 
	{
		border: 1px solid #006600;
		height: 20px;
		width: 210px;
		color: #000000;
	}

.inputmail 
	{
		border: 1px solid #006600;
		font-size: 12pt;
		width: 220px;
		height: 20px;
		color: #007700;
	}

.inputneu 
	{
		border: 1px solid #006600;
		font-size: 13pt;
		width: 240px;
		height: 20px;
		color: #000000;
	}

.inputneuer 
	{
		border: 1px solid #990000;
		font-size: 13pt;
		width: 240px;
		height: 20px;
		color: #770000;
	}

/* Buttons */
.input1 
	{
		border: 1px solid #00EE00;
		background-color: #00EE00;
		font-weight: bold;
		height: 25px;
		width: 170px;
		color: #002200;
	}

.rot1 
	{
		border: none;
		background-color: #007700;
		font-weight: bold;
		color: gold;
		width: 75px;
		height: 30px;
		cursor: pointer;
	}

.rot1:hover 
	{
		background-color: #45a049;
	}

.button1 
	{
		border: none;
		color: #990000;
		width: 152px;
		height: 25px;
		background-image: url('../bilder/8.jpg');
		background-size: cover;
		background-position: center;
		font-size: 12pt;
		text-align: center;
		cursor: pointer;
		border-radius: 4px;
	}

/* Custom Button */
.custom-button 
	{
		background-color: #007700;
		color: gold;
		border: none;
		padding: 8px 20px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		font-size: 13px;
		margin: 5px 2px;
		cursor: pointer;
		border-radius: 4px;
	}

.custom-button:hover 
	{
		background-color: #45a049;
	}

/* Tooltip */
.custom-tooltip 
	{
		position: relative;
		color: #009900;
		text-decoration: none;
	}

.custom-tooltip::after 
	{
		content: attr(data-tooltip);
		position: absolute;
		bottom: 120%;
		left: 0;
		visibility: hidden;
		opacity: 0;
		color: #009900;
		background-color: #ffffff;
		padding: 5px 10px;
		border-radius: 4px;
		white-space: normal;
		transition: opacity 0.1s ease-in-out;
		z-index: 1000;
	}

.custom-tooltip:hover::after 
	{
		visibility: visible;
		opacity: 1;
	}

.welcome-message 
	{
		font-size: 16pt;
		font-family: "Times New Roman", serif;
		color: #990000;
	}

	#gewerbeBlock 
		{ display:none; }
	#gewerbeBlock.active 
		{ display:block; }

.error {
  color: #b00000;
  font-size: 12px;
  margin-top: 3px;
  display: none;
}
.error.active {
  display: block;
}