html {
	min-height:100%;
}

body {
	background:var(--bg);
	color:var(--ink);
	font-family:var(--font-body);
	font-size:15px;
	line-height:1.5;
	margin:0;
	min-height:100%;
	-webkit-font-smoothing:antialiased;
}

.site-shell {
	box-sizing:border-box;
	margin:0 auto;
	max-width:1600px;
	min-height:100vh;
	padding:24px;
	width:100%;
}

.site-header {
	background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);
	border:0;
	border-radius:var(--radius) var(--radius) 0 0;
	box-shadow:var(--shadow);
	padding:30px 36px;
	position:relative;
}

.site-header:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:3px;
	background:var(--accent);
}

.site-brand,
.site-brand:active,
.site-brand:hover,
.site-brand:link,
.site-brand:visited {
	color:#fdf6ec;
	display:block;
	text-decoration:none;
}

.site-title {
	display:block;
	font-family:var(--font-head);
	font-size:38px;
	font-weight:600;
	letter-spacing:0.005em;
	line-height:1.1;
}

.site-subtitle {
	color:rgba(253, 246, 236, 0.78);
	display:block;
	font-size:16px;
	letter-spacing:0.02em;
	margin-top:8px;
}

.site-body {
	background:var(--surface);
	border:1px solid var(--line);
	border-top:0;
	border-radius:0 0 var(--radius) var(--radius);
	box-shadow:var(--shadow);
	box-sizing:border-box;
	display:flex;
	gap:28px;
	min-height:640px;
	padding:26px;
}

div.Menue,
.site-nav {
	background:var(--surface-alt);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-sizing:border-box;
	flex:0 0 224px;
	padding:18px 16px;
}

.site-content {
	background:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-sizing:border-box;
	flex:1 1 auto;
	min-width:0;
	overflow-x:auto;
	padding:26px 28px;
}

.site-content img {
	height:auto;
	max-width:100%;
}

.site-content table {
	box-sizing:border-box;
}

.site-content table.table {
	min-width:620px;
}

.site-content input[type="text"],
.site-content textarea {
	box-sizing:border-box;
	max-width:100%;
}

.site-content textarea {
	width:auto;
}

.site-nav div.vzm {
	height:320px;
	width:100%;
}

.site-nav div.vz {
	box-sizing:border-box;
}

.site-nav div.menue {
	left:0;
}

.site-nav div.menuesub {
	left:0;
}

.site-nav a.vzlink,
.site-nav a.vzlink:active,
.site-nav a.vzlink:hover,
.site-nav a.vzlink:link,
.site-nav a.vzlink:visited {
	font-size:14px;
}

.site-nav a.vzlinkgr,
.site-nav a.vzlinkgr:active,
.site-nav a.vzlinkgr:hover,
.site-nav a.vzlinkgr:link,
.site-nav a.vzlinkgr:visited {
	font-size:16px;
}

.site-footer-badges {
	align-items:center;
	display:flex;
	gap:8px;
	justify-content:flex-end;
	margin-top:10px;
}

.site-footer-badges img {
	border:0;
	display:block;
}

@media (max-width:900px) {
	.site-shell {
		padding:10px;
	}

	.site-header {
		padding:18px;
	}

	.site-title {
		font-size:26px;
	}

	.site-body {
		display:block;
		min-height:0;
		padding:12px;
	}

	div.Menue,
	.site-nav {
		margin-bottom:14px;
		width:100%;
	}

	.site-content {
		padding:14px;
	}

	.site-content table.table {
		min-width:640px;
	}

	.site-nav div.vzm {
		height:270px;
	}
}

@media (max-width:760px) {
	.site-title {
		font-size:22px;
	}

	.site-subtitle {
		font-size:14px;
	}

	.site-content {
		padding:10px;
	}

	.site-footer-badges {
		justify-content:flex-start;
	}
}