html, #page { height:100%;padding:0; margin:0;}
body { margin:0; padding:0; width:100%; color:#959595; font:normal 14px/2.0em Sans-Serif;min-height:100vh}
h1, h2, h3, h4, h5, h6 {color:black;}
#page { height:100%; display: flex; flex-direction:column; min-height:100vh }
#nachricht, #header, #footer, #top-nav, #content, #content #contentbar, #content #sidebar { margin:0; padding:0;}

/* Nachricht */
#nachricht { font:normal 24px/2.0em Sans-Serif;height:100%;background:#eee;display:flex;justify-content: center;align-items: center;}

/* Logo */
#logo { padding:10px; width:auto; float:left;}
#logo h1 a, h1 a:hover { color:black; text-decoration:none;}
#logo h1 span { color:#8a8a8f;}

/* Header */
#header { display: grid;justify-content: center;margin-bottom: 100px;max-width:970px;}
#header-inner { margin:0 auto; padding:10px; width:100%;background:#fff; position: fixed !important;}

/* Feature */
.feature { padding:0;}
.feature-inner { margin:auto;padding:10px;max-width:970px;background:white; }
.feature-inner h1 {color:#8a8a8f;font-size:32px;}

/* Menu */
#top-nav { margin:0 auto; padding:0px 0 0; height:37px; float:right;}
#top-nav ul { list-style:none; padding:0; height:37px; float:left;}
#top-nav ul li { margin:0; padding:0 0 0 8px; float:left;}
#top-nav ul li a { display:block; margin:0; padding:8px 20px; color:black; text-decoration:none;}
#top-nav ul li.active a, #top-nav ul li a:hover { color:#8a8a8f;}

/* Content */
#content { flex:1;display:flex }
#content-inner { margin:0 auto;flex:auto;padding:10px;max-height:100%;max-width:970px;background:#fff}
#content #contentbar { margin:0; padding:0; float:right; max-width:760px;}
#content #contentbar .article { margin:0 0 24px; padding:0 20px 0 15px; }
#content #contentbar .article a { color:black;font-size:24px;text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px;}
#content #contentbar .article a:hover { color:#959595; font-weight:bold; text-decoration:none;}
#content #sidebar { padding:0; float:left; width:200px;}
#content #sidebar .widget { margin:0 0 12px; padding:8px 8px 8px 13px;line-height:1.4em;}
#content #sidebar .widget h3 a { text-decoration:none;}
#content #sidebar .widget ul { margin:0; padding:0; list-style:none; color:#959595;}
#content #sidebar .widget ul li { margin:0;}
#content #sidebar .widget ul li { padding:4px 0; width:185px;}
#content #sidebar .widget ul li a { color:black; text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px;}
#content #sidebar .widget ul li a:hover { color:#959595; font-weight:bold; text-decoration:none;}

/* Footerblurb */
#footerblurb { background:#8a8a8f;color:black;}
#footerblurb-inner { margin:0 auto; max-width:970px; padding:10px;background:#959595;border-bottom-right-radius:15px;border-bottom-left-radius:15px;}
#footerblurb-inner a {color:black;text-decoration:none;}
#footerblurb .column { margin:0; text-align:justify; float:left;width:400px;padding:0 24px;}

/* Footer */
#footer { background:#eee;}
#footer-inner { margin:auto; text-align:center; padding:12px; max-width:970px;}
#footer a {color:black;text-decoration:none;}

/* Clear both sides to assist with div alignment  */
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}