.serendipity_karmaVoting {
    text-align: right;
    font-size: 7pt;
    margin: 0px;
}

.serendipity_karmaVoting a {
    font-size: 7pt;
    text-decoration: none;
}

.serendipity_karmaVoting a:hover {
    color: green;
}

.serendipity_karmaError {
    color: #FF8000;
}
.serendipity_karmaSuccess {
    color: green;
}
.serendipity_karmaVoting_links,
.serendipity_karmaVoting_links a:hover,
.serendipity_karmaVoting_current-rating {
    background: url(https://www.veilchenpower.de/news/plugins/serendipity_event_karma/img/stars-def-yellow-green-md.png) left;
    font-size: 0;
}
.ajaxloader {
    background-image: none;
}
.serendipity_karmaVoting_links {
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
    list-style: none;
    margin: 0px 0px 0px auto;
    padding: 0;
    background-position: left top;
    text-align: center;
}
.serendipity_karmaVoting_links li {
   display: inline;
}
.serendipity_karmaVoting_links a ,
.serendipity_karmaVoting_current-rating {
    position:absolute;
    top: 0;
    left: 0;
    text-indent: -9000em;
    height: 20px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    border: none;
}
.serendipity_karmaVoting_links a:hover {
    background-position: left bottom;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link1 {
    width: 20%;
    z-index: 6;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link2 {
    width: 40%;
    z-index: 5;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link3 {
    width: 60%;
    z-index: 4;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link4 {
    width: 80%;
    z-index: 3;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link5 {
  width: 100%;
    z-index: 2;
}
.serendipity_karmaVoting_links .serendipity_karmaVoting_current-rating {
    z-index: 1;
    background-position: left center;
}
/*
Default style.css file of serendipity_event_dsgvo_gdpr.
You can customize this CSS by editing your template's stylesheet and simply placing a ".dsgvo_gdpr" class somewhere, then this file will no longer be loaded.
 */

.dsgvo_gdpr_footer {
    text-align: center;
}

.dsgvo_gdpr_statement {
    margin: 1em;
}

#checkbox_dsgvo_gdpr {
    margin-right: .4em;
}
/* auto include templates/2k11/style_fallback.css */

/* The templates/default/style_fallback.css emits CSS statements that all s9y
   themes should have.

   Statements declared in this file are emitted early in the dynamically
   generated stylesheet serendipity.css, so you can override them by declaring
   them again in your theme's style.css or user.css.

   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Images positioned normal/left/right */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Images with captions and positioning */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    clear: both;
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center;
}

/* Image gallery */
.s9y_gallery {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.s9y_gallery_item {
    box-sizing: border-box;
    flex: 0 1 33.3333%;
    padding: 0 5px 5px 0;
}

.s9y_gallery_image {
    height: auto;
    max-width: 100%;
}

/* Lists without bullets or numbers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}
/* END OF style_fallback.css */

/* auto include templates/timeline/style.css */

/*
 Theme: Timeline

Optional skinsets are loaded after style.css and before colorsets
Default (light) skinset is built into style.css.
Optional skinsets use syntax *_skin.css
Colorsets use syntax *_style.css
Default colorset is green_style.css
*/

body {
}

a {
  /*color: #72c02c;*/
  text-decoration: none;
}

a:hover,
a:focus {
    /*color: #57a70f;*/ /* darker */
    text-decoration: underline;
}

.RightSideBar a{
    color: #555;
}

a.subtome:link,
a.subtome:visited { 
    /* background: url('templates/timeline/img/subtome-green.png') left bottom no-repeat;*/ /* see colorsets for subtome images */
    height: 64px!important;
    margin: 0;    
    padding: 24px 0;
    visibility: visible;
    width: 64px!important;    
}

a.subtome:hover,
a.subtome:active { 
    /*background: url('templates/timeline/img/subtome-green.png') -64px center no-repeat;*/
}

a.subtome img {
    visibility: hidden;
}

hr {
    margin: 15px 0;
}

p {
    margin: 0 0 20px;
}

.wrapper {
    background-color: #fff;
}

.header {
    background-color: #fff;
    border-bottom: 2px solid #eee;
    position: relative;
    z-index: 99;
}

.header .navbar {
    margin: 0;
}

.header .navbar-default {
    background: none;
    border: none;
}

.header .navbar-header h1 {
    margin: 10px 0 0 0;
}

.header .navbar-brand {
    height: 100%;
    margin:0!important;
    padding: 0;
    position: relative;
    top: -10px;
    z-index: 1;
}
.navbar-default .navbar-brand:focus h1,
.navbar-default .navbar-brand:hover h1{
    /* color: #72c02c;*/
}

.subheader {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 10px 0 10px;
}

.subheader_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height:100%;    
    padding: 80px 0;
}

.subheader h2 {
    margin: 10px 0;
    padding: 0;
}

.subheader_image .pagination {
    position: relative;
    top: -50px;
}

.subheader .pagination {
    margin: 8px 0 0;
    padding:0;
}

.subheader .pagination a:link, .subheader .pagination a:visited, .subheader span.thispage{
    padding: 6px 12px;
}

.subheader .pagination .btn-theme {margin: 0;}

.staticpage_subheader {
    color: #808080;
    margin: 20px 0;
}

.navbar-toggle {margin-right:0} /* nav button for small screens */

@media (min-width: 768px) and (max-width: 991px) {
    .header .navbar-brand {
        margin-top: 0;
    }
}

.header .navbar-default .navbar-toggle {
    /* border-color: #57a70f; */
}

.header .navbar-default .navbar-toggle .fa {
    color: #fff;
    font-size: 19px;
}

.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
    /*background: none repeat scroll 0 0 #72c02c;*/
    padding: 6px 10px 2px;
}

.header .navbar-default .navbar-nav > li > a {
    color: #687074;
}

.header .navbar-collapse {
    position: relative;
}

.header .navbar-default .navbar-nav > li > a {
    color: #687074;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .header .navbar-nav {
        float: right;
    }
}

@media (max-width: 991px) {
    .header .navbar-header {
        float: none;
    }
    .header .navbar-toggle {
        display: block;
    }
    .header .navbar-collapse.collapse {
        display: none !important;
    }
    .header .navbar-collapse.collapse.in {
        display: block !important;
        overflow-y: auto !important;
    }
    .header .navbar-nav {
        float: none !important;
        margin: 0 0 5px;
    }
    .header .navbar-nav > li {
        float: none;
    }
    .header .navbar-nav > li > a {
        padding-bottom: 40px;
        padding-top: 30px;
    }

    .header .navbar-collapse, .header .navbar-collapse .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .header .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 9px 10px;
    }
    .header .navbar-default .navbar-nav > li a {
        border-bottom: 1px solid #eee;
    }
    .header .navbar-default .navbar-nav > li > a:focus {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .header .navbar-default .navbar-nav > li > a:hover {
        /*color: #72c02c;*/
    }
    
    .subheader h2.pull-left, .subheader nav.pull-right {
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .header .navbar-collapse {
        margin-top:20px;
        padding: 0;
    }
    .header .navbar {
        min-height: 40px !important;
    }
    .header .container > .navbar-header,
    .header .container-fluid > .navbar-header,
    .header .container > .navbar-collapse,
    .header .container-fluid > .navbar-collapse {
        margin-bottom: -10px;
    }
    .header .navbar-nav {
        position: relative;
    }
    .header .navbar-default .navbar-nav > li > a {
        bottom: -2px;
        padding: 9px 30px 9px 20px;
        position: relative;
    }
    .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus {
        border-bottom: 2px solid transparent;
    }

    a.navbar_current_page,
    .header .navbar-default .navbar-nav > li > a:hover,
    .header .navbar-default .navbar-nav > .active > a {
        /*border-bottom: 2px solid #72c02c!important;*/
        bottom: -2px;
        position: relative;
    }
    .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .header .navbar-default .navbar-nav > li:hover > a {
        /*color: #72c02c;*/
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header  .navbar-brand {
        margin-left: -10px;
    }
    .header .navbar-toggle {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .header .navbar-header h1 {
        margin-top:20px;
    }
    .header .navbar-header .logo {
        padding-top:20px;
    }
    
    .mainpanel  {
        /*padding-left: 0px !important;*/
    }
    
}

.header .logo {
    height: 100%;
    min-height: 40px;
    min-width: 100px;
    vertical-align: middle;
}
.header .logo img {
    margin: 0;
    position: relative;
    z-index: 1;
}

.content {
    padding-bottom: 40px;
    padding-top: 30px;
}

h1 {
    font-size: 28px;
    line-height: 35px;
}
h2 {
    font-size: 24px;
    line-height: 33px;
}

#entry h2 {
    font-size: 32px;
    line-height: 40px;
}
h3 {
    font-size: 20px;
    line-height: 27px;
}
h4 {
    line-height: 25px;
}
h5 {
    line-height: 20px;
}
h6 {
    line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
    margin-top: 5px;
}

.list-group-item {
    background-color: inherit;
}


a, a:focus, a:hover, a:active, button, button:hover {
    outline: 0 none !important;
}

/* alternative blog style display on front page instead of timeline */

.each-blogstyle-entry {margin-bottom: 26px;}

.blogstyle-post-thumb {margin-top: 20px;}

.blogstyle-post-body {margin-top:20px;}

.blogstyle-post-body h2{line-height: 1.2em; margin-top: 0; overflow: hidden;}

/* archive summary - "view topics" */

.archives_summary {margin-top:40px;}

.archives_summary h4{line-height: 1.2em; margin: 0 0 4px 0; overflow: hidden;}

.archives_summary hr {margin: 10px 0}

.each-archive-entry {margin-bottom: 10px;}

.archives_summary .post-info {color: #999; font-size:14px; margin-bottom: 4px;}

.archive-post-thumb {margin-top: 10px; padding-right: 10px;}

.archive-post-body {margin-top:10px;}

/*.btn.archive-button-months-entries {border: 1px solid #72c02c;} COLORSET*/

/*.btn-default:hover {color: #72c02c;} COLORSET*/

.btn-theme {
    /*background: none repeat scroll 0 0 #72c02c;
    border: 1px solid #72c02c; COLORSET*/
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-decoration: none!important;
    white-space: nowrap;
}

.btn-theme.disabled {
    background-color:#dddddd;
    color: #555
}

.pager li > a,
.pager li > span {
    /*background-color: #72c02c;
    border: 1px solid #72c02c; COLORSET */
    border-radius: 3px;   
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    /*padding: 4px 13px;*/
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: #e6e6e6;
    border-color: #adadad;
    /* color: #72c02c;*/
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    border-color: #adadad;
}

.timeline {
	list-style: none;
	padding: 0 0 20px 0;
	position: relative;
}

.timeline:before { /* this is the vertical line */
	background-color: #eeeeee;
	bottom: 0;
	content: " ";
	left: 50%;
	margin-left: -1.5px;
	position: absolute;    
	top: 0;
	width: 3px;
}

.timeline > li {
	clear: left;
	float: left;
	margin-bottom: 40px;
	position: relative;
	width: 50%;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	border: 1px solid #d4d4d4;
	float: left;
	position: relative;
	width: 94%;    
}

.timeline > li > .timeline-panel:before {
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
	display: inline-block;
	position: absolute;
	right: -15px;    
	top: 26px;
}

.timeline > li > .timeline-panel:after {
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
	display: inline-block;
	position: absolute;
	right: -14px;    
	top: 27px;
}

.timeline > li.timeline-month-heading {
	color: #ccc;
   	text-align: center;
    width:100%;    
	z-index: 9;
}

.tldate {
    background-color: #eee;
    border: 2px solid #ccc;
    border-radius: 4px;
    color: #adadad;
    display: block;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    width: 200px;
}

.timeline > li > .timeline-badge {
	color: #ccc;
	font-size: 1.4em;
	height: 24px;
	line-height: 50px;
	position: absolute;
	right: -12px;    
	text-align: center;
	top: 19px;
	width: 24px;    
	z-index: 9;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline > li > .timeline-panel .timeline-heading {
	padding: 5px;
}

.timeline > li > .timeline-panel .timeline-heading img {
	width: 100%;
}

.timeline > li > .timeline-panel .timeline-heading h4{
    margin: 5px 6px 0px 6px;
}

.timeline .timeline-body {
    padding: 12px;
}

.timeline .timeline-body h2 {overflow:hidden;}

.archive-archive_history .timeline .timeline-body {
    padding: 12px 6px;
}

.timeline-body > .col.xs-6,
.timeline-body > .col-md-4 {
    padding-left: 6px;
    padding-right: 6px;
}

.timeline .timeline-footer{
    border-top: 1px solid #ccc;
    font-size: 14px;
    overflow: hidden;    
    padding: 6px 10px;
    width: 100%;
}

.timeline .timeline-footer .timeline-footer-date {
    clear: left;
	float: left;
}

.timeline .timeline-footer .timeline-footer-comments {
    clear: right;
	float: right;
}

.timeline .timeline-footer i {
	color: #777;
    margin-right: 6px;
}

.timeline > li.timeline-inverted{
	float: right; 
	clear: right;
	margin-bottom: 40px;
}

.timeline-top-margin {
    margin-top: 60px;
}

.timeline > li.timeline-inverted > .timeline-badge{
  	left: -12px;
}

@media (max-width: 992px) {
	.timeline > li > .timeline-panel:before {
		border-bottom: 11px solid transparent;        
		border-left: 11px solid #ccc;    
		border-top: 11px solid transparent;
 		right: -11px;   
		top: 31px;
	}

	.timeline > li > .timeline-panel:after {
 		border-bottom: 10px solid transparent;   
		border-left: 10px solid #fff;
		border-top: 10px solid transparent;
 		right: -10px;       
		top: 32px;
	}
	.timeline > li.timeline-inverted > .timeline-panel:before {
		border-right-width: 11px;
		left: -11px;
	}
	.timeline > li.timeline-inverted > .timeline-panel:after {
		border-right-width: 10px;
		left: -10px;
	}
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 0px;
    }

    ul.timeline > li {
      clear: left;
      float: left;      
      margin-bottom: 20px;
      position: relative;
      width:100%;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
    }

    ul.timeline > li > .timeline-badge {
        left: -12px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
		border-bottom: 12px solid transparent;    
		border-left: 12px solid #ccc;
		border-top: 12px solid transparent;
		right: -12px;        
    	top: 27px;
	}

	ul.timeline > li > .timeline-panel:after {
		border-bottom: 11px solid transparent;
		border-left: 11px solid #fff;
		border-top: 11px solid transparent;
		right: -11px;        
		top: 28px;
	}

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 12px;
        left: -12px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 11px;
        left: -11px;
        right: auto;
    }
    
	.timeline > li.timeline-inverted{
		float: left; 
		clear: left;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.timeline > li.timeline-inverted > .timeline-badge{
		left: -12px;
	}
}

.footer-container .footer {
	background-color: #272727;
    line-height: 1.4;
	padding: 40px 0;	
}

.footer-container .footer,
.footer-container .footer  li,
.footer-container .footer  p {
	color: #ddd;
}

.footer-container .footer h3 {
	color: #eee;
}

.FooterSideBar h3,
.RightSideBar h3 {
    line-height: 24px;
    margin-top: 0;
}

.footer-container hr {
    border-color:#888888;
}

.FooterSideBar a {
    color: #777;
}

.copyright {
	background: #222;
	border-top: none;
	padding: 10px 0 5px;
}

.copyright p {
	margin-top: 8px;
}

.copyright a {
    color: #777;
	margin: 0 2px;
}

.footer-socials {
	margin-top: 12px;
	text-align: right;
}

.footer-socials a {
	color: #777;
	font-size: 16px;
}

@media (max-width: 991px) {
    .copyright .copyright-text,
    .footer-container .footer-socials {
        text-align: center;
        width: 100%;
    }
}

.sidebar_plugin {margin: 0 0 30px}

.sidebar_plugin h3{
    /*border-bottom: 2px solid #72c02c!important;*/
    padding: 0 0 5px;
}

.category-list {
  line-height: 1.8em;
}

.plainList .category-children {
    list-style: outside none none;
    padding-left: 24px;
}

.archive-category-list-item a {margin-bottom: 4px}

.archive-categories,
.archive-tags {margin-bottom: 20px;}

img.serendipity_freeTag_xmlButton {
    vertical-align: middle;
}

.timeline-body .noentries {margin:0;}

.timeline .btn-readmore {margin: 4px 0}

.archive-year {
  margin-bottom: 1em;
}

.archive-button,
.archive-button-months {
    width: 100%;
}

.archive-button .archive-button-months {
    margin: 4px 0;
    padding:12px;
}

.btn-group.archive-button li i{
    display: inline-block;
    left: -3px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    width: 1.25em;
}

/* archive page...  */
.btn-group.archive-button .dropdown-menu > li > a:focus,
.btn-group.archive-button .dropdown-menu > li > a:hover {
    /*background-color: #72c02c;*/
    color: #ffffff;
    text-decoration: none;
}

/*.archive-button-months-entries .badge {
    background-color: #4b920c;
} COLORSET - */

.serendipity_plugin_recententries dd {
    font-size: 13px;
    margin-bottom: 18px;
}

.serendipity_plugin_recententries dt {
    font-weight: 500;
}

.serendipity_plugin_comments .plugin_comment_wrap {
    margin-bottom: 30px;
}

.serendipity_plugin_comments .plugin_comment_date {
    font-size: 13px;
    margin-bottom: 5px;
}

.alert,
.panel {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#serendipityQuickSearchTermField {
  width: 100%;
}

.searchterm {
  font-style: italic;
}

.form-group {max-width: 100%}

.form-group legend {
    border:0;
    color: inherit;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
}

@media (max-width: 479px) {
    #serendipity_replyTo {
        color: #666!important;
        max-width: 90%;
    }
}

ul.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list .comment-children {
    list-style: none;
    margin-left: 58px;
    padding: 0;
}

.comment_any {
  margin-bottom: 3.5em;
}

.comment-list-item,
.comment-list-item-body {
    overflow: hidden;
}

.comment-author-heading {
    font-size: 1.0em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

img.comment_avatar {
    border-radius: 50%;
    clear: left;
    float: left;
    height: 48px;
    margin-right: 10px;
    width: 48px;
}

.avatar_right {
    margin-left: 0;
}

.serendipity_comments .comment_ability {
  margin: 15px 0;
}

.comment-date {
  color: #808080;
  font-weight: normal;
}

.comment-meta {
  font-size: 0.8em;
  margin: 0.5em 0 0 0;
}

.serendipity_commentDirection {
    margin: 1em 0;
}

/* If the basic styles for aligning images are changed, the changes
   must be ported to htmlarea/ckeditor/wysiwyg-style.css as well. */
.serendipity_image_left,
.serendipity_image_right,
.serendipity_image_center,
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    background: transparent;
    border: 0 none;
    padding: 0!important;
    max-width: 100%;
}
.serendipity_image_left,
.serendipity_imageComment_left {
    display: block;
    float: left;
    margin: 0 1em 1em 0;
}
.serendipity_image_right,
.serendipity_imageComment_right {
    display: block;
    float: right;
    margin: 0 0 1em 1em;
}
.serendipity_image_center {
    display: block;
    margin: 0 auto 1em auto;
}
.serendipity_imageComment_center {
    display: block;
    margin: 0 auto 1em auto;
}
.serendipity_imageComment_img img {
    border: none!important;
    margin: 0!important;
}
.serendipity_imageComment_txt {
    border: 0;
    color: #808080;
    display: block;
    font-size: .8125em;
    font-style: italic;
    line-height: 1.5em;
    margin: 0;
    padding: .5em;
    text-align: center;
}

#entry img,
.timeline img{
    height: auto;
    max-width: 100%;
}

.image-full-width {width: 100%}

.img-thumbnail {border-radius: 0; padding:1px;}

p.read_more {clear:both; float:none; margin-bottom: 0px}

blockquote {
    /*border-left: 5px solid #57a70f;*/
    color: #808080;
    font-size: inherit;
    font-style: italic;
    margin: 10px 30px;
}

.post-info {color: #a4a4a4; margin-bottom: 20px;}

.post-info i {margin-right: 6px;}

.entry-timestamp,
.entry-author-link,
.entry-comment-link,
.entry-edit-link {
    margin-right:26px;
    white-space: nowrap;
}

.serendipity_entry_body {
    margin-top: 20px; 
}

.serendipity_pageSummary {
    margin: 20px 0 10px;
    text-align:center;
    width: 100%;
}

.pagination a:link,
.pagination a:visited{
    padding: 8px 14px;
}

.serendipity_pageSummary span.thispage {
    padding: 8px 14px;
}

.serendipity_pageSummary .pagination a:hover,
.serendipity_pageSummary .pagination a:active {
    text-decoration: none;
}

.serendipity_pageSummary .pagination .btn {margin-bottom: 4px}

#serendipityRightSideBar img,
#serendipityFooterSideBar img {
    height: auto;
    max-width: 100%;
}

.entry-footer {
    padding: 20px 0;
}

.timeline_freeTag {
    line-height: 2em;
    margin: 0.5em 0;
}

.timeline_freeTag a {
    /*background: none repeat scroll 0 0 #72c02c;
    border: 1px solid #72c02c; COLORSET*/
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 4px 4px 0;
    padding: 4px 13px;
    position: relative;
    text-decoration: none;
    text-align: center;
    vertical-align: middle; 
    white-space: nowrap;   
}

.RightSideBar .timeline_freeTag a {
    color: #fff;
}

.timeline_freeTag a:hover,
.timeline_freeTag a:focus {
    background-color: #e6e6e6;
    border: 1px solid #adadad;
    /*color: #57a70f;*/ /*dark*/
    text-decoration: none;
}

.timeline_freeTag_related {
    color: #808080;
    display: block;
    font-size: 90%;
    margin: 30px 0 0;
    text-align: left;
}

table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}
table > thead > tr > th {
  border-bottom: 2px solid #ddd;
  vertical-align: bottom;
}
table > caption + thead > tr:first-child > td,
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > td,
table > thead:first-child > tr:first-child > th {
  border-top: 0 none;
}
table > tbody + tbody {
  border-top: 2px solid #ddd;
}
table table {
  background-color: #fff;
}

/* scroll up if not at page top */
#scrollUp {
    /*background: #72c02c;
    border: 1px solid #72c02c;*/
    border-radius: 3px;
    bottom: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 9px 10px 10px;
    right: 20px;
    text-decoration: none;
    transition: background 200ms linear 0s;
}
#scrollUp:hover {
    background: #e6e6e6;
    border: 1px solid #adadad;
    /*color: #72c02c;*/
}

/* show navbar if scroll up */
@media only screen and (min-width: 1170px) {
  .header-custom {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .header-custom.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -62px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    /*border-bottom: 1px solid #f2f2f2;*/
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }

  .header-custom.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);      
  }
}
.serendipity_searchQuery {
    background-color: #D81F2A;
    color: #FFFFFF;
}
.social {
    --bluesky: #1084fd;
    --mastodon: #6364FF;
    --facebook: #1877F2;
    --twitter: #000000;
    --linkedin: #0077B5;
    --xing: #026466;
    --pinterest: #E60023;
    --whatsapp: #25D366;
    --telegram: #24A1DE;
    --vk: #507299;
    --buffer: #3a3a3a;
    --threema: #333;
    --tumblr: #021A35;
    --reddit: #FF4500;
    --qzone: #2b82d9;
    --weibo: #ff555f;
    --flipboard: #e12828;
    --mail: #65646a;
    --diaspora: #222;
    --pocket: #ef4056;
}

.social a {
  display: inline-flex;
  color: #ffffff;
  border: none;
  padding: 0.1em 0.6em;
  text-align: center;
  font-size: 1em;
  margin: 0.2em 0.2em;
  text-decoration: none;
  background: red;
  align-items: center;
  box-shadow: 2px 2px 3px #d6d6df;
  gap: 0.3em;
}

.social.size_icons a {
    padding: 0.4em 0.6em;
}

.social a svg {
    height: 1em;
}

.social.size_icons a svg {
    height: 1.5em;
}

.social.standard a:focus,
.social.standard a:hover {
  opacity: 0.8;
}

.social a:active,
.social a:hover {
  color: #e2e2e2;
  box-shadow: none;
}

.social .bluesky,
.social.grey .bluesky:hover {
    background: var(--bluesky);
}
.social .mastodon,
.social.grey .mastodon:hover {
    background: var(--mastodon);
}
.social .twitter,
.social.grey .twitter:hover {
    background: var(--twitter);
}
.social .facebook,
.social.grey .facebook:hover {
    background: var(--facebook);
}
.social .linkedin,
.social.grey .linkedin:hover {
    background: var(--linkedin);
}
.social .xing,
.social.grey .xing:hover {
    background: var(--xing);
}
.social .buffer,
.social.grey .buffer:hover {
    background: var(--buffer);
}
.social .weibo,
.social.grey .weibo:hover {
    background: var(--weibo);
}
.social .qzone,
.social.grey .qzone:hover {
    background: var(--qzone);
}
.social .whatsapp,
.social.grey .whatsapp:hover {
    background: var(--whatsapp);
}
.social .telegram,
.social.grey .telegram:hover {
    background: var(--telegram);
}
.social .threema,
.social.grey .threema:hover {
    background: var(--threema);
}
.social .pinterest,
.social.grey .pinterest:hover {
    background: var(--pinterest);
}
.social .mail,
.social.grey .mail:hover {
    background: var(--mail);
}
.social .tumblr,
.social.grey .tumblr:hover {
    background: var(--tumblr);
}
.social .diaspora,
.social.grey .diaspora:hover {
    background: var(--diaspora);
}
.social .reddit,
.social.grey .reddit:hover {
    background: var(--reddit);
}
.social .vk,
.social.grey .vk:hover {
    background: var(--vk);
}
.social .flipboard,
.social.grey .flipboard:hover {
    background: var(--flipboard);
}
.social .pocket,
.social.grey .pocket:hover {
    background: var(--flipboard);
}

.social.white a {
    background: white;
    border: 1px solid #ddd;
}

.social.white a:active,
.social.white a:hover {
  background: #FBFBFB;
}

.social.white .bluesky {
    color: var(--bluesky);
}
.social.white .mastodon {
    color: var(--mastodon);
}
.social.white .twitter {
    color: var(--twitter);
}
.social.white .facebook {
    color: var(--facebook);
}
.social.white .linkedin {
    color: var(--linkedin);
}
.social.white .xing {
    color: var(--xing);
}
.social.white .buffer {
    color: var(--buffer);
}
.social.white .weibo {
    color: var(--weibo);
}
.social.white .qzone {
    color: var(--qzone);
}
.social.white .whatsapp {
    color: var(--whatsapp);
}
.social.white .telegram {
    color: var(--telegram);
}
.social.white .threema {
    color: var(--threema);
}
.social.white .pinterest {
    color: var(--pinterest);
}
.social.white .mail {
    color: var(--mail);
}
.social.white .tumblr {
    color: var(--tumblr);
}
.social.white .diaspora {
    color: var(--diaspora);
}
.social.white .reddit {
    color: var(--reddit);
}
.social.white .vk {
    color: var(--vk);
}
.social.white .flipboard {
    color: var(--flipboard);
}
.social.white .pocket {
    color: var(--flipboard);
}

.social.grey a {
    background: #939393;
    color: white;
    border: 1px solid #ddd;
}

/* serendipity_event entrypaging start */

.serendipity_entrypaging {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
display: block;
}

/* serendipity_event entrypaging end */


/* CKEDITOR PLUGIN PBCKCODE PRETTY PRINT */

.prettyprint {
    padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
       -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
            box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
.content ol {
    margin: 0px 0px 1em 2em;
}


ol.linenums li {
    padding-left: 1em;
    color: #bebec5;
    line-height: 1.6;
    text-shadow: 0 1px 0 #fff;
}