body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }
        .input-row {
            margin-bottom: 20px;
        }
		/* Standard-Desktop-Stil */
.input-row select, .input-row button, .input-row input, .row-text {
    max-width: 33%; 
    width: 100%; 
}

/* Mobile Anpassungen */
@media (max-width: 768px) { /* Dieser Wert kann je nach Bedarf angepasst werden */
    .input-row select, .input-row button, .input-row input, .row-text  {
        max-width: 100%;
        width: 100%;
    }
}
		
        .alert-box {
    	color: #f44336; /* Rote Textfarbe */
    	padding: 0; /* Kein Padding */
    	margin: 0; /* Kein Margin */
    	border: none; /* Kein Rand */
    	cursor: pointer;
    	text-decoration: underline; /* Unterstrichener Text, um zu zeigen, dass er klickbar ist */
    	transition: color 0.6s; /* Übergangseffekt für die Textfarbe */
		}
		
		.alert-box.success {
 	    color: #4CAF50; /* Grüne Textfarbe für den Erfolgszustand */
		}

        hr {
            margin: 30px 0;
        }
        label {
            display: block;
            margin-bottom: 5px;
        }

.aktualiseren-btn {
    background-color: #4CAF50;
    color: #FFFFFF;
    padding: 5px 15px;
	font-size:12px;
    border: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 0px;
}		
		
		/* Stil für den Tabler-Button */
.load-tabler-btn {
    background-color: #ff7575;
    color: #FFFFFF;
    padding: 5px 15px;
	font-size:12px;
    border: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 0px;
}

/* Stil für den grünen Text nach dem Klicken */
.tabler-loaded-text {
    color: #4CAF50;
    display: none;
	font-size:12px;
}