:root {
        --header-margin-top: 10px; /* Set top margin here */
        --button-margin-right: 20px;  /* Abstand des Buttons von der rechten Seite */
        --button-margin-left: 40px;   /* Abstand zwischen Text und Button */
    }
    /* Entire Header */
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #ccc; /* optional */
        margin-top: var(--header-margin-top);
    }
    .custom-textarea {
        width: 800px;
        height: 800px;
        font-size: 14px;
        color: #333;
        background-color: #f9f9f9;
        border: 2px solid black;
        padding: 10px;
        border-radius: 5px;
        font-family: Arial, sans-serif;
        resize: none;
        overflow: auto;
    }
    .custom-input:focus {
        outline: none;
        border-color: #0056b3;
        box-shadow: 0 0 5px rgba(0, 91, 187, 0.5);
    }
	
    .table-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 10px;
    }
    .selection.center {
        margin: 0 auto;
    }

    .button-right {
        margin-left: auto;
    }
	
	.file-name-display {
		display: flex;
		justify-content: center;  /* Horizontal zentrieren */
		align-items: center;      /* Vertikal zentrieren */
		height: 20px;             /* Höhe für vertikale Zentrierung */
		font-size: 14px;
		/*font-weight: bold;*/
		color: #2c3e50;
		padding: 1px;
		border-bottom: 2px solid #ccc;
		background-color: #f4f4f4;
		border-radius: 15px;
		width: auto;
	}
	
	    /* Anpassung für die Sicherungsnachricht */
    .backup-message {
        font-size: 14px;        /* Kleinere Schrift */
        color: #000000;         /* Schwarze Farbe */
        font-family: Arial, sans-serif;
		font-style: italic;     /* Text kursiv anzeigen */
        font-weight: normal;    /* Normale Schriftstärke */
        margin-right: 20px;     /* Abstand zum Button */
    }
	
	.backup-message.green{
        color: green !important;        /* grüne Farbe */
		font-weight: bold !important;   /* fette Schriftstärke */
    }
	
	.backup-message.red{
        color: red !important;        /* rote Farbe */
		font-weight: bold !important;   /* fette Schriftstärke */
    }
	.message-button-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2px;
    }
	
	/* Anpassung für die Sicherungsnachricht */
    .topline-area-message {
		align-items: center !important;
		font-family: Arial, sans-serif !important;
        font-size: 16px !important;        /* Kleinere Schrift */
        color: #000000 !important;         /* Schwarze Farbe */
        font-family: Arial, sans-serif !important;
		font-style: italic !important;     /* Text kursiv anzeigen */
        font-weight: normal !important;    /* Normale Schriftstärke */
        margin-right: 20px !important;     /* Abstand zum Button */
		padding-top: 10px !important;      /* Abstand nach oben */
		padding-bottom: 10px !important;   /* Abstand nach unten */
    }