/* news */
#content .newsitem {text-align:left;}
.newsitem {background:#bebebe;width:540px;height:640px;overflow:hidden;margin:0 20px 20px 0;float:left;}
.newsitem img {max-width:100%;width:auto;height:auto;}
.newsinfo {font-size:15px;line-height:20px;margin:0 0 20px 0;}
#content  .newsitem p {padding:0 0 10px 0;}
#content .moreinfo a.arr:link, #content .moreinfo a.arr:visited {font-family:'open_sansbold',Arial,Helvetica,sans-serif;color:#000;text-decoration:none;}
#content .moreinfo a.arr:focus, #content .moreinfo a.arr:hover, #content .moreinfo a.arr:active {color:#fff;}
#content .newsbox h1 {margin:0 0 10px 0;text-align:left;}
#content .newsbox  {width:1100px;padding:30px 30px 0 30px;background:#bebebe;margin:-10px 0 0 0;box-sizing:border-box;} /* detail */
#content .newsbox2 {padding:30px 30px 0 30px;background:#bebebe;margin:-10px 0 0 0;box-sizing:border-box;} /* loop */
#content h2 a:link, #content h2 a:active {color:#000;padding:0;}
#content h2 a:focus, #content h2 a:hover, #content h2 a:active {color:#fff;}
#content {overflow:hidden;}
#content .newsbox img {float:left;margin:0 0 0 -30px;line-height:0;padding:35px 30px 15px 0;/*padding-right:100%;padding-bottom:0;background:#aaa; alte Version mit hintergrund*/}
#content  img.news_post_image{margin:0;padding:0;line-height:0;}
.selected-group-title {display:none;}
.spacer {width:100%;height:20px;background:#000;margin-left:-20px;}

/* ~~~~~~~~~~~~~~~~~~ SHARE BOX ~~~~~~~~~~~~~~~~~~ */
.sharebox {height:40px;line-height:40px;margin-bottom:30px;}
.sharetitle {float:left;background:#80931a;color:#fff;height:40px;line-height:40px;padding:0 10px;}
.socialbaker {float:left;height: 40px !important;margin:0;}
.socialbaker a {display: block;height: auto;text-decoration: none;border: none;}
.shareicon {max-width:40px;}
.sharebox .fab {line-height:40px;font-size:24px;text-align:center;padding:0;margin:0;color:#808080;}
#content .sharebox a:link, #content .sharebox a:visited {float:left;background:#eaeaea;margin:0;height:40px;line-height:40px;font-size:24px;padding:0 0 0 10px;}
.sharebox a:focus .fab, .sharebox a:hover .fab, .sharebox a:active .fab {color:#80931a;}
.sharebox .socialbaker:last-of-type .fab {padding:0 10px 0 0;}

/* ~~~~~~~~~~~~~~~~~~ NEWSGROUPS SUBMENU ~~~~~~~~~~~~~~~~~~ */
#left ul {list-style:none;margin:0 0 0 20px;line-height:40px;text-align:left;}
#left ul:first-of-type {margin:50px 0 0 20px;}
#left ul a:link, #left ul a:visited {font-family:'open_sanslight',Arial,Helvetica,sans-serif;font-weight:normal;color:#808080;text-decoration:none;}
#left ul a:focus, #left ul a:hover, #left ul a:active {color:#80931a;}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {display:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R E S P O N S I V ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
#content .newsbox  {width:100%;width:auto;padding:30px;}
#content .newsbox2 {padding:0 30px 30px 30px;}
.newsitem {width:100%;height:auto;float:none;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width:840px) {
#left ul {display:none;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* BOF Steffen added */
@media only screen and (max-width:590px) {
    .newsinfo {font-size: inherit;}
}
/*EOF Steffen*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width:540px) {
#content .newsbox img {float:none;display:block;margin:0 0 30px 0;line-height:0;padding:0;}
}