body {
margin: 0;
font-family: system-ui, sans-serif;
background: #eaeaea;
}

.article {
background: white;
padding: 3rem;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Layout */
.layout {
display: flex;
min-height: 100vh;
}

/* Sidebar */
.sidebar {
position: sticky;
top: 0;
height: 100vh;
width: 220px;
background-color: #f1f1f1;
padding-top: 1rem;
border-right: 1px solid #ddd;
}

/* Deine Liste leicht angepasst */
.sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}

.sidebar li a {
display: block;
padding: 10px 16px;
color: black;
text-decoration: none;
}

.sidebar li a:hover {
background-color: #555;
color: white;
}

/* Content Area */
.content {
flex: 1;
display: flex;
justify-content: center;
padding: 2rem;
}

/* -Look fÞr Text */
.content > * {
max-width: 800px;
}

.content {
background: #fafafa;
}