/*
Theme Name: Strafakte
Template: required
Theme URI: https://strafakte.de/
Author: Mirko Laudon LL.M. (auf Basis von 8BIT)
Author URI: http://8BIT.io
Version: 1.5.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License
Tags: white, two-columns, fixed-width, custom-header, custom-menu, featured-images, flexible-header, threaded-comments, translation-ready

Required WordPress theme, Copyright (C) 2013 8BIT, LLC
Required WordPress theme is licensed under the GPL.
*/

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/reset.css

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
*/

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: fallback;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: fallback;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: fallback;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* Scrollbar */

::-webkit-scrollbar {
	height:12px;
	width:12px;
	background:#ccc;
}

::-webkit-scrollbar-thumb {
	background: #cc3333;
	-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
	background:#1A1A1A;
}

::-moz-selection {
	background-color:#cc3333;
	color:#fff;
}

::selection {
	background-color:#cc3333;
	color:#fff;
}

/*-------------------------------------------------------------------------------*
 * Let's default this puppy out
 -------------------------------------------------------------------------------*/
* {
  word-wrap: break-word;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  height: 100%;
  overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
a[href $='.pdf']::after {
padding-left: 5px;
padding-right: 5px;
font-family: "FontAwesome";
content: "\f1c1";
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  /* CSS2 */

  white-space: pre-wrap;
  /* CSS 2.1 */

  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;
  /* IE */

}
input[type=checkbox] { 
    width:19px;
    height:19px;
    display:block;
}
input[type=radio] {
    padding-left:5px;
    padding-right:5px;
    border-radius:15px;

    -webkit-appearance:button;

    background-color:#c0c0c0;
    color:#cc3333;
    white-space: nowrap;
    overflow:hidden;

    width:15px;
    height:15px;
}

input[type=radio]:checked {
    background-color:#cc3333;
    border-left-color:#cc3333;
    border-right-color:#cc3333;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
/* Footnotes */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.25em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
  max-width: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
} 
/* Filetypes */
img.wp-smiley {
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
}
/* Colors
-------------------------------------------------------------------------------*/
/* Typography
-------------------------------------------------------------------------------*/
body {
  font: normal normal 16px 'Source Sans Pro', FreeSans, sans-serif;
  color: #333;
  line-height: 1.5;
  font-size: 100%;
  width: 100%;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 16px; /* Abstand für ALLE Überschriften */
}
h6 {
  font-size: 2px;
}
h5 {
  font-size: 12px;
}
h4 {
  font-size: 16px;
}
h2, 
h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #cc3333;
}
h1 {
  font-size: 26px;
}
h1 a:hover{
  text-decoration: none;
}
a {
  color: #cc3333;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
a:hover {
  text-decoration: underline;
}
p {
  margin: 0 0 20px;
}
/* Image alignment - Thanks http://www.wpfill.me/
-------------------------------------------------------------------------------*/
.alignleft {
  float: left;
  margin: 0 15px 10px 0;
}
.aligncenter {
  display: block;
  margin: 0 auto 30px auto;
}
.alignright {
  float: right;
  margin: 0 0 30px 15px;
}
.alignnone {
  float: none;
  display: block;
  margin: 0 0 30px 0;
}
.size-full {
  margin: 0 0 30px 0;
}
p .alignleft {
  float: left;
  margin: 5px 15px 30px 0;
}
p .aligncenter {
  display: block;
  margin: 5px auto 30px auto;
}
p .alignright {
  float: right;
  margin: 5px 0 30px 15px;
}
p .alignnone {
  float: none;
  display: block;
  margin: 5px 0 30px 0;
}
.wp-caption {
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  text-align: left;
  color: #505050;
  font-size: 13px;
  margin-bottom: 0;
}
.wp-caption-text a {
  color: #505050;
  font-size: 13px;
  margin-bottom: 0;
}
.wp-caption img {
  width: 100%;
  margin-bottom: 0;
}
.wp-post-image {
  float: left;
  border: 1px solid silver;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 10px;
}
img.rezension.alignleft {
  height: 250px;
  width: auto;
  margin-bottom: 0px;
  padding: 8px 8px 0 0;
  background: #ffffff;
  border: 1px solid #ededed;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.rating {
  color: silver;
}
.rezension {
  text-align: center; 
  font-size: 90%; 
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  margin-top: 40px;
  margin-bottom: 30px;
}
#hiddendiv {
  display: none;
}
#tagdiv {
  display: none;
}
/* Theme styles
-------------------------------------------------------------------------------*/
#wrapper {
  width: 100%;
  min-height: calc(100vh - 110px);
  height: auto !important;
  background-color: #fff;
}
#sidebar {
  background-color: #f1f1f1;
  position: fixed;
  left: 0;
  top: 0;
  width: 180px;
  height: 100%;
  padding: 52px 40px 0;
}
#sidebar li, ul {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}
#main {
  width: 640px;
  background-color: #fff;
  margin-left: 300px;
  padding-top: 52px;
}
#masthead .bio-pic img {
  max-width: 100%;
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: margin 0.25s ease-in-out;
  -moz-transition: margin 0.25s ease-in-out;
  -o-transition: margin 0.25s ease-in-out;
  -ms-transition: margin 0.25s ease-in-out;
  transition: margin 0.25s ease-in-out;
}
#masthead .bio-pic img:hover {
  margin-bottom: 5px;
}
#masthead .site-title {
  display: block;
  margin-bottom: 5px;
}
#masthead .site-title a {
  font-size: 26px;
  font-weight: 700;
}
#masthead .site-title a:hover {
  text-decoration: none;
}
#masthead .site-description {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #505050;
  line-height: 1.4;
}
#social-buttons {
    font-size: 30px;
}
#hamburgermenu {
    display: none;
}
#social-buttons a {
    color: #cc3333;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    padding-top: 10px;
}
#social-buttons a:hover {
    text-decoration: none;
}
#social-buttons .socb1 a, .socb2 a, .socb3 a, .socb4 a, .socb5 a {
     margin-legt: 4px;
     float: left;
     width: 33px;
     height: 25px;
}
#tablet-buttons {
    display: none;
}
nav {
  padding-bottom: 40px;
}
nav ul li a {
  display: block;
  padding: 5px 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
nav ul li a:hover {
  color: #fff;
  background: #cc3333;
  padding-left: 12px;
  text-decoration: none;
}
#sidesearch {
  position:absolute;
  bottom: 100px;
}
#sidesearch form  {
  width: 150px;
}
#sidesearch .search {
  font: 14px 'Source Sans Pro', FreeSans, sans-serif;
  padding:8px 15px;
  background:#e4e4e4;
  border:0px solid #dbdbdb;
}
#sidesearch input:focus {
    outline: none;
    box-shadow: 0px #cc3333;
    border-color: #cc3333;
}
#mobnav {
    display: none;  
}
.recent-posts {
    display: block;
}
/* Footer
-------------------------------------------------------------------------------*/
#footer {
    margin-left: 300px;
    border-top: 4px solid #d1d1d1;
    background-color: #f1f1f1; 
    font-size: 14px;
    line-height: 1.5em;
    color: #505050;
    height: 80px;
    width: 640px;
    padding: 10px 0 15px 0;
}
#footer a {
  color: #505050;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#left {     /* Linke Spalte mit 30% Breite und float:left */
    width: 30%;
    float: left;
    padding: 5px 0px 0px 10px;
    margin: 0px auto 0px auto;
    text-align: left;
}
#center {   /* Mittlere Spalte mit 30% Breite und float:left */
    width: 30%;
    float: left;
    padding: 5px 0px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: left;
}
#right {    /* Rechte Spalte ohne feste Breite und float:right */
    width: auto;
    float: right;
    padding: 5px 10px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: left;
}
#clear {    /* Beendet den Float-Bereich */
    clear: both;
}

/* Page/post/article/content styles
-------------------------------------------------------------------------------*/
/* page */
.page article {
}
.rezension_authors {
    margin-top: -25px;
    font-style: italic;
}
/* sharebuttons */
#sharebuttons {
    margin-bottom: 80px;
}
#sharebuttons .comment-count {
     float: left;
     margin: 5px;
     width: 70px;
     height: 50px;
     margin-right: 9px;
     color: #ccc;
     font-size: 45px;
     line-height: 29px;
}
#sharebuttons .shares-count {
     float: left;
     margin: 5px;
     width: 70px;
     height: 50px;
     margin-right: 17px;
     color: #ccc;
     font-size: 45px;
     line-height: 29px;
}
#sharebuttons .shares {
     float: left;
     color: #000;
     font-size: 12px;
}
#sharebuttons a {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 11px;
}
#sharebuttons a:hover {
    text-decoration: none;
}
#sharebuttons .sb0 a, .sb1 a, .sb2 a, .sb3 a, .sb4 a, .sb5 a, .sb6 a, .sb7 a {
     float: left;
     box-sizing: border-box;
     border-radius: 5px;
     margin: 4px;
     width: 50px;
     height: 50px;
}
#sharebuttons .sb0 a {
     background: #35465c;
     border: 4px solid #35465c;
}
#sharebuttons .sb1 a {
     background: #3b5998;
     border: 4px solid #3b5998;
}
#sharebuttons .sb2 a {
     background: #55acee;
     border: 4px solid #55acee;
}
#sharebuttons .sb3 a {
     background: #dd4b39;
     border: 4px solid #dd4b39;
}
#sharebuttons .sb4 a {
     background: #0976b4;
     border: 4px solid #0976b4;
}
#sharebuttons .sb5 a {
     background: #026466;
     border: 4px solid #026466;
}
#sharebuttons .sb6 a {
     background: #d3505a;
     border: 4px solid #d3505a;
}
#sharebuttons .sb7 a {
     background: #febd17;
     border: 4px solid #febd17;
}
#sharebuttons .sb0 a:hover {
     color: #35465c;
     border: 4px solid #35465c;
     background: #fafafa;
}
#sharebuttons .sb1 a:hover {
     color: #3b5998;
     border: 4px solid #3b5998;
     background: #fafafa;
}
#sharebuttons .sb2 a:hover {
     color: #55acee;
     border: 4px solid #55acee;
     background: #fafafa;
}
#sharebuttons .sb3 a:hover {
     color: #dd4b39;
     border: 4px solid #dd4b39;
     background: #fafafa;
}
#sharebuttons .sb4 a:hover {
     color: #0976b4;
     border: 4px solid #0976b4;
     background: #fafafa;
}
#sharebuttons .sb5 a:hover {
     color: #026466;
     border: 4px solid #026466;
     background: #fafafa;
}
#sharebuttons .sb6 a:hover {
     color: #d3505a;
     border: 4px solid #d3505a;
     background: #fafafa;
}
#sharebuttons .sb7 a:hover {
     color: #febd17;
     border: 4px solid #febd17;
     background: #fafafa;
}
/* posts */
article {
  margin: 0 0 0px; /* letzter Wert von 40 auf 0 gesetzt */
}
article .post-meta .entry-date {
  font-size: 18px;
  color: #b3c0bf;
  padding-right: 15px;
}
article .post-meta {
  font-size: 14px;
  text-transform: uppercase;
  color: #b3c0bf;
  padding: 0 0 15px; /* Abstand zwischen Subheadline und Headline */
}
article header {
  margin-bottom: 10px; /* Abstand zwischen Headline und Fließtext */
}
article header .post-meta .category-links a {
  padding: 2px 5px 2px 5px;
  border-radius: 3px;
  color: #fff;
  background: #cc3333;
}
article header .post-meta .category-links a:hover {
  text-decoration: none;
}
article header .post-meta .comment-link a {
  color: #ccc;
  font-size: 18px;
}
article header .post-meta .comment-link a:hover {
  text-decoration: none;
}
article header .post-meta .comment-link a:before {
  font-family: FontAwesome;
  padding-left: 20px;
  padding-right: 7px;
  content: "\f0e6";
}
article header .post-meta .shares-link a {
  font-size: 18px;
  padding-right: 10px;
  color: #ccc;
}
article header .post-meta .shares-link a:hover {
  text-decoration: none;
}
article header .post-meta .shares-link a:before {
  font-family: FontAwesome;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 5px;
  content: "\f045";
}
article header .entry-title {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 35px;
  color: #cc3333;
}
article header .entry-title {        /* Archiv-Artikelüberschriften */
  font-weight: 600;
  font-size: 25px;
  margin-top: 0px;
  margin-bottom: 25px;
}
.archive header .archive-title {
  font-weight: 600;
  color: #cc3333;
}
.archive h2 {          /* Archiv-Überschrift "Die letzten Einträge zum ..." */
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 35px;
  color: #cc3333;
  font-weight: 600;
}
.archive-meta p {
  text-align: justify;
}
article .featured-image {
  margin-bottom: 10px;  /* Einleitendes Bild (nicht vorhanden) */
}
article .featured-image img {
  min-width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
article .twitter-tweet {
  width: 100%;
}
/* post-footer */
article .post-footer { 
  background-color: #f1f1f1;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 10px;  
  font-size: 14px;
  line-height: 1.8;
}
article .post-footer img {
  display: inline;
  float: left;
  padding-top: 4px;
  padding-right: 20px;
}
article .post-footer a {
  color: #333;
  display: inline;
}
article .post-footer ul {
  list-style-type:none;
  display: inline;
  padding-right: 15px;
}
article .post-footer ul span {
  position: relative;
}
article .post-footer li {
  list-style-type:none;
  display: inline;
  padding: 1px 5px 1px 5px;
  margin-left: 15px;
  background-color: #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
article .post-footer li:hover {
  background-color: #6E6E6E;
  border-color: #6E6E6E;
}
article .post-footer li a {
  color: #f1f1f1;
}
article .post-footer li a:hover {
  background-color: #6E6E6E;
  border-color: #6E6E6E;
  color: #fff;
} 
article .post-footer a:hover {
  color: #cc3333;
  text-decoration: none;
}
figure {
   display: inline;
   padding-bottom: 15px;
}
figcaption {
   display: none;
    opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;  
     -moz-transition: opacity 0.3s ease-out;  
      -ms-transition: opacity 0.3s ease-out;  
       -o-transition: opacity 0.3s ease-out;  
          transition: opacity 0.3s ease-out;  
}
figure:hover figcaption, figure:focus figcaption {
   display: block;
   padding-bottom: -15px;
   opacity: 1;
   cursor: pointer;
}
/* Stying of the elements */
.entry-content {
  padding: 0 0 20px;
  text-align: justify;
}
.entry-content p {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
}
#comments .comment-body {
  padding: 0 0 20px;
}
.entry-content h2 {
  font-size: 18px;
  margin-top: 26px;
  margin-bottom: 10px;
  color: #cc3333;
  font-weight: 600;
  text-align: left;
} 
.entry-content img,
#comments .comment-body img {
  max-width: 100% !important;
  height: auto;
}
.entry-content ol,
#comments .comment-body ol,
.entry-content ul,
#comments .comment-body ul {
  margin-left: 40px;
  margin-bottom: 40px;
}
.entry-content ol li { /* Nummerierte Liste */
  margin-bottom: 15px;
  font-weight: normal;
}
.entry-content ul li { /* Stichpunkte Liste */
  margin-bottom: 5px;
  font-weight: normal;
  list-style-type: square;
}
.entry-content ol ol,
#comments .comment-body ol ol,
.entry-content ul ol,
#comments .comment-body ul ol,
.entry-content ol ul,
#comments .comment-body ol ul,
.entry-content ul ul,
#comments .comment-body ul ul {
  margin-left: 20px;
  margin-bottom: 0;
}
.entry-content dl,
#comments .comment-body dl {
  margin-bottom: 30px;
}
.entry-content dl dt,
#comments .comment-body dl dt {
  font-weight: bold;
}
.entry-content dl dd,
#comments .comment-body dl dd {
  font-size: 14px;
  margin-bottom: 30px;
}
.entry-content #comments .comment-body blockquote {
  font-family: georgia, serif;
  font-size: 18px;
  border-left: 10px solid #f1f1f1;
  padding-left: 20px;
  margin-bottom: 30px;
  background: #fff;
  width: 80%;
}        
.entry-content blockquote {
background: url(images/quotes_modern.png) no-repeat 5px 5px;
padding: 10px 10px 0 40px;
margin-left: 0; /* keine Zentrierung */
margin-bottom: 35px;
}
.entry-content cite,
#comments .comment-body cite {
  font-family: 'Varela Round', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
  color: #b3c0bf;
}
.entry-content address,
#comments .comment-body address {
  font-size: 14px;
  margin-bottom: 30px;
}
.entry-content acronym,
#comments .comment-body acronym,
.entry-content abbr,
#comments .comment-body abbr {
  border-bottom: 1px dotted #37a096;
  cursor: help;
}
.entry-content code,
#comments .comment-body code,
.entry-content pre,
#comments .comment-body pre {
  color: #666;
  background: #fff;
  padding: 2px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.entry-content pre,
#comments .comment-body pre {
  margin-bottom: 30px;
  padding-left: 20px;
}
.entry-content q,
#comments .comment-body q {
  font-style: italic;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
  text-align: left;
}
/* Comments
-------------------------------------------------------------------------------*/
#comments #commentform .comment-form {
  margin-bottom: 80px;
}

a.tip {
  position: relative;
  text-decoration: none;
}
a.tip span {display: none;}
a.tip:hover span {
  display: block;
  position: absolute; 
  padding: .5em;
  content: attr(title);
  min-width: 120px;
  text-align: center;
  width: auto;
  height: auto;
  white-space: nowrap;
  top: -32px;
  background: rgba(0,0,0,.8);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: #fff;
  font-size: .86em;
}
a.tip:hover span:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: rgba(0,0,0,.8) transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom: -16px;
  left:1em;
}
/* Comments
-------------------------------------------------------------------------------*/
#respond {
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 15px;
  padding-bottom: 55px;
  border-top: 4px solid #cc3333;
  background-color: #f1f1f1;
}
#respond form > p {
  margin-bottom: 10px;
}
#respond textarea {
  border-color: #b3c0bf;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
  padding: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#respond input[type="text"] {
  border: 1px solid #b3c0bf;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
#respond label {
  font-size: 12px;
}
#respond .comment-notes {
  font-size: 12px;
  display: none;
}
#respond #reply-title {
  font-size: 16px;
}
#respond #cancel-comment-reply-link {
  color: red;
}
#respond #cancel-comment-reply-link:hover {
  color: rgba(255, 0, 0, 0.6);
}
#respond input[type=submit] {
  position:relative;
  font: normal normal 16px 'Source Sans Pro', FreeSans, sans-serif;
  float: right;
  margin-top: 5px;
  padding: 6px 5px;
  border: 2px solid #cc3333;
  background-color: #cc3333;
  color:#fafafa;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.wp-comment-cookies-consent {
  display: none;
}
.quicktags-toolbar {
	border: 1px solid #b3c0bf;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #f1f1f1;
	background-image: -ms-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: -moz-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: -o-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: -webkit-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: linear-gradient(bottom,#ddd,#e9e9e9);
	padding: 2px 8px 0;
	min-height: 29px
}

.quicktags-toolbar>div {
	padding: 2px 4px 0
}

.quicktags-toolbar input {
	margin: 2px 1px 4px;
	line-height: 18px;
	display: inline-block;
	min-width: 26px;
	padding: 2px 4px;
	font: 12px/18px Arial,Helvetica,sans-serif normal;
	color: #464646;
	border: 1px solid #c3c3c3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
	background-image: -ms-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: -moz-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: -o-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: -webkit-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: linear-gradient(bottom,#e3e3e3,#fff)
}

.quicktags-toolbar input:hover {
	border-color: #aaa;
	background: #ddd;
}

.quicktags-toolbar input[value="link"] {
	text-decoration: underline
}

.quicktags-toolbar input[value="del"] {
	text-decoration: line-through
}

.quicktags-toolbar input[value="i"] {
	font-style: italic
}

.quicktags-toolbar input[value="b"] {
	font-weight: bold
}
.comment #respond {
  margin: 20px 40px;
}
#comments .bypostauthor {
  background-color: #fcfcfc;
}
#comments .comment-list {
  list-style: none;
}
#comments ol.comment-list li.depth-1 {
  margin-bottom: 10px;
}
#comments ol.comment-list li.depth-2 {
  margin-left: 30px;
  margin-bottom: 10px;
}
#comments ol.comment-list li.depth-3 {
  margin-left: 60px;
  margin-bottom: 10px;
}
#comments ol.comment-list li.depth-4 {
  margin-left: 90px;
  margin-bottom: 10px;
}
#comments ol.comment-list li.depth-5 {
  margin-left: 120px;
  margin-bottom: 10px;
}
#comments .comment .comment {
  margin-left: 10px;
}
#comments .comments-title {
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 20px;
  color: #cc3333;
} 
#comments .comment .comment-body {
  border: 1px solid #f1f1f1;
  padding: 20px;
}
#comments .comment .comment-body .comment-author {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
#comments .comment .comment-body .comment-author img {
  position: absolute;
  left: 0;
  top: 5px;
}
#comments .comment .comment-body .comment-author .fn {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #cc3333;
}
#comments .comment .comment-body .comment-meta {
  font-size: 12px;
}
#comments .hentry blockquote, .comment blockquote {
  padding-left: 10px;
  border-left: 3px solid #cc3333;
}
/* table styling */
table {
  background: #fff;
  margin-bottom: 30px;
  border: solid 1px #dddddd;
}
table thead,
table tfoot {
  background: whitesmoke;
  font-weight: bold;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 8px 15px;
  font-size: 14px;
  text-align: left;
}
table tr th,
table tr td {
  padding: 8px 10px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #ddd;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.4;
}
/* pagination */
#secondary-nav {
  font-size: 14px;
  font-weight: 300;
}
#secondary-nav .nav-previous {
  float: left;
}
#secondary-nav .nav-next {
  float: right;
}
/* archive
-------------------------------------------------------------------------------*/
.archive article,
.search article {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.archive article .entry-title,
.search article .entry-title {
  font-size: 18px;
}
.archive article header,
.search article header {
  margin-bottom: 0;
}
.archive article .featured-image,
.search article .featured-image {
  margin-bottom: 0;
  max-height: 150px;
  overflow: hidden;
  text-align: center;
}
.archive article .featured-image img,
.search article .featured-image img {
  background: #f1f1f1;
}
.archive article .entry-content,
.search article .entry-content {
  padding-bottom: 20px;
}
.archive article .entry-content p,
.search article .entry-content p {
  margin-bottom: 10px;
}
.col1 {
  width: 25%;
  float: left;
  margin-right: 5%;
}
.col2 {
  width: 70%;
  float: left;
}

/* Error 404 page
-------------------------------------------------------------------------------*/
#error404 {
  margin: 40px 0 0px 40px;
}

#error404 h2 {
  color: #cc3333;
  margin-bottom: 50px;
}
#error404 h3 {
  color: black;
  font-weight: normal;
}
#error404 h4 {
  color: black;
}
/* MOBILE DESIGN
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
#wrapper {
  min-width: 320px !important;
  max-width: 400px !important;
  background-color: #fff;
}
#sidebar {
  display: none;
}
#main {
  max-width: 90%;
  background-color: #fff;
  margin-left: 0px;
}
#footer {
  width: 100%;
  margin-left: 0px !important;
  padding-left: 20px;
}
#left {
  width: 45%;
}
#center {
  width: 50%;
  float: left;
}
#right {
  display: none;
}
#social-buttons {
    display: none;  
}
/* sharebuttons */
#sharebuttons {
   width: 240px;
   padding-bottom: 120px;
}
#sharebuttons .shares-count {
   margin-right: 60px;
}
#subscribe-email input {
  width: 300px;
}
#archiv-search .search {
  width: 220px;
}
article .post-footer ul {
  list-style-type:none;
  display: block;
  padding: 5px;
}
.posttags {
  display: none !important;
}
#mobnav {
  display: inline-block;
  background-color: #f1f1f1;
  height: 80px;
  width: 100%;
  padding-bottom: 40px;
}
#mobnav .smalllogo { 
  display: inline;
  float: left;
  padding: 10px 15px 15px 10px;
}
#mobnav .seiten {
  display: block;
  padding-top: 5px;
}
#mobnav .blogtitel {
  font-size: 26px;
  font-weight: 700;
  color: #cc3333;
  line-height: 1.7em;
}
#mobnav .seiten ul {
  display: inline;
  font-size: 16px;
  font-weight: 300;
  margin-right: 5px;
}

}
/* TABLET MOBILE DESIGN
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) and (orientation : portrait) {
  #wrapper {
   min-width: 768px;
   height: 100%;
  }
  #sidebar {
    float: none;
    width: 100%;
    height: 110px;
    position: relative;
    padding: 20px 0 3px;
    margin-bottom: 50px;
  }
  #masthead .bio-pic img {
  position: absolute;
  top: 25px;
  left: 35px;    
  max-width: 100%;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: margin 0.25s ease-in-out;
  -moz-transition: margin 0.25s ease-in-out;
  -o-transition: margin 0.25s ease-in-out;
  -ms-transition: margin 0.25s ease-in-out;
  transition: margin 0.25s ease-in-out;
}
#masthead .bio-pic img:hover {
  margin-top: 0px;
  margin-bottom: 0px;
}
#masthead .site-title {
  display: block;
  position: absolute;
  top: 20px;
  left: 140px;
}
#masthead .site-title a {
  font-size: 30px;
  font-weight: 700;
}
#masthead .site-title a:hover {
  text-decoration: none;
}
#masthead .site-description {
  display: none;
}
  #social-buttons {
    display: none;  
  }
  nav ul {
    position: absolute;
    top: 55px;
    left: 132px;
  }
  nav ul li {
    display: inline-block;
  }
  nav ul li a {
    padding: 10px;
  }
  nav ul li a:hover {
    color: #cc3333
    background: none;
    text-decoration: none;
  }
  #sidesearch {
    display: none;
  }
  #main {
    float: none;
    width: 640px;
    padding: 40px 5% 0;
    margin-left: 0px;
  }
  .entry-title {
    font-size: 26px;
  }
  #footer {
    margin-left: 40px;
  }
  #tablet-buttons {
   display: inline;
   position: absolute;
   top: 90px;
   left: 139px;
   font-size: 35px;
   line-height: 5px;
  }
  #tablet-buttons a {
   color: #b3c0bf;
   margin: 5px;
  }
  #tablet-buttons a:hover {
   text-decoration: none;
  }
}
/* mixins
-------------------------------------------------------------------------------*/
/* required
-------------------------------------------------------------------------------*/
.sticky, .gallerry-caption .bypostauthor, .gallery-caption {}