body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; } form { margin-bottom: 20px; } input, button { padding: 10px; margin: 5px; border: 1px solid #ddd; border-radius: 4px; } button { cursor: pointer; background-color: #008C50; /* Helles Blau */ color: white; border: none; } button:disabled { background-color: #cccccc; color: #666666; cursor: not-allowed; } button:not(:disabled):hover { background-color: #007344; /* Dunkleres Blau */ } button#remove-button { background-color: #f443366f; /* Helles Rot */ } button#remove-button:not(:disabled):hover { background-color: #d32f2f3d; /* Dunkleres Rot */ } table { width: 100%; border-collapse: collapse; } table, th, td { border: 1px solid #ddd; } th, td { text-align: left; padding: 8px; } th { background-color: #4CAF50; /* Grün */ color: white; } tr:nth-child(even) { background-color: #f2f2f2; } .selected, tr.selected { background-color: #ffdd99; /* Hervorhebung der Auswahl */ } tr:hover:not(.selected) { background-color: #ddd; /* Hover-Effekt für nicht ausgewählte Zeilen */ } #navbar { background-color: #01351d; /* Sehr dunkles Grün */ color: white; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; border-radius: 10px; } #navbar h1 { margin: 0; font-size: 24px; } #navbar ul { list-style: none; display: flex; margin: 0; padding: 0; } #navbar ul li { margin-left: 20px; } #navbar a { color: white; text-decoration: none; padding: 8px 15px; border-radius: 4px; transition: background-color 0.3s; } #navbar a:hover { background-color: #007344; /* Etwas helleres Grün */ } #navbar a.active { background-color: #008C50; /* Mittleres Grün */ } .content { background-color: #ebf2eb; /* Helles Grau */ border-radius: 10px; padding: 20px; margin: 20px 0; }