
html, body {
	height:100%;
}
body {
	background:var(--cms-background);
}

#container {
	min-height:100%;
	box-sizing:border-box;
	color:#fff;
	padding:15px;
	font-size:14px;
	display:flex;
	flex-flow:column;
	align-items: center;
	justify-content: center;
	max-width:1400px;
	margin:auto;
}


#container input:not([type=checkbox]) {
	background:transparent;
	color:inherit;
	width:100%;
}

#container input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px var(--cms-color) inset;
	-webkit-text-fill-color: #fff !important;
}


#head {
	margin-bottom:20px;
	font-size:18px;
	text-align:center;
}
#title {
	font-size:3.8em;
	letter-spacing: .1em;
	border-bottom:1px solid rgba(255,255,255,.3);
	margin-bottom:6px;
	padding:8px;
}
#subtitle {
	font-size:.8em;
	letter-spacing: .1em;
}
#content {
	min-width:240px;
	max-width:100%;
}
#container button {
	width:100%;
	background:var(--cms-dark);
}

/* login */
#container .-m-cms-cont-login4 table {
	width:100%;
}
#container .-m-cms-cont-login4 td,
#container .-m-cms-cont-login4 th {
	font-weight:normal;
	padding:0;
	flex:1 1 auto;
	padding:8px 4px;
}
#container .-m-cms-cont-login4 th {
	text-align:right;
}

#container .-m-cms-cont-login4 tr.-email > th,
#container .-m-cms-cont-login4 tr.-login > th,
#container .-m-cms-cont-login4 tr.-pw > th {
	display:none;
}

#container .-m-cms-cont-login4 tr.-save_login {
	font-size:12px;
	display:block;
	text-align: right;
}
#container .-m-cms-cont-login4 tr.-save_login > * {
	display:inline-block;
	vertical-align: middle;
	padding-left:6px;
}

/* neu */
#container .-m-cms-cont-login4 tr {
	display:flex;
	align-items:stretch;
	margin:17px 0;
}
#container .-m-cms-cont-login4 td {
	padding:0;
}
#container .-m-cms-cont-login4 input {
	margin:0;
}

#container .-m-cms-cont-login4 tr.-email,
#container .-m-cms-cont-login4 tr.-pw {
	border:1px solid #fff;
	border-width:0 0 1px 0;
	background:var(--cms-color);
}
#container .-m-cms-cont-login4 tr.-email > *,
#container .-m-cms-cont-login4 tr.-pw > * {
	display:flex !important;
	background:var(--cms-color);
}
#container .-m-cms-cont-login4 tr.-email input,
#container .-m-cms-cont-login4 tr.-pw input {
	border:none;
	xpadding:13px 13px 13px 5px !important;
}
#container .-m-cms-cont-login4 tr.-email > th > div,
#container .-m-cms-cont-login4 tr.-pw    > th > div {
	display:none;
}
#container .-m-cms-cont-login4 tr.-email > th,
#container .-m-cms-cont-login4 tr.-pw    > th {
	display:flex !important;
	align-items:center;
	flex:0;
}
#container .-m-cms-cont-login4 tr.-email > th:after,
#container .-m-cms-cont-login4 tr.-pw    > th:after {
	content:'';
	display: block;
	font-family: 'qg_cms';
	line-height: 1;
	font-size: 20px;
	text-align: center;
}
#container .-m-cms-cont-login4 tr.-email > th:after { content: "\e600"; }
#container .-m-cms-cont-login4 tr.-pw    > th:after { content: "\e900"; }

#container .-m-cms-cont-login4 button {
	padding:9px;
	padding-top:10px;
}
