html {
	font-size:calc(14px + .36vmin);
	font-family:'Varela Round';
	--width: 54rem;

	--hsl-h:154.1;
	--hsl-s:100%;
	--hsl-l:28.6%;
}
#container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
[role=banner] {
	background-color:var(--color);
	color: var(--color-bg);
	xpadding: 1rem 0;
	z-index:1;
	position:sticky;
	top:0;
}
[role=banner] a {
	color: inherit;
	text-decoration: none;
}
#logo > img {
	display:block;
	width: 20rem;
}
#main {
    flex:1 1 auto;
}
#main > .u1-width {
    padding-top:3rem; /* better margin? */
    padding-bottom:6rem; /* better margin? */
}
#content {
    flex:10 1 18rem;
	min-width: 0; /* do not take content-size into account */
}
#right {
	xwidth: 12rem;
	flex:1 0 9rem;
	xflex-shrink:0;
}
[role=contentinfo] {
	background-color:var(--color);
	color:var(--color-bg);
	padding: 1rem 0;
}
[role=contentinfo] a {
	color: inherit;
	text-decoration: none;
}
/* classes for editor */
.Center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}
.Left {
	display:block;
	text-align:left;
}
.Right {
	display:block;
	text-align:right;
}
img.Left {
    float: left;
    margin-right: 1.2rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    shape-image-threshold: 0.2;
    shape-margin: 1.2rem;
    shape-outside: var(--shape-outside-url);
}
img.Right {
    float: right;
    margin-left: 1.2rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    shape-image-threshold: 0.2;
    shape-margin: 1.2rem;
    shape-outside: var(--shape-outside-url);
}

.-m-cms-cont-text table {
	font-size:inherit;
}
.-m-cms-cont-text table td {
	padding:.2rem 0;
}
.-m-cms-cont-text table tr {
	border:none;
}

#qgRteToolbar .-options > h1, #qgRteToolbar .-options > h4, #qgRteToolbar .-options > h5, #qgRteToolbar .-options > h6 {
	display: none !important;
}