body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #0A0A0A;
    color: #FFFFFF;
}
header {
    background-color: #520100;
    padding: 20px;
    text-align: left;
}

header h1 {
    margin: 0;
    color: #FFFFFF;
}
header a {
    margin: 0;
    color: #FFFFFF;
}  

nav {
    display: flex;
    justify-content: Left;
    background-color: #5C5C5C;
    padding: 10px 0;
}

.nav-left, .nav-right {
    display: flex;
    align-items: center;
}

.nav-left a, .nav-right a {
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 15px;
    padding: 10px 20px;
    border-radius: 5px;
}

.nav-left a:hover, .nav-right a:hover {
    background-color: #CC0000;
}

body {
    background-color: #F5F5F5;
    color: #333333;
}

body header {
    background-color: #D32F2F;
}

body header h1 {
    color: #FFFFFF;
}

body nav {
    background-color: #757575;
}

body .nav-left a, .nav-right a {
    color: #FFFFFF;
}

body .nav-left a:hover, .nav-right a:hover {
    background-color: #E57373;
}

body .product {
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

body .product-info {
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

body .product-info h2 {
    color: #D32F2F;
}

body .product-info p {
    color: #5C5C5C;
}

body .related-products h2 {
    color: #D32F2F;
}

body footer {
    background-color: #D32F2F;
    color: #FFFFFF;
}

footer {
    background-color: #520100;
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}

footer p {
    margin: 0;
    transition: color 0.3s;
}

.impressum {
	margin-top: 20px;
	padding: 20px;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}
.impressum h3 {
	transition: color 0.3s;
}
