/* auto include templates/default/style_fallback.css */

/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css or user.css template stylesheet file.
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* default sizing for specific form element */
input[type="button"], input[type="checkbox"] {
    width: auto; }

figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0,0,0,0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block; }
    figure > figcaption {
      text-align: center; }

#serendipity_error_top {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    width: auto;
    height: auto;
    max-height: 11em;
    overflow-x: auto;
    padding: .5em;
    border-bottom: 1px solid #e4b9b9;
    background: #f2dede;
    color: #b94a48;
    text-align: left; }

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }

/* Messages: centered, important, success, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .serendipity_msg_important {
      color: #ff4136; /* new red */ }
    .serendipity_msg_success {
      color: #2ecc40; /* new green */ }
    .serendipity_msg_notice {
      color: #6495ed; /* new cornflowerblue */ }

/* this and that */
table.archives_listing {
    display: table;
    width: auto;
    border-collapse: separate;
    border-spacing: 4px; }
    .archives_row td {
      padding: 4px; }
      td.archives_graph img {
        height: 1em;
        border: 1px solid #000; }

ul#serendipity_categories_list {
    margin: 0;
    padding: 0;
    list-style-type: none; }

/* Plugin frontend_comment external link(s) SVG */
.bi.bi-box-arrow-up-right {
    vertical-align: text-bottom; }

/* xml svg icons default size */
.serendipity_xml_icon img {
    width: 1rem;
    height: auto; }

.serendipityPlug img {
    border: 0px;
    width: 120px;
    margin-bottom: 1em; }

.serendipity_calendar {
    width: 100%; }

/* Disables s9ymarkup, gravatar, spamblock markup and emoticate hooked text messages in contact-form template files, having at least this staticpage_plugin_contactform selector */
/* Disables spamblock and other user notifications for the adduser plugin forms, since more or less needed for comment or contact forms only */
.staticpage_plugin_contactform .serendipity_comment_emoticate,
.staticpage_plugin_contactform .serendipity_comment_gravatar,
.staticpage_plugin_contactform .serendipity_comment_s9ymarkup,
.staticpage_plugin_contactform .serendipity_comment_spamblock,
#adduserform .serendipity_comment_emoticate,
#adduserform .serendipity_comment_s9ymarkup,
#adduserform .serendipity_comment_spamblock {
    visibility: hidden;
    display: none; }

/*** Serendipity Styx default image handlers ***/

/* Default image classes for left/right/center usual layouts */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }
    p > img.serendipity_image_center {
        margin: auto;
        clear: both; }

.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; }

/* Embedded images with comments inside the styx image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
    max-width: 100%; }

.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;
    border: 0 none;
    text-align: center; }

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

/* Gallery-Container: default (fallback for no rows, no cols - no initial width here) */
.serendipity_image_block {
    display: inline-block; }
    .serendipity_image_block .serendipity_image_link {
      display: block; /* Chromium: Start a new block ! */ }
    .serendipity_image_block:not(.col):not(.row) .serendipity_image_link {
      display: inline-block; }
    /* Gallery-Container: default (fallback for rows) */
    .serendipity_image_block.row {
      display: inline-block; }

/* Gallery-Container: per row order, flexed */
/* This is used to enclose a gallery, using serendipity_image_left or _right floated images */
.serendipity_image_block.row {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

/* Gallery-Size: This sizes the origin single-line image gallery to be used as a real multi-item image container */
.serendipity_image_block.row {
    flex: auto;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    align-items: flex-start; /* the default is stretch, internally used by Chrome when flexing direct child images */
    justify-content: space-around; /* IE10+ CSS fallback, since -evenly not supported */
    justify-content: space-evenly;
    margin: auto auto 1em; }
    /* Fit image flexible inside the link container to not overlap */
    .serendipity_image_block.row .serendipity_image_link {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    /* The inline containers or items min/max size to scale gallery images to an affordable size */
    .serendipity_image_block.row .serendipity_imageComment_left,
    .serendipity_image_block.row .serendipity_imageComment_right,
    .serendipity_image_block.row .serendipity_image_link,
    .serendipity_image_block.row .serendipity_image_left,
    .serendipity_image_block.row .serendipity_image_right {
      max-width: 260px; }
    /* Line up a row gallery (manually) commented image to nearly fit the max-width 260px image sizes - important avoid theme % flexed max-width sizes */
    .serendipity_image_block.row .serendipity_imageComment_left{
      max-width: 260px !important;
      min-width: 250px; }
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_link,
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_left {
        max-width: 100%; }
    /* This is not possible automatically, but may be a customized "mid-flooted" set for rowed galleries */
    .serendipity_image_block.row > figure.serendipity_imageComment_center {
      width: auto;
      max-width: 260px; }

/* Gallery-Container: default mobile for cols - starting with img default size >= 400px will initiate their own */
@media only screen and (max-width: 399px) {
    .serendipity_image_block.col {
        display: initial; }
}

/* Gallery-Container: by columns, vertically ordered, screen sized 3:2:1 and 4:3:2 */
/* SMALL SCREENS */
.serendipity_image_block.col {
    width: auto;
    max-width: -webkit-fill-available;/*others*/
    max-width: max-content;/*Firefox*/
    max-width: fit-content;/*Chromium*/
    margin-bottom: .5em;
    column-count: 1;
    column-gap: .187rem;/*3*/
    justify-content: space-evenly; }
    .serendipity_image_block.col .serendipity_imageComment_left,
    .serendipity_image_block.col .serendipity_imageComment_right,
    .serendipity_image_block.col .serendipity_image_link,
    .serendipity_image_block.col .serendipity_image_left,
    .serendipity_image_block.col .serendipity_image_right {
        margin: auto auto .3125em;
        float: unset; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .2667615em; /*3*/ }

@media only screen and (min-width: 340px) {
    .serendipity_image_block.col.c5 {
        display: block;
        column-count: 2;
        column-gap: .175rem;/*2*/
        column-fill: balance; }
}
@media only screen and (min-width: 400px) {
    .serendipity_image_block.col.c3 {
        column-count: 2;
        column-gap: .312rem;/*6*/ }
    .serendipity_image_block.col.c4 {
        column-count: 2; }
    .serendipity_image_block.col.c5 {
        column-count: 3; }
    .serendipity_image_block.col.c4,
    .serendipity_image_block.col.c5 {
        column-gap: .312rem;/*6*/
        column-fill: balance; }
}
.serendipity_image_block > div {
    float: none;
    display: inline-block; }

/* MEDIUM SCREENS */
@media only screen and (min-width: 552px) {
    .serendipity_image_block.col {
        column-count: 2;
        column-gap: .312rem;/*6*/
        display: block; }
    .serendipity_image_block.col.c2 {
        display: block; }
    .serendipity_image_block.col.c3 {
        display: block;
        width: 100%; }
    .serendipity_image_block.col.c4 {
        display: block;
        column-count: 3; }
    .serendipity_image_block.col.c5 {
        column-count: 4; }
    .serendipity_image_block.col.c2 .serendipity_image_link,
    .serendipity_image_block.col.c3 .serendipity_image_link,
    .serendipity_image_block.col.c4 .serendipity_image_link,
    .serendipity_image_block.col.c5 .serendipity_image_link {
        margin: auto; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .25em;
        float: none; }
}

/* DEFAULT SCREENS */
@media only screen and (min-width: 768px) {
    .serendipity_image_block.col {
        margin-bottom: 1em;
        column-gap: .5rem;/*9*/
        column-fill: balance; }
    .serendipity_image_block.col.c2 {
        column-count: 2; }
    .serendipity_image_block.col.c3 {
        column-count: 3; }
    .serendipity_image_block.col.c4 {
        column-count: 4; }
    .serendipity_image_block.col.c5 {
        column-count: 5; }
}

.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right,
.serendipity_image_block.col .serendipity_image_link,
.serendipity_image_block.col .serendipity_image_left,
.serendipity_image_block.col .serendipity_image_right {
    margin: .25em auto; }
.serendipity_image_block > div.serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_link,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_right .serendipity_image_right {
    margin: auto; }
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_right .serendipity_imageComment_img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right {
    display: inline-block;
    max-width: 100%; }

/* Gallery-Size: end */

/* Gallery-Margins: the default margins for all default level 1 gallery items (direct containers or direct items) */

.serendipity_image_block > .serendipity_imageComment_left,
.serendipity_image_block > .serendipity_imageComment_right,
.serendipity_image_block > .serendipity_image_link,
.serendipity_image_block > .serendipity_image_left,
.serendipity_image_block > .serendipity_image_right {
    margin: 5px 0 0 0; }
/* same for manually added helper containers */
.serendipity_image_block > div,
.serendipity_image_block > span,
.serendipity_image_block > div .serendipity_image_left,
.serendipity_image_block > div .serendipity_image_right,
.serendipity_image_block > span .serendipity_image_left,
.serendipity_image_block > span .serendipity_image_right {
    margin: 5px 0 0 0; }
    /* exception */
    .serendipity_image_block > div > figure .serendipity_image_left {
      margin: auto; }

/* so that a direct child image behaves like a containerized image - and the top/right is 2x5px */
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_left,
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_right {
    margin: 10px 10px 0 0;
}
/* Some special care when inside a link or comment container, to not break the "auto" left and top margin by the justify-content (i.e. in Next and Default themes) */
.serendipity_image_block .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block .serendipity_imageComment_right .serendipity_imageComment_img {
    border: 0 none !important;
    display: inline; }

/* Gallery-Margins: end */

/* END OF style_fallback.css */

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

dt {
  font-weight: bold; }

dd {
  margin: 0; }

table {
  margin: 16px 0;
  margin: 1rem 0;
  width: 100%; }
  table caption {
    text-align: center; }

caption, th {
  text-align: left; }

li ul, li ol {
  margin: 0; }

pre code {
  font-size: 1em; }

hr {
  margin: 24px 0;
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid #ddd;
  display: block;
  height: 1px;
  padding: 0; }

img {
  vertical-align: middle; }

@-ms-viewport {
  width: device-width; }

video, img {
  height: auto;
  max-width: 100%; }

html {
  font-size: 100%; }

html, button, input, select, optgroup, textarea {
  font-family: 'Helvetica Neue', Arial, sans-serif; }

body {
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  margin: 16px 0;
  margin: 1rem 0; }

h5, h6 {
  font-size: 16px;
  font-size: 1rem; }

pre, code, samp, kbd {
  font-size: 14px;
  font-size: 0.875rem; }

q {
  quotes: '“' '”' '‘' '’'; }

:lang(de) q {
  quotes: '„' '“' '‚' '‘'; }

p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  p code, p samp, p kbd {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; }

.fontface .fallback-text, .visuallyhidden, #searchform input[type="submit"], .info-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.no-fontface [class^="icon-"]:before, .no-fontface [class*=" icon-"]:before, .no-page {
  display: none !important;
  visibility: hidden; }

.clearfix:before, .serendipity_imageComment_img:before, .clearfix:after, .serendipity_imageComment_img:after {
  content: ' ';
  display: table; }
.clearfix:after, .serendipity_imageComment_img:after {
  clear: both; }

@font-face {
  font-family: 'fontello';
  src: url('templates/vbn188/font/fontello.eot?98791370');
  src: url('templates/vbn188/font/fontello.eot?98791370#iefix') format('embedded-opentype'), url('templates/vbn188/font/fontello.woff?98791370') format('woff'), url('templates/vbn188/font/fontello.ttf?98791370') format('truetype'), url('templates/vbn188/font/fontello.svg?98791370#fontello') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em; }

.icon-search:before {
  content: '\e800'; }

.icon-ok-circled:before {
  content: '\e801'; }

.icon-help-circled:before {
  content: '\e803'; }

.icon-info-circled:before {
  content: '\e804'; }

.icon-attention-circled:before {
  content: '\e805'; }

.icon-menu:before {
  content: '\e807'; }

.icon-angle-circled-left:before {
  content: '\e812'; }

.icon-angle-circled-right:before {
  content: '\e813'; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

form button:focus, select:focus, textarea:focus, input:focus {
  box-shadow: 0 0 5px 0 #06f;
  z-index: 1; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
  box-shadow: none; }

::-webkit-input-placeholder {
  color: #888; }

::-moz-placeholder {
  color: #888; }

:-ms-input-placeholder {
  color: #888; }

:invalid {
  box-shadow: none; }

optgroup {
  background: #fcfcfc;
  color: #222;
  font-style: normal; }

input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="time"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], select, textarea, input[type="text"] {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: #fcfcfc;
  border: 1px solid;
  border-color: #c1c1c1 #c1c1c1 #e1e1e1;
  border-radius: 0;
  box-sizing: border-box;
  color: #222;
  height: 1.8em;
  outline: 0;
  padding: 2px 3px;
  text-align: left; }
  input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="url"][disabled], select[disabled], textarea[disabled], input[type="text"][disabled] {
    background-color: #eee; }

select[size], select[multiple], textarea {
  height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px; }

  select[size], select[multiple] {
    background-image: none;
    padding: 0; }
 }

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }

form button, input[type="button"], input[type="reset"], input[type="submit"] {
  background-color: white;
  background-image: -webkit-linear-gradient(top, #ffffff, #ddd);
  background-image: linear-gradient(to bottom, #ffffff, #ddd);
  background-clip: padding-box;
  border: 1px solid;
  border-color: #ddd #bbbbbb #999999;
  border-radius: 4px;
  color: #111;
  display: inline-block;
  line-height: normal;
  outline: 0;
  padding: 3px 10px;
  padding: 0.1875rem 0.625rem;
  text-align: center;
  text-decoration: none;
  text-shadow: #eeeeee 0 1px 1px;
  width: auto; }
  form button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background-color: white;
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc); }
  form button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background-color: white;
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    border-color: #999999 #bbbbbb #ddd;
    box-shadow: inset rgba(17, 17, 17, 0.25) 0 1px 2px 0; }
  form button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    box-shadow: #06f 0 0 5px 0;
    z-index: 1; }
  form button:active, form button:visited, form button:hover, form button:focus, input[type="button"]:active, input[type="button"]:visited, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:visited, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:visited, input[type="submit"]:hover, input[type="submit"]:focus {
    color: #111; }

form button[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], input[disabled] {
  box-shadow: none;
  color: #888;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.serendipity_msg_important, .serendipity_msg_success, .serendipity_msg_notice, .msg-warning, .msg-success, .msg-notice, .msg-question, .serendipity_commentDirection {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 16px 0;
  margin: 1rem 0;
  padding: 8px;
  padding: 0.5rem;
  border: 1px solid;
  border-radius: 4px; }
  .serendipity_msg_important, .serendipity_msg_success, .serendipity_msg_notice, .msg-warning p, .msg-success p, .msg-notice p, .msg-question p, .serendipity_commentDirection p {
    margin: 0; }

.serendipity_msg_important,/*red*/
.msg-warning {
  background: #f2dede;
  border-color: #eed3d7;
  color: #b94a2b; }
.serendipity_msg_success,/*green*/
.msg-success {
  background: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.serendipity_msg_notice,/*blue*/
.msg-notice {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }
.msg-question {
  background: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853; }

figure {
  margin: 16px 0;
  margin: 1rem 0;
  display: block; }

.mfp-content figure {
  margin: 0; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

.nav-collapse ul, .nav-collapse li {
  display: block;
  width: 100%; }
.js .nav-collapse {
  clip: rect(0 0 0 0);
  display: block;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  zoom: 1; }
.nav-collapse.opened {
  max-height: 9999px; }

.disable-pointer-events {
  pointer-events: none !important; }

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media screen and (min-width: 768px) {
  .js .nav-collapse {
    clip: auto;
    height: auto;
    margin: 0;
    max-height: none;
    overflow: visible;
    position: relative;
    width: auto; }

  .nav-collapse li {
    width: auto; }

  .nav-toggle {
    display: none !important;
    visibility: hidden; }
 }

html {
  background-color: #fcfcfc; }

body {
  background-color: #fcfcfc;
  color: #222; }

ins {
  background: #eee;
  text-decoration: none; }

del {
  color: #aaa; }

mark {
  background-color: #ccdee7; }

kbd {
  padding: 0 2px;
  padding: 0 0.125rem;
  background: #eee;
  border: 1px solid #aaa; }

blockquote {
  margin: 16px 0;
  margin: 1rem 0; }
  blockquote p {
    quotes: '“' '”'; }
  blockquote p:before {
    content: '';
    content: no-open-quote; }
  blockquote p:after {
    content: '';
    content: no-close-quote; }
  blockquote p:first-of-type:before {
    content: '“';
    content: open-quote; }
  blockquote p:last-of-type:after {
    content: '”';
    content: close-quote; }
  :lang(de) blockquote p, blockquote:lang(de) p {
    quotes: '„' '“'; }
  :lang(de) blockquote p:before, blockquote:lang(de) p:before {
    content: '';
    content: no-open-quote; }
  :lang(de) blockquote p:after, blockquote:lang(de) p:after {
    content: '';
    content: no-close-quote; }
  :lang(de) blockquote p:first-of-type:before, blockquote:lang(de) p:first-of-type:before {
    content: '„';
    content: open-quote; }
  :lang(de) blockquote p:last-of-type:after, blockquote:lang(de) p:last-of-type:after {
    content: '“';
    content: close-quote; }
  blockquote > cite, blockquote > footer {
    display: block; }
    blockquote > cite:before, blockquote > footer:before {
      content: '– '; }
  blockquote cite {
    font-style: normal; }

summary {
  cursor: pointer; }

a, a:visited {
  color: #3e5f81; }
a:hover, a:focus {
  color: #d52; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none; }

table {
  width: 100%; }
  .post table, .page table {
    border-bottom: 1px solid #aaa; }
    .post table tr, .page table tr {
      border-top: 1px solid #aaa; }

.osans, .osans button, .osans input, .osans select, .osans optgroup, .osans textarea {
  font-family: 'Open Sans', sans-serif; }

.ssans, .ssans button, .ssans input, .ssans select, .ssans optgroup, .ssans textarea {
  font-family: 'Source Sans Pro', sans-serif; }

.rsans, .rsans button, .rsans input, .rsans select, .rsans optgroup, .rsans textarea {
  font-family: 'Roboto', sans-serif; }

.lsans, .lsans button, .lsans input, .lsans select, .lsans optgroup, .lsans textarea {
  font-family: 'Lato', sans-serif; }

.mserif, .mserif button, .mserif input, .mserif select, .mserif optgroup, .mserif textarea {
  font-family: 'Merriweather', serif; }

.dserif, .dserif button, .dserif input, .dserif select, .dserif optgroup, .dserif textarea {
  font-family: 'Droid Serif', serif; }

#banner {
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box; }

#identity {
  text-decoration: none; }
  #identity h1 {
    margin: 16px 0 0;
    margin: 1rem 0 0; }
  #identity span {
    margin: 0 0 16px;
    margin: 0 0 1rem;
    color: #666;
    display: inline-block; }

#searchform {
  box-sizing: border-box;
  position: relative; }
  #searchform input[type="search"] {
    width: 100%; }
  #searchform label {
    right: 4px;
    right: 0.25rem;
    top: 2px;
    top: 0.125rem;
    position: absolute; }
    #searchform label .icon-search {
      color: #666; }

#logo img {
  margin: 16px 0 -16px;
  margin: 1rem 0 -1rem; }

#navbar {
  margin: 16px 0;
  margin: 1rem 0;
  padding: 0 12px;
  padding: 0 0.75rem;
  background-color: #294564;
  border-bottom: 1px solid #294564;
  border-top: 1px solid #294564;
  box-sizing: border-box;
  color: #fcfcfc; }
  #navbar ul {
    padding: 0 0 4px;
    padding: 0 0 0.25rem; }
  #navbar a, #navbar span {
    padding: 4px 0;
    padding: 0.25rem 0;
    display: block; }
  #navbar li:first-child a, #navbar li:first-child span {
    padding: 0 0 4px;
    padding: 0 0 0.25rem; }
  #navbar a {
    text-decoration: none; }
    #navbar a, #navbar a:visited {
      background-color: #294564;
      color: #fcfcfc;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    #navbar a:hover, #navbar a:focus {
      background-color: #ccdee7;
      color: #222;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }

#navbar #open-nav {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 0; }
  #navbar #open-nav .icon-menu:before {
    margin: 0; }

#primary {
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box; }

.post {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .post blockquote {
    padding: 0 0 0 12px;
    padding: 0 0 0 0.75rem;
    border-left: 4px solid #aaa; }

.post-title {
  margin-bottom: 0; }

.post-info {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666; }

.read-more {
  display: inline-block; }

.meta, .summary, .year, #serendipity_category_form ul {
  list-style: none;
  padding: 0; }

.meta {
  margin: 16px 0;
  margin: 1rem 0; }
  .meta li {
    display: inline-block; }
    .meta li:after {
      content: ' | '; }
    .meta li:last-child:after {
      content: ''; }

.page-info {
  border-top: 1px solid #ddd; }

.post pre, .page pre, .post .geshi, .page .geshi {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 8px;
  padding: 0.5rem;
  background: #eee;
  border: 1px solid #aaa;
  font-size: 0.875em; }

pre {
  min-width: 20em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

.pagination {
  margin: 0 0 16px;
  margin: 0 0 1rem;
  color: #666; }
  .pagination h3 {
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    font-size: 0.8125rem;
    top: 24px;
    top: 1.5rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 70%;
    position: relative;
    text-align: center; }
  .pagination a {
    text-decoration: none;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear; }

.prev-page, .next-page {
  width: 50%; }
  .prev-page [class^="icon-"]:before, .prev-page [class*=" icon-"]:before, .next-page [class^="icon-"]:before, .next-page [class*=" icon-"]:before {
    font-size: 32px;
    font-size: 2rem;
    margin: 0; }

.prev-page {
  float: left; }

.next-page {
  float: right;
  text-align: right; }

.serendipity_edit_nugget {
    font-size: .8125rem;
    line-height: 1.625rem; }

/*
.trackback, .comment {
  margin-bottom: 32px;
  margin-bottom: 2rem; }*/

.comment header h4 {
  float: left; }

.comment > footer, .trackback-url, .comment-view, .comments-enable {
  font-size: 13px;
  font-size: 0.8125rem; }

/* comments styling add start */
/* blog/comments/ shortcuts */
article.post article.commentlevel-0 {
    margin-bottom: .25em; }
article.post article .pc-owner {
    display: inline;
    background: #3e5f81e6;
    padding: .1em .25em;
    border-radius: 3px;
    color: #efefef;
    text-shadow: 1px 1px 2px #222; }

#trackbacks article, #comments article {
    background-color: #FFF;
    border: 2px solid #acacac;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 16px;
    margin: 0 0 1rem;
    padding: 0.4375rem 0.625rem;
    position: relative; }

.comment.odd, .comment.even,
.trackback.tb-odd, .trackback.tb-even {
    box-sizing: border-box;
    padding: 0 .4rem .4rem;
    border: 1px solid #DDD; }

.trackback.tb-odd,
.comment.odd {
    background: #EEE; }

#trackbacks article.pingback {
    border: 2px solid #d1d1d1;
    padding: 0 0.625rem; }
    #trackbacks article.pingback.tb-odd,
    #trackbacks article.pingback.tb-even {
        background-color: #EBFBFB; }

#comments article.even:after {
    border-top-color: #EEE; }

#comments article.even:before,
#comments article.even:after {
    left: 80%; }

#comments article:after {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF transparent transparent;
    border-right: 13px solid transparent;
    border-style: solid;
    border-width: 18px;
    bottom: -36px;
    left: 10%;
    margin-left: 2px; }

#comments article:before {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #acacac transparent transparent;
    border-right: 20px solid transparent;
    border-style: solid;
    border-width: 20px;
    bottom: -40px;
    left: 10%; }

#trackbacks article.tb-even,
#comments article.even {
	background-color: #EEE; }

#trackbacks article,
#comments article {
    background-color: #FFF;
    border: 2px solid #ACACAC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 1em;
    padding: 0.4375rem 0.625rem;
    position: relative; }

#trackbacks details > div {
    margin-left: 1.2rem; }

#comments .pc-owner {
    display: none; }

#comments .comment > footer {
    text-align: center;
    border: 1px solid #DFDFDF;
    background: #F7F7F7;
    border-radius: 4px 4px 4px 4px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem; }

#comments .comment > footer .meta {
    margin: .25rem 0; }
.comments_for_entry .comment.odd > footer .meta {
    border: 1px solid #DDD;
    background-color: #FDFDFD;
    box-shadow: 1px 1px 2px #EDEDED; }
.comments_for_entry .comment.even > footer .meta {
    border: 1px solid #DDD;
    background-color: #FEFEFE;
    box-shadow: 1px 1px 2px #EEE; }

.comment_avatar {
    background-color: #DDD;
    border: 2px solid #ACACAC;
    border-radius: 4px 4px 4px 4px;
    color: #333;
    float: right;
    margin: 0 0 0 0.625rem; }

.serendipity_plugin_comments_avatar {
    height: 30px;
    width: 30px; }
/* comments styling add end */

/* comment_author styling start */
#comments article.comment.serendipity_comment_author_self {
    background-color: #CCE0FF;
    border-color: #CC8C8C; }
#comments article.comment.serendipity_comment_author_self.odd {
    background-color: #DFEFFF; }
#comments article.comment.serendipity_comment_author_self:before {
    border-color: #CC8C8C transparent transparent; }
#comments article.comment.serendipity_comment_author_self.odd:before {
    border-color: #CC8C8C transparent transparent; }
#comments article.comment.serendipity_comment_author_self:after {
    border-color: #CCE0FF transparent transparent; }
#comments article.comment.serendipity_comment_author_self.odd:after {
    border-color: #DFEFFF transparent transparent; }
/* comment_author styling end */

.js .trackback-hint {
  display: none; }

.form_field label, .form_select label, .form_tarea label {
  display: block;
  font-weight: bold; }
.form_field input, .form_field select, .form_select input, .form_select select, .form_tarea input, .form_tarea select {
  width: 100%; }

.form_field, .form_select, .form_tarea, .form_check {
  margin: 0 0 8px;
  margin: 0 0 0.5rem; }

.serendipity_commentDirection {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

#serendipity_categories_list input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 0.25em; }

#archives h3 {
  margin-top: 0; }
#archives .date {
  min-width: 128px;
  min-width: 8rem;
  display: inline-block; }

.summary li {
  margin: 0 0 8px;
  margin: 0 0 0.5rem; }
  .summary li > span {
    font-size: 13px;
    font-size: 0.8125rem;
    display: block; }

.search-results ul {
  list-style: none;
  padding: 0; }
.search-results li > span {
  display: block; }

/* details summary::-webkit-details-marker workaround for Mozilla and Webkit - which makes Moz work */
details summary {
    display: list-item; }

.no-details details > * {
  display: none; }
.no-details details > summary:before {
  content: '► ';
  float: left;
  width: 20px; }
.no-details details.open > summary:before {
  content: '▼ '; }
.no-details details summary {
  display: block; }

#secondary, #tertiary {
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box; }

.widget h3 {
  color: #666;
  font-weight: normal; }

#colophon {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box;
  color: #666;
  text-align: center; }
  #colophon > p {
    padding-top: 15px;
    padding-top: 0.9375rem;
    border-top: 1px solid #ddd; }
  #colophon abbr[title] {
    border: 0; }
  #colophon i {
    font-style: normal; }

.emoticon {
  vertical-align: baseline !important; }

.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; }

.serendipity_image_left, .serendipity_image_right, .serendipity_imageComment_left, .serendipity_imageComment_right {
  margin: 16px 0;
  margin: 1rem 0;
  display: block;
  float: none; }

.serendipity_image_center, .serendipity_imageComment_center {
  margin: 16px auto;
  margin: 1rem auto;
  display: block; }

.serendipity_imageComment_img img {
  border: none !important;
  margin: 0 !important; }

.serendipity_imageComment_txt {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 3px;
  padding: 0.1875rem;
  border-top: 0 none;
  color: #222;
  text-align: center; }

.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_img {
  border: 1px solid #aaa;
  box-sizing: border-box; }

.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
  height: auto;
  max-width: 100%; }

/* overwrite fallback gallery comment container margins */
.serendipity_image_block .serendipity_imageComment_left,
.serendipity_image_block .serendipity_imageComment_right {
    margin-top: 1rem;
    margin-right: unset; }

.fluid-width-video-wrapper, video, audio {
  margin: 16px 0;
  margin: 1rem 0; }

.comment_avatar {
  margin: 0 10px 10px 0;
  margin: 0 0.625rem 0.625rem 0;
  border: 1px solid #aaa;
  float: left;
  overflow: hidden;
  padding: 0 !important; }

.avatar_left {
  margin: 0 10px 10px 0;
  margin: 0 0.625rem 0.625rem 0;
  float: left; }

.avatar_right {
  margin: 0 0 10px 10px;
  margin: 0 0 0.625rem 0.625rem;
  float: right; }

.serendipity_calendar {
  border: 1px solid #3e5f81; }
  .serendipity_calendar abbr[title] {
    border: 0; }

.serendipity_calendar tfoot a, .serendipity_calendar tfoot a:active, .serendipity_calendar tfoot a:visited {
  color: #fcfcfc;
  text-decoration: none; }

.serendipity_calendar tfoot a:hover, .serendipity_calendar tfoot a:focus {
  background: #ccdee7;
  color: #222; }

.serendipity_calendar thead, .serendipity_calendar tfoot {
  color: #fcfcfc; }

.serendipity_calendar th, .serendipity_calendar td {
  padding: 2px;
  padding: 0.125rem;
  text-align: center; }

.next {
  text-align: right; }
.calendar-nav .next {
  text-align: unset; }

.serendipity_freeTag {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  margin: 0;
  text-align: left; }

.serendipity_freeTag_related ul {
  margin: 0; }

.serendipity_freetag_taglist {
  padding: 16px;
  padding: 1rem;
  background: #eee;
  border: 1px solid #aaa; }

.serendipity_freetag_taglist_related {
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  font-weight: bold; }

.commentspice_announce_article {
  font-size: 13px;
  font-size: 0.8125rem;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: left; }

.commentspice_twitter_input {
  background-position: 99% 50%; }

.twitter_follow {
  margin: 18px 0 14px 8px;
  margin: 1.125rem 0 0.875rem 0.5rem;
  float: left; }

#LSResult {
  background: #ccdee7;
  margin-top: 1px;
  opacity: 0.9;
  z-index: 10; }

#LSShadow {
  border-bottom: 0;
  border-right: 0;
  bottom: 0;
  color: transparent;
  right: 0; }

.serendipity_livesearch_result {
  border: 1px solid #aaa;
  bottom: 0;
  right: 0; }

#LSResult, .serendipity_livesearch_result {
  border-radius: 3px; }

.serendipity_findmore, .serendipity_findmore_like {
  margin: 16px 0 0;
  margin: 1rem 0 0;
  list-style: none;
  padding: 0;
  text-align: left; }
  .serendipity_findmore li, .serendipity_findmore_like li {
    margin: 0 4px 8px 0;
    margin: 0 0.25rem 0.5rem 0;
    display: inline-block; }

.lazyload_switcher {
  margin: 0 4px 0 0;
  margin: 0 0.25rem 0 0;
  display: inline-block; }

.findmore_like_button {
  min-width: 120px;
  min-width: 7.5rem; }

.facebook_like iframe {
  position: relative;
  top: 15px; }

.gplus_lazyload_switcher {
  float: left;
  position: relative;
  top: 8px; }

.gplus_like iframe {
  position: relative !important;
  top: 6px !important; }

/* comments styling add start */
@media only screen and (min-width: 481px) {
    #comments article:before, #comments article:after {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: 0; }
    #comments article.odd .comment_avatar {
        float: left;
        margin: 0 0.625rem 0 0; }
    #comments article.comment.even {
        margin: 0 0 2rem 3rem; }
    #comments article.comment.odd {
        margin: 0 3rem 2rem 0rem; }
    table.calendar {
        width: 15.4rem; }
        .calendar th, .calendar td {
            text-align:right }
    table.calendar-nav {
        max-width: 24rem; }
    }
/* comments styling add end */

@media only screen and (min-width: 544px) {
    .serendipity_image_block .serendipity_imageComment_left,
    .serendipity_image_block .serendipity_imageComment_right {
        margin-top: auto; }
}

@media screen and (min-width: 768px) {
  html {
    padding: 16px 0;
    padding: 1rem 0;
    background-color: #ddd;
    box-sizing: border-box; }

  body {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    max-width: 45rem;
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa; }

  blockquote {
    margin: 16px 40px;
    margin: 1rem 2.5rem; }

  #banner {
    padding: 0 16px;
    padding: 0 1rem; }

  #identity {
    float: left;
    width: 62%; }

  #searchform {
    padding-top: 56px;
    padding-top: 3.5rem;
    float: right;
    width: 38%; }
    #searchform label {
      top: 58px;
      top: 3.625rem; }

  #logo img {
    margin: 16px 0 0;
    margin: 1rem 0 0; }

  #navbar {
    padding: 0 16px;
    padding: 0 1rem;
    margin-top: 0; }
    #navbar a, #navbar span {
      border-right: 1px solid #294564; }
    #navbar li:last-child a, #navbar li:last-child span {
      border-right: 0; }

  #site-nav {
    left: -8px;
    left: -0.5rem;
    position: relative; }
    #site-nav ul {
      padding: 0; }
    #site-nav li {
      display: inline-block; }
      #site-nav li > span {
        position: relative; }
        #site-nav li > span:after {
          border-color: #294564 transparent;
          border-style: solid;
          border-width: 8px 8px 0;
          content: '';
          display: block;
          margin: -8px;
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 0;
          z-index: 10; }
    #site-nav a, #site-nav span, #site-nav li:first-child a, #site-nav li:first-child span {
      padding: 4px 8px;
      padding: 0.25rem 0.5rem; }

  #primary {
    padding: 0 16px;
    padding: 0 1rem; }

  .commentlevel-1, .depth_10 {
    margin-left: 16px;
    margin-left: 1rem; }

  .commentlevel-2, .depth_20 {
    margin-left: 32px;
    margin-left: 2rem; }

  .commentlevel-3, .depth_30 {
    margin-left: 48px;
    margin-left: 3rem; }

  .commentlevel-4, .depth_40 {
    margin-left: 64px;
    margin-left: 4rem; }

  .commentlevel-5, .depth_50 {
    margin-left: 80px;
    margin-left: 5rem; }

  .commentlevel-6, .depth_60 {
    margin-left: 96px;
    margin-left: 6rem; }

  .commentlevel-7, .depth_70 {
    margin-left: 112px;
    margin-left: 7rem; }

  .commentlevel-8, .depth_80 {
    margin-left: 128px;
    margin-left: 8rem; }

  .commentlevel-9, .depth_90 {
    margin-left: 144px;
    margin-left: 9rem; }

  .form_field input, .form_field select, .form_select input, .form_select select {
    max-width: 400px;
    max-width: 25rem; }

  #archives > section {
    float: left;
    width: 50%; }
  #archives .odd {
    clear: left; }

  .serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_img {
    margin: 9px 0 0 0;
    margin: .5rem 0 0 0; }
    .serendipity_image_block .serendipity_image_link {
        margin: 9px 0 0 0;
        margin: .5rem 0 0 0; }

  .serendipity_image_left, .serendipity_imageComment_left {
    margin: 24px 16px 24px 0;
    margin: 1.5rem 1rem 1.5rem 0;
    float: left; }
    .clearfix .serendipity_image_left, .clearfix .serendipity_imageComment_left {
      margin: 16px 16px 16px 0;
      margin: 1rem 1rem 1rem 0; }

  .serendipity_image_right, .serendipity_imageComment_right {
    margin: 24px 0 24px 16px;
    margin: 1.5rem 0 1.5rem 1rem;
    float: right; }
    .clearfix .serendipity_image_right, .clearfix .serendipity_imageComment_right {
      margin: 16px 0 16px 16px;
      margin: 1rem 0 1rem 1rem; }

  .serendipity_imageComment_left, .serendipity_imageComment_right {
    display: inline; }

  .serendipity_image_block .serendipity_image_link .serendipity_image_left,
  .serendipity_image_block .serendipity_image_link .serendipity_image_right,
  .serendipity_image_block .serendipity_imageComment_left,
  .serendipity_image_block .serendipity_imageComment_right {
    margin: 0; }

  #secondary, #tertiary {
    padding: 0 16px;
    padding: 0 1rem; }

  .widget {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    box-sizing: border-box;
    float: left;
    width: 50%; }
    .widget:nth-child(odd) {
      padding-right: 16px;
      padding-right: 1rem;
      clear: left; }
    .widget:nth-child(even) {
      padding-left: 16px;
      padding-left: 1rem; }

  #colophon {
    padding: 0 16px;
    padding: 0 1rem; }
 }

@media screen and (min-width: 1024px) {
  html {
    padding: 24px 0;
    padding: 1.5rem 0; }

  body {
    max-width: 1152px;
    max-width: 72rem;
    width: 92%; }

  #banner {
    padding: 16px 32px 0;
    padding: 1rem 2rem 0; }

  #searchform {
    padding-left: 32px;
    padding-left: 2rem; }

  #logo img {
    margin: 16px 0 -16px;
    margin: 1rem 0 -1rem; }

  #navbar {
    margin: 16px 0;
    margin: 1rem 0;
    padding: 0 32px;
    padding: 0 2rem; }

  #site-nav {
    left: -16px;
    left: -1rem; }
    #site-nav a, #site-nav span, #site-nav li:first-child a, #site-nav li:first-child span {
      padding: 4px 16px;
      padding: 0.25rem 1rem; }

  #primary {
    padding: 0 16px 0 32px;
    padding: 0 1rem 0 2rem;
    float: left;
    width: 68%;
    max-width: 100%; }
    .columns-3 #primary {
      padding: 0;
      left: 25%;
      position: relative;
      width: 50%; }

  #secondary {
    margin-top: 8px;
    margin-top: 0.5rem; }

  #secondary, #tertiary {
    padding: 0 32px 0;
    padding: 0 2rem 0;
    float: right;
    width: 32%; }
    .columns-3 #secondary, .columns-3 #tertiary {
      margin-top: 8px;
      margin-top: 0.5rem;
      width: 25%; }

  .columns-3 #secondary {
    float: left;
    left: -50%;
    position: relative; }

  .widget {
    float: none;
    width: 100%; }
    .widget:nth-child(odd), .widget:nth-child(even) {
      padding-left: 0;
      padding-right: 0; }

  #colophon {
    padding: 0 32px;
    padding: 0 2rem;
    clear: both;
    text-align: left; }
 }

@media screen and (min-width: 1400px) {
  html {
    font-size: 112.5%; }
 }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: ' (' attr(href) ')'; }

  abbr[title]:after {
    content: ' (' attr(title) ')'; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ''; }

  pre, blockquote {
    border: 1px solid #888;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }
 }

/* serendipity_event_spamblock_bee start */

.spambeehidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.comment_phone_input {
    max-width: 100%;
    display:none;
    visibility:hidden;
}

/* serendipity_event_spamblock_bee end */


/* serendipity_event_emoticate start */

.emoticon {
    display: inline;
    vertical-align: bottom;
    border: 0 none;
}

/* serendipity_event_emoticate end */



/* nl2br plugin start */

p.whiteline, /* keep whiteline for compat */
p.wl_nobottom {
    margin-bottom: 0em;
}
p.wl_notop {
    margin-top: 0em;
}
p.wl_notopbottom {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* nl2br plugin end */


/*** START staticpage event plugin css ***/

/*
 shorten very long staticpage titles by CSS,
 width: 16em is for small sidebars.
 Please overwrite for your templates needs.
*/
.sidebar_content .spp_title,
.serendipitySideBarContent .spp_title,
.sidebar_content .node,
.serendipitySideBarContent .node {
    padding-left: 0px;
    text-overflow: ellipsis;
    display: inline-block;
    width: 16em;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-weight: normal;
}

.staticpage_index_navigation {
    margin: 0 2em 1em;
}
#staticpage_nav {
    border: 1px solid #aaa;
    margin-bottom: 1em;
}
#staticpage_nav .staticpage_navigation {
    text-align: center;
    padding: 0.2em 0.5em;
    margin: 0;
    display: block;
    border: 0 none;
    background-color: inherit;
}
#staticpage_nav .staticpage_navigation li,
#staticpage_nav .staticpage_navigation_breadcrumb {
    display: inline-block;
}
#staticpage_nav .staticpage_navigation_left {
    float: left;
}
#staticpage_nav .staticpage_navigation_center {
    text-align: center;
}
#staticpage_nav .staticpage_navigation_right {
    float: right;
}
#staticpage_nav .staticpage_navigation_breadcrumb {
    background: none repeat scroll 0% 0% #EEE;
    padding: 0.2em 0.5em;
}
#staticpage_nav .staticpage_navigation_dummy {
    color: #bbb;
}

.staticpage_metainfo {
    margin-top: 1em;
}

.staticpage_results {
    text-align: left;
}

/* for older sidebar templates not using ul li lists and the plugin_staticpage non-smartified option */
.serendipity_plugin_staticpage .spp_title {
    display: list-item;
    list-style: none;
}

.sidebar_content .spp_title:after,
.serendipitySideBarContent .spp_title:after {
    content:"\a";
    white-space: pre;
}

/*** END staticpage event plugin css ***/




/* serendipity_event_searchhighlight start */

.serendipity_searchQuery {
    background-color: #D81F2A;
    color: #FFFFFF;
}

/* serendipity_event_searchhighlight end */



/* serendipity_event_dsgvo_gdpr start */

.dsgvo_gdpr_footer {
    text-align: center;
}

.dsgvo_gdpr_statement {
    margin: 1em;
}

#checkbox_dsgvo_gdpr {
    margin-right: .4em;
}

/* serendipity_event_dsgvo_gdpr end */


/* auto include templates/vbn188/user.css */

*::selection {
    background: rgba(179, 219, 252, 0.90);/* Chrome */
    text-shadow: none;
    color: #444;
}
*::-moz-selection {
    background: #b3dbfc;
    text-shadow: none;
    color: #444;
}
#banner {
    background-size: cover;
}
#banner {
    clear: right;
    margin: 0px;
    padding-top: 10px;
    border: 0px none;
    background: url("templates/vbn188/img/vb_title.jpg") no-repeat scroll 0px 0px #857F7A;
    font-family: Arial,sans-serif;
    line-height: 1em;
    height: 118px;
    text-align: left;
    visibility: visible;
}
#block_banner {
    clear: both;
    text-align: left;
    margin: 0px;
    padding: 18px 10px;
    float: right;
    width: 160px;
    background-color: #615E5A;
}
#block_banner span {
    display: block;
    text-align: justify;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.2em;
    color: #FCFCFC;
}
#block_banner span .vb_orange {
    font-size: 9pt;
}
#searchform {
    margin-top: -2rem;
    padding-top: 0;
    float: right;
}
#searchform label {
    top: .325rem;
}

#identity,#identity span {
    color: #FFF;
}
#identity { display: none; }
#site-nav {
    left: 0rem;
}
#site-nav li > span::after {
    border-color: #CCC transparent;
}
#navbar {
    margin: 0;
    padding: 0;
    border-top: 0 none;
    color: #222;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(211,211,211,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
    background-repeat: repeat-x;
}
#navbar a, #navbar a:visited {
    background: rgb(225,225,225); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
    background-repeat: repeat-x;
    color: #818181;
    transition: all 0.3s linear 0s;
}
/* force width in nav even < 1024px */
#searchform {
    width: 192px;
}
/* downsize open-nav bar */
#navbar #open-nav {
    height: 1.4em;
}
#navbar #open-nav .icon-menu::before {
    vertical-align: top;
}

html { background-color: #272727; padding: .5rem 0px; }
body { max-width: 62rem; background-color: inherit; border-bottom: 0 none; }

#colophon {
    display: 0 none;
    visibility: hidden;
}

.entryedit { float: right; display: block; font-size: 0.8125rem; margin: .25em auto; clear: both; }

/* desktop mode */
@media screen and (min-width: 1024px) {
    body { max-width: 50rem; }
    #searchform { width: 30%; }
    #primary,
    #secondary { width: 100%; padding: 0px 1rem; background-color: #444; color: #999; }
    .post-info, .entryedit { font-size: 0.75rem; }
}
#secondary {
    margin-top: 0;
}
#secondary .sb_block {
    padding: 1rem;
    border: 1px solid #222;
    background-color: #333;
    display: block;
}

a, a:visited {
    color: #C2C2C2;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
select, textarea, input[type="text"] {
    background-color: #DDD;
}
#searchform input[type="search"] {
    background-color: #333;
    color: #ddd;
}

.pagination h3 {
    top: 0;
}

.post {
    margin-top: 1rem;
    padding: 1rem;
    border: 0 none;
    background-color: #333;
}
.post,
.serendipity_imageComment_txt,
.serendipity_entry_body { color: #909090; }

.staticpage_plugin_contactform h2.post-title,
.serendipity_entry_body h3 {
    color: aliceblue;
}

.post table {
  border-collapse: inherit;
}

.contactform_author { 
    margin: 0px;
    padding: 0px;
    float: right;
    display: block; 
}
.clear { clear: both; }
.clean { display:none; }
.post header { margin-bottom: 1rem; }

.search-results ul li {
    margin-bottom: .5em;
    padding: .5em;
    background-color: #333;
    border: 1px solid aquamarine;
}

/*staticpages*/
#page-start .post-title,
#page-paar  .post-title,
#page-super .post-title,
#page-coach .post-title,
#page-beratung .post-title,
#page-kosten  .post-title,
#page-imprint  .post-title,
#page-datenschutz  .post-title {
    text-align: right;
    text-transform: none;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.2em;
}
article header .post-title {
}
.page-info {
    border-top: 1px solid #666;
}
.post-info { border: 0px none; color: #879999; display: none; visibility: hidden; }

.sp-info { color: #666; display: initial; visibility: initial; /* Overwrites footer .post-info none ! */ }

.post table, .page table {
    border-bottom: inherit;
}

.page-info .staticpage_jsgetback {
    margin: 0px;
    padding: 0px;
    float: right;
}
.staticpage_metainfo .single_entries_jsgetback {
    display: inline;
    float: right;
    padding: 0px;
}

.serendipity_category_image_left {
    display: block;
    float: left;
    box-sizing: border-box;
    background: none repeat scroll 0% 0% transparent;
    border: 0px none;
    margin: .5rem .5rem 0 0;
}

blockquote {
    margin: 1rem 3.5rem;
}

/**************************************************************************/
/* vb content specials                                                    */
/**************************************************************************/

.post, #page-start, #page-paar, #page-super, #page-coach, #page-beratung, #page-kosten, #page-imprint, #page-datenschutz, #page-contact {
    font-size: .8725em;
}
#page-start table, #page-paar table, #page-super table, #page-coach table, #page-beratung table, #page-kosten table, #page-imprint table, #page-datenschutz table, #page-contact ul {
    font-size: .8125em;
}
#page-datenschutz p, #page-imprint p {
    font-size: .9em;
}
#page-contact ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
/* disable s9ymarkup, gravatar, spamblock markup and emoticate hooked text messages */
.staticpage_plugin_contactform .serendipity_comment_emoticate,
.staticpage_plugin_contactform .serendipity_comment_gravatar,
.staticpage_plugin_contactform .serendipity_comment_s9ymarkup,
.staticpage_plugin_contactform .serendipity_comment_spamblock {
    display: none;
    visibility: hidden;
}

#page-start .post-title, #page-paar .post-title, #page-super .post-title, #page-coach .post-title, #page-beratung .post-title, #page-kosten .post-title, #page-imprint .post-title, #page-datenschutz .post-title {
    letter-spacing: 0;
}
#secondary .sb_block h3 {
    text-shadow: 3px 3px 5px #000;
    text-transform: none;
    letter-spacing: 0px;
    color: #909090;
}
#page-contact .serendipity_comment_emoticate, #page-contact .serendipity_comment_spamblock {
    display: none;
}

.vb_small { font-size: 11px; }
.vb_orange_normal { color: #ff9900; }
.vb_orange { font-size: 12pt; font-weight: bold; color: #ff9900; }

/* vb static start pages */
#stapagvb { color: #BBB; }
#stapagvb ul { color: #F90; list-style-type: circle; }
#stapagvb table { margin: 0 0; }
#stapagvb table tr td { font-size: 13pt !important; }
#stapagvb div.c13 { color: #F0F0F0; font-size: 14pt; text-align: center}
#stapagvb a.c12 { color:#F0F0F0}
#stapagvb table.c11 { background-color:#202020; }
#stapagvb p.c10 { text-align: right}
#stapagvb td.c7 { font-size:11pt;font-weight:bold;color:#909090;width:90%; }
#stapagvb div.c6 { padding: 0px 5%;min-width: 190px; }
#stapagvb td.c5 { font-size:12px;font-weight:bold;color:#909090;margin-top:10em; }
#stapagvb ul.c4 { list-style-type:disk; color:#ff9900; }
#stapagvb em.c13 { font-size:11px; font-weight:500; }
#stapagvb td.c3 { background-color:#383838;width:100%; }
#stapagvb tr.c2 { background-color:#383838; width:100%; }
#stapagvb table.c1 { background-color:#181818; }

/* impressum */
.post table.c5 {color:#F0F0F0; background-color:#202020; }
.post td.c4 { font-size:12px; font-weight:bold; color:#909090; }
.post td.c3 { font-size:11px; font-weight:bold; color:#909090}
.post div.c3 { letter-spacing:1.2px; font-size:.875em; margin-left:2em; font-weight:500; color:#909090}
.post div.c2 { font-size:.825em; margin-left: 2em}
.post a.c1 { font-size:12px; font-weight:bold; color:#ff9900; }
.post h2.c6 { text-align:center; font-size:16px; font-weight:bold; color:#F0F0F0}
.post span.w1 { color:#F0F0F0; font-weight:700; }

/* super */


/* coach */
#page-coach li.c1 { font-size:11pt; font-weight:bold; color:#909090; }

/* beratung */


/* kosten */

/* startpage links */
#stapagvb a.vbref,
#stapagvb a.vbref:link,
#stapagvb a.vbref:visited,
#stapagvb a.vbref:hover,
#stapagvb a.vbref:active { text-decoration:none; color:#f0f0f0; font-family:arial,helvetica; font-size:13pt; font-weight:bold; }
#stapagvb a.vbref:active { color:#f0f0f0; }
#stapagvb a.vbref:hover,
#stapagvb a.vbref:active { text-decoration:underline; }
a:hover, a:focus {
    color: #F90 !important;
}

/**************************************/
/* Plugins */

.serendipity_edit_nugget {
    text-align: right; 
    font-size: 0.8125rem;
    color: #666;
}
.widget.serendipity_plugin_html_nugget {
    width: 100%;
    padding-right: 0;
}

#adduserform label { display: block; }
#adduserform input { margin-bottom: 1em; }
#adduserform label,
#adduserform input { margin-left: 1.2em; }

.sb_left {
    display: inline-block;
    padding: .5em;
}
.sb_left img {
    vertical-align: bottom;
}
.sb_right {
    display: inline-block;
    padding: 1rem;
    color: #DDD;
    font-size: 14px;
}