/* Media Queries für größere Bildschirme */
@media (min-width: 768px) {
	body {
		display: flex;
		height: 100vh;
	}
	
	.container {
		flex-direction: row;
	}
	
	.menu {
		flex: 0 0 250px;
		border-right: 1px solid #333;
		border-bottom: none;
		max-height: 100vh;
		overflow-y: auto;
	}
	
	.main-content {
		flex: 1;
		overflow-y: auto;
	}
	
	.form-container {
		flex-direction: row;
	}
	
	.dropdown-container {
		flex-direction: row;
		align-items: center;
	}
	
	.artikel-kopf {
		flex-direction: row;
		align-items: center;
	}
	
	.artikel-kopf .button-group {
		margin-left: auto;
		flex-direction: row;
	}
	
	.button-group button {
		width: auto;
	}
	
	button {
		width: auto;
	}
	
	input[type="text"], input[type="password"], select, input[type="date"], input[type="number"] {
		width: 200px;
	}
	
	.detail-form {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.detail-form .form-group {
		flex: 1 1 45%;
	}
	
	#artikel-details {
		flex-direction: row;
	}
	
	.rezept-details {
		flex-direction: row;
	}
	
	#auswertungContainer {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.table-wrapper {
		flex: 1 1 30%;
		min-width: 33%;
	}
	
	.fixed-window {
		left: 30%;
		width: 40%;
		top: 20%;
	}
	
	.details-popup {
		left: 50px;
		width: auto;
	}
	
	.artikelRow {
		flex-direction: row;
	}
	
	.artikel {
		flex-direction: row;
		align-items: center;
	}
	
	.artikel label {
		margin-right: 5px;
		margin-bottom: 0;
	}
	
	.artikel input[type="text"],
	.artikel input[type="number"] {
		width: 150px;
	}
}

/* Touch-Optimierungen */
@media (hover: none) and (pointer: coarse) {
	button:hover {
		background-color: #333;
	}
	
	button:active {
		background-color: #555;
		transform: scale(0.98);
	}
	
	a:hover {
		background-color: #f4f4f4;
	}
	
	a:active {
		background-color: #ddd;
	}
}