.site {
	background-color: #335577;
	color: #ffffff;
	font-family: sans-serif; 	
	font-size: 18px;
}

.site-grid {
	height: 100vh;	
	display: grid;
	grid-template-columns: minmax(200px, auto) 1fr min-content;
	grid-template-rows: min-content min-content 1fr min-content;
	grid-template-areas:
		"site-logo		search-form	user-navigation"
		"sidebar-menu	title		title"
		"sidebar-menu	content		content"
		"footer			footer		footer";
}

.site-logo {
	grid-area: site-logo;
}

.search-form {
	grid-area: search-form;
}

.user-navigation {
	grid-area: user-navigation;
}

.sidebar-menu {
	grid-area: sidebar-menu;
}

.title {
	grid-area: title;
}

.content {
	grid-area: content;
}

.footer {
	grid-area: footer;
}

.sidebar-menu, .content {
	overflow-y: auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable;
}

::selection {
    background: #ffffff; /* Weißer Hintergrund beim Markieren */
    color: #335577;      /* Dein Stahlblau als Schriftfarbe */
}