@font-face {
	font-family: 'Albert Sans';
	src: url('/fonts/AlbertSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap; /* Verhindert das Flicken der Schriftart */
}

@font-face {
	font-family: 'Albert Sans';
	src: url('/fonts/AlbertSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap; /* Verhindert das Flicken der Schriftart */
}


* {
	margin: 0;
	padding: 0;
	font-family: 'Albert Sans', sans-serif;
	color: #2D3E49;
	box-sizing: border-box;
}

.my-scroll-container {
	scrollbar-width: 12px; /* Firefox */
	scrollbar-color: #888 #f1f1f1; /* Farbe des Balkens und Hintergrunds */
}

	/* WebKit-basierte Browser */
	.my-scroll-container::-webkit-scrollbar {
		width: 12px;
		height: 12px;
	}

	.my-scroll-container::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 6px;
	}

	.my-scroll-container::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

hr
{
     border-width:thin;
     height:0
}

table
{
 border-collapse:collapse;
 border-color:Gray;
} 


    	/* Stil für Symbole und Schaltflächen */
    	.icon-button {
    		width: 24px;
    		height: 24px;
    		cursor: pointer;
    		transition: transform 0.2s ease;
    	}

    		.icon-button:hover {
    			transform: scale(1.3);
    		}

    	.icon {
    		width: 20px;
    		height: 20px;
    	}

input, select, textarea, button {
	border: 1px solid #D9D9D9;
	padding: 2px 2px;
	border-radius: 4px;
	resize: vertical;
	min-height: 29px;
}

input:required {

}

input:invalid {

}

input:valid {

}

input[type="button"], input[type="submit"], button {
	border: none;
	border-radius: 5px;
	background-color: #F2F4F7;
	color: #2D3E49;
	padding: 6px 0px;
	font-size: 13px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #2D3E49;
	margin: 1px 1px 1px 1px;
	min-height: 29px;
}

	input[type="button"]:hover, input[type="submit"]:hover, button:hover {
		background-color: #D9D9D9;
		font-weight: bold;
	}

	input[type="text"]:focus, input[type="password"]:focus {
		border-color: #2D3E49;
	}

button {
	padding: 1px 1px;
}

.container {
	margin: 10px
}