@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/FontAwesome.eot?la63qb");
  src: url("../fonts/FontAwesome.eot?la63qb#iefix") format("embedded-opentype"), url("../fonts/FontAwesome.ttf?la63qb") format("truetype"), url("../fonts/FontAwesome.woff?la63qb") format("woff"), url("../fonts/FontAwesome.svg?la63qb#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'FontAwesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-search:before {
  content: "\f002"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-navicon:before {
  content: "\f0c9"; }

.fa-reorder:before {
  content: "\f0c9"; }

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: normal;
  /* font-display: optional; */
  src: url("../fonts/lora/lora-regular-webfont.woff2") format("woff2"), url("../fonts/lora/lora-regular-webfont.woff") format("woff"); }
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: bold;
  /* font-display: optional; */
  src: url("../fonts/lora/lora-bold-webfont.woff2") format("woff2"), url("../fonts/lora/lora-bold-webfont.woff") format("woff"); }
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: normal;
  /* font-display: optional; */
  src: url("../fonts/lora/lora-italic-webfont.woff2") format("woff2"), url("../fonts/lora/lora-italic-webfont.woff") format("woff"); }
@font-face {
  font-family: "Quattrocento Sans";
  font-style: normal;
  font-weight: normal;
  /* font-display: optional; */
  src: url("../fonts/quattrocento-sans/quattrocentosans-regular-webfont.woff2") format("woff2"), url("../fonts/quattrocento-sans/quattrocentosans-regular-webfont.woff") format("woff"); }
@font-face {
  font-family: "Quattrocento Sans";
  font-style: normal;
  font-weight: bold;
  /* font-display: optional; */
  src: url("../fonts/quattrocento-sans/quattrocentosans-bold-webfont.woff2") format("woff2"), url("../fonts/quattrocento-sans/quattrocentosans-bold-webfont.woff") format("woff"); }
@font-face {
  font-family: "Quattrocento Sans";
  font-style: italic;
  font-weight: bold;
  /* font-display: optional; */
  src: url("../fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.woff2") format("woff2"), url("../fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.woff") format("woff"); }
@font-face {
  font-family: "Quattrocento Sans";
  font-style: italic;
  font-weight: normal;
  /* font-display: optional; */
  src: url("../fonts/quattrocento-sans/quattrocentosans-italic-webfont.woff2") format("woff2"), url("../fonts/quattrocento-sans/quattrocentosans-italic-webfont.woff") format("woff"); }
:root {
  --article-seperator-color: rgb(190, 182, 146); }

/* pflanzenblog style */
body {
  background-color: #e3dece;
  /* background: url("../images/muster_klein.png"); */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeBAMAAAC2z6FgAAAAIVBMVEXd2cne2srf28vg3Mzh3c3i3s7j38/k4NDl4dHm4tLn49PZVLxSAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4AMdDBQZfJzCQQAAAhlJREFUKM8Fwc1f8QAcAPAfk3BiecJOMa+dzBBOqFid5GWWU3mZOMVoy6nks+TEeCxOHoT2Vz7fL9C22igTCBI58xSTmp24mgHtNBtHfuWLBj49VHMJf9YBXbsEbGqs8gqLuq9tvHExIIdyv0Xr3vfhjx4KyNoYuoWSt5DaRidj0jPoqgxDHzEHT2a0IQL58JhIi8brTTfDgMOef5keu/ccTdnddiTfugGRIOcleb6IfFEfY5nDRQHeY0k0HxzO+uFR2zR+e7IaICvwNadq4aWfOwFN2UqxJShVkB1/G6q83gqq9TCu3SUgsh1N9g8j85cjzPbo3dGwANImUjhs07jLZkBM98IJUwNv8dWlTS7zv5nL8rfwU52tYHaFxEKaFXUXTX5f43xi7oGVuFa4yJmS0gyW5U8E7c6A5Sm6dQxLfSyo+45j8U4H9Dm8j/Ya6oySbTu0TgkvQ6O1Aa/2Hs360KPOn/HafQLxnNpFzovqi39PR4J0olPeQJTTAvrkJT3OoSZqE4xNKwzP2SRPYLp+8yAvltWFqgeSnjnG7vS8SYq1bnjy1DqA1Ke4b3bPxX1fhRKBYltYgV/+GyQ/rxmndKqz9NPyswGwhJuzePoV7quR5uQXdjIBxRLWJR9ilpaS4K9wMUTVgaFLdOHH/HZnd+DaPaV0l8D+YGfmNf9+P8/6t2r+7NIEjwaCM2ewgWZXP7gZ0oWf/geX+bHjaW2iDQAAAABJRU5ErkJggg==");
  margin: 0;
  font-family: 'Quattrocento Sans',verdana, sans-serif;
  font-size: 17px;
  font-size: calc(15px + (17 - 15) * (100vw - 280px) / (1200 - 280));
  color: #272727;
  font-variant-ligatures: normal;
  line-height: 1.45; }

a {
  color: #855b49; }

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

figure {
  margin: 1em 0;
  width: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-variant-caps: petite-caps;
  line-height: 1.2;
  font-family: "Lora", "Georgia", serif;
  font-weight: normal;
  color: #586A58; }

.h1,
h1 {
  font-size: 1.7em; }

.h2,
h2 {
  font-size: 1.475em; }

.h3,
h3 {
  font-size: 1.2em; }

.h4,
h4 {
  font-size: 1em; }

button,
input,
textarea {
  border: none;
  vertical-align: top;
  box-sizing: border-box; }

button,
input {
  display: inline-block;
  padding: 0.6em; }

.inside {
  position: relative; }

.icon {
  height: 1em;
  width: 1em;
  vertical-align: bottom; }

.beitrags-info,
.beitrags-info2 {
  font-size: 0.9em; }

.seitenheader {
  height: 3em;
  background-color: #333333;
  border-bottom: 10px solid #4f4f4f;
  display: grid;
  grid-template-areas: "logo search";
  grid-template-columns: 1fr 3em;
  grid-gap: 1em; }
  @media screen and (min-width: 69em) {
    .seitenheader {
      background-image: none;
      height: 8em;
      grid-template-areas: ". logo . . .";
      grid-template-columns: auto;
      z-index: 100; } }

.seitenheader .seitenueberschrift {
  grid-area: logo;
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: normal;
  letter-spacing: 0.06rem;
  line-height: 3em;
  display: flex;
  justify-content: center;
  font-family: "Lora", Georgia, serif;
  background-image: url("../images/blatt.png");
  background-repeat: no-repeat;
  background-size: 3em auto;
  background-position: left 0.5em top 50%; }
  @media screen and (min-width: 69em) {
    .seitenheader .seitenueberschrift {
      background-image: url("../images/logo.png");
      background-size: auto;
      background-position: bottom -1em left; } }

.seitenheader button {
  width: 3em; }
  .seitenheader button.search-is-shown {
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
  @media screen and (min-width: 69em) {
    .seitenheader button {
      display: none; } }

.search-open {
  grid-area: search; }

.mobilemenubutton {
  display: none; }

.clickable {
  cursor: pointer; }

.der-beitrag {
  margin-bottom: 2.9em; }

.posts {
  min-height: 250px;
  border-bottom: 1px solid var(--article-seperator-color); }
  @supports (display: grid) {
    @media (min-width: 39.001em) {
      .posts {
        display: grid;
        grid-template-areas: "header header header header" "thumb thumb text text";
        grid-gap: 1em; } } }
  .posts a {
    text-decoration: none; }
  .posts .beitrags-info {
    color: dimgray; }
  .posts p {
    color: #4f4f4f; }
  @supports (display: grid) {
    @media (min-width: 39.001em) {
      .posts .beitragsheader {
        grid-area: header; }
      .posts .thumbnail {
        grid-area: thumb;
        margin: 0;
        padding: 0; }
      .posts .excerpt {
        grid-area: text; }
        .posts .excerpt p {
          margin-top: 0; } } }

.beitragsfooter {
  display: block;
  overflow: hidden;
  height: 0;
  transition-property: height;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  transition-delay: 0s; }

.mehrlesenlink {
  display: inline-block;
  width: 100%; }

.mein-kommentar {
  background-color: #eae6d5;
  padding: 20px; }

.kommentare {
  padding-right: 5px; }

.headline {
  clear: both; }

/* pagination */
.pagination {
  margin: 4em 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: space-around; }

.pagination div {
  margin-bottom: 5px; }

.pagination a {
  display: block;
  color: #fff;
  background-color: #4f4f4f;
  padding: 0.6em 1em 0.4em;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, font-size 0.2s linear; }

.sidebar {
  padding: 0.5em; }

.uebermich1 {
  font-size: 0.85em; }

.selfi {
  float: left;
  margin-right: 0.5em; }

.beitragas-oben,
.beitragas-unten {
  padding: 2px; }

.sidebar {
  color: #393939; }

.headline a {
  color: #586A58;
  text-decoration: none; }

.seitenheader {
  box-shadow: 2px 0 10px #443400; }

.seitenheader a {
  text-decoration: none; }

.seitenheader {
  position: relative; }

.seitenheader .sitetitle {
  font-weight: bold;
  color: #96c11e; }

.mehrlesenlink {
  line-height: 3em; }

/* nav nur fürs mobile */
.kategorien-nav {
  top: 0;
  position: fixed;
  z-index: 100;
  left: 0;
  width: 100vw;
  height: calc(100vh - 4em);
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  overflow: hidden;
  background-color: #e3dece; }

.nav-open {
  overflow: hidden; }
  .nav-open .kategorien-nav {
    transition: transform 0.3s ease-in-out;
    transform: translateX(0px);
    overflow-y: auto; }

@media screen and (min-width: 69em) {
  .kategorien-nav {
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transform: none;
    transition: none;
    background-color: transparent; } }
.kategorien-nav ul {
  padding: 0;
  margin: 0;
  padding-bottom: 1em; }

.kategorien-nav li {
  list-style-type: none;
  border-bottom: 1px solid #A79E81;
  font-weight: bold; }

.kategorien-nav li > a {
  text-decoration: none;
  display: block;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  width: 100%; }

.kategorien-nav li > a::before,
.mehrlesenlink:after {
  /* content: "»"; */
  content: "\f061";
  font-family: "FontAwesome";
  display: inline-block;
  width: 1em;
  font-size: 1.5em;
  color: #a79e81;
  padding-left: 0.5em;
  padding-right: 1em; }

@media screen and (min-width: 69em) {
  .kategorien-nav li > a::before {
    display: none; } }
.navibar.header-brand {
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 6em;
  width: 100vw;
  background-color: rgba(79, 79, 79, 0.95);
  font-size: 0.6em;
  padding-right: 1em;
  /* Animate menu icon (lines). */ }
  .navibar.header-brand a {
    justify-content: flex-end;
    font-family: "Quattrocento Sans", verdana, sans-serif;
    display: block;
    height: 100%;
    position: relative; }
    .navibar.header-brand a span:last-child {
      flex-basis: 30%; }
  .navibar.header-brand .hamburger-icon {
    position: absolute;
    top: 0.8em;
    right: 4em;
    width: 4.5em;
    height: 4.5em;
    stroke-width: 0;
    stroke: #ffffff;
    fill: #ffffff; }
  .navibar.header-brand .svg-menu-toggle .line {
    opacity: 1;
    transform: rotate(0) translateY(0) translateX(0);
    transform-origin: 1em 1em;
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out; }
  .navibar.header-brand .svg-menu-toggle .line-1 {
    transform-origin: 2em 2em; }
  .navibar.header-brand .svg-menu-toggle .line-3 {
    transform-origin: 0em 8em; }

.nav-open .navibar .svg-menu-toggle .line-1 {
  transform: rotate(45deg) translateY(0) translateX(0); }
.nav-open .navibar .svg-menu-toggle .line-2 {
  opacity: 0; }
.nav-open .navibar .svg-menu-toggle .line-3 {
  transform: rotate(-45deg) translateY(0em) translateX(0em); }

@media screen and (min-width: 69em) {
  .navibar {
    display: none; } }
.sitesearch {
  padding: 0px 1em;
  position: relative;
  height: 3em;
  z-index: 10;
  overflow: hidden;
  height: 0px;
  transition: height 0.3s ease-in-out;
  will-change: height; }

.sitesearch.open {
  height: 3em;
  transition: height 0.3s ease-in-out; }

.searchform {
  display: flex; }
  .searchform input[type=text] {
    width: 75%; }
  .searchform .icon {
    height: 2em;
    width: 2em; }
  .searchform .btn {
    padding: 0.5em; }
    .searchform .btn path {
      fill: #fff; }
  .searchform .btn-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/* desktopseite */
@media screen and (min-width: 69em) {
  .sitesearch {
    height: auto; }
    .sitesearch .btn {
      padding: 0.5em 2em; } }
/* first breakpoint */
.sitesubtitle {
  display: none; }

.content {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1.45em; }

@media screen and (min-width: 69em) {
  .content {
    margin: 0; } }
.pagination a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 0.9em 1em 0.75em; }

.nav-margin-top {
  margin-top: 25px; }

.nav-visible {
  display: block;
  visibility: visible; }

.wp-caption-text {
  margin-top: 0;
  word-wrap: break-word;
  hyphens: auto;
  font-size: 0.9em; }

.commentlist {
  list-style-type: none; }

.sitefooter {
  padding-bottom: 5em; }

@media screen and (min-width: 30em) {
  .sitetitle {
    font-size: 1.8rem;
    font-weight: bold;
    color: #96c11e; } }
@media screen and (min-width: 58em) {
  .thumbnail {
    float: left;
    margin-bottom: 1.45em;
    margin-right: 1em;
    margin-top: 0.5em;
    padding: 5px; }

  .gp.width170 {
    display: none; }

  .gp.width300 {
    display: block; } }
/* desktopseite */
@media screen and (min-width: 69em) {
  .wp-caption {
    padding: 0.5em;
    display: inline-block; }

  .wp-caption-text {
    margin: 0.2em;
    text-transform: uppercase; }

  .seitenueberschrift .sitesubtitle,
  .sitetitle {
    visibility: hidden; }

  .mobilemenubutton.fa {
    display: none;
    visibility: hidden; }

  .headline a {
    text-decoration: none; }

  .headline a:hover {
    text-decoration: underline; }

  .headline a:hover:after {
    display: none; }

  .headline span {
    position: absolute;
    text-align: right;
    right: 10px;
    top: 20px; }

  .kategorien-nav {
    display: block;
    position: relative; }

  .nav {
    padding-bottom: 2em; }

  .sidebar .headline {
    font-size: 1.2rem;
    margin-bottom: 0; }

  .nav ul {
    padding-left: 1em;
    margin-top: 0; }

  .nav li {
    margin: 4px 0;
    list-style-type: none;
    font-size: 1rem;
    border-bottom: 1px solid #939393; }

  .nav a {
    text-decoration: none;
    color: #393939;
    display: block;
    padding: 0.9em 0 0.7em; }

  .sidebar .current-cat {
    font-weight: bold; }

  .footer .headline {
    color: #fff;
    text-shadow: none; }

  .pagination a:active,
  .pagination a:hover {
    background-color: #757575;
    transition: background-color 0.2s ease-in-out; }

  .content,
  .sidebar {
    position: relative; }

  .content {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em; }

  .sitefooter {
    border-top: 10px solid rgba(79, 79, 79, 0.5);
    background-clip: padding-box;
    background-color: #4f4f4f;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @supports (display: grid) {
      .sitefooter {
        display: grid;
        grid-gap: 3em;
        grid-auto-flow: column; } }

  .sitefooter a {
    color: #fff;
    font-weight: bold;
    text-decoration: none; }

  .sitefooter ul {
    list-style-type: none;
    padding: 0; }

  .sidebar {
    box-shadow: 0 0 20px -10px #666666;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em; }

  .container::after,
  .container::before {
    display: block;
    content: ' ';
    height: 160px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left; }

  .container::before {
    background-image: url("../images/mitte.jpg");
    background-size: cover;
    background-position: right top;
    z-index: -1; }

  .container::after {
    background-position: center top;
    background-size: cover;
    background-image: url("../images/imkerei.jpg"); } }
@keyframes fadebg {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.lazy {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIwLjc5NSAxMy45NjljMS40IDAgMi41MzYtMS4xNyAyLjUzNi0yLjYxMyAwLTEuNDQyLTEuMTM2LTIuNjEzLTIuNTM2LTIuNjEzcy0yLjUzNiAxLjE3LTIuNTM2IDIuNjEzIDEuMTM2IDIuNjEzIDIuNTM2IDIuNjEzeiIvPgogIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0yNi4zNTYgNS41NDlINS42NDNjLS44MjQgMC0xLjQ4LjY5MS0xLjQ4IDEuNTR2MTcuODIyYzAgLjg1LjY1NiAxLjU0IDEuNDggMS41NGgyMC43MTNjLjgyNCAwIDEuNDgtLjY5IDEuNDgtMS41NFY3LjA5YzAtLjg0OS0uNjU2LTEuNTQtMS40OC0xLjU0ek0yMC45MDggMTYuMzFhLjg5OC44OTggMCAwIDAtLjY3Ni0uMzM4Yy0uMjcgMC0uNDYuMTMtLjY3Ni4zMWwtLjk4OC44NmMtLjIwNi4xNTMtLjM3LjI1Ni0uNjA4LjI1NmEuODYuODYgMCAwIDEtLjU4MS0uMjIzIDYuOTkgNi45OSAwIDAgMS0uMjI3LS4yMjNsLTIuODQzLTMuMTY4YTEuMTUgMS4xNSAwIDAgMC0uODgyLS40MDhjLS4zNTUgMC0uNjgyLjE4LS44ODguNDI0bC02LjY4NCA4LjMwN1Y3LjkyOGMuMDUzLS4zNy4zMzMtLjYzNy42OTItLjYzN2gxOC45YS42OC42OCAwIDAgMSAuNjgyLjY1M2wuMDE1IDE0LjE3NXoiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-size: 10em;
  background-repeat: no-repeat; }

.lazy:not(.lazy-hidden):not(.lazy-loaded) {
  content: 'Bild läd';
  color: rgba(79, 79, 79, 0);
  animation: fadebg 1.2s linear infinite;
  animation-direction: alternate-reverse;
  box-sizing: border-box; }

.lazy.lazy-loaded {
  animation: fade;
  animation-duration: 2s; }

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

.btn {
  padding-top: 0.5em; }

.icon-button,
.form button,
.form .btn {
  font-family: "Quattrocento Sans", Verdana;
  background-color: #586A58;
  color: #fff;
  font-weight: bold; }

.commentform {
  display: grid;
  grid-columns: 100; }
  .commentform label {
    grid-column: 1;
    max-width: 90vw; }
  .commentform p {
    grid-column: 1; }
  .commentform input,
  .commentform textarea {
    grid-column: 1;
    max-width: 90vw; }
  .commentform input[type=submit] {
    margin-top: 1em;
    grid-column: 1; }

.resunten,
.resoben {
  max-width: 90vw !important;
  margin: 1px; }

.resoben {
  height: 60px; }

.resunten.single {
  margin-top: 20px; }

@keyframes funnybg {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
.hinweise-quer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  animation: funnybg 5s;
  animation-direction: alternate;
  animation-fill-mode: forward;
  animation-iteration-count: infinite;
  background: linear-gradient(to right, #3b87c9, yellow);
  background-size: 400% 400%; }

@media (max-width: 767px) {
  .resoben,
  .resunten {
    height: 300px; } }
@media (min-width: 768px) {
  .resunten {
    height: 300px; } }
.yarpp-related {
  margin: 1em 0; }

.yarpp-related a {
  text-decoration: none;
  font-weight: bold; }

.yarpp-related .yarpp-thumbnail-title {
  text-align: left;
  font-weight: bold;
  font-size: 96%;
  text-decoration: none; }

.yarpp-related h3 {
  padding: 0 0 5px;
  text-transform: capitalize;
  margin: 0; }

.yarpp-related .yarpp-promote {
  clear: both;
  float: right;
  text-indent: -1000px;
  cursor: pointer;
  color: #666;
  font-size: 11px;
  height: 17px;
  width: 78px;
  display: none; }

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-size: 0.7em !important;
  max-height: 7em !important; }

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  height: 200px !important; }

.yarpp-related h3 {
  text-transform: none !important; }

.yarpp-related ol {
  padding: 0;
  list-style-type: none; }

.yarpp-related li {
  margin-bottom: 1em;
  border-bottom: 1px solid var(--article-seperator-color);
  padding-bottom: 1em; }

.yarpp-related li > a {
  display: flex;
  justify-content: space-between; }

.yarpp-item-title {
  width: calc(100% - 100px - 1em); }

.container {
  display: flex;
  flex-wrap: wrap; }

.seitenheader {
  flex-basis: 100%; }

.seitenheader > .inside {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  .seitenheader > .inside > * {
    flex: 1 1 33%; }

.sitesearch {
  flex-basis: 100%; }

.sitefooter {
  flex-basis: 100%; }

@media screen and (min-width: 69em) {
  .inhaltsektion {
    flex-basis: 60%; }

  .sidebar {
    flex-basis: 30%; } }
@supports (display: grid) {
  .container {
    display: grid; }

  .mobilemenubutton {
    grid-column: 3;
    justify-self: center;
    align-self: center; }

  @media screen and (min-width: 69em) {
    .container {
      grid-template-areas: "header-outer-left header-left header-right header-outer-right" "subheader-outer-left subheader-left subheader-right subheader-outer-right" "content-outer-left search sidebar content-outer-right" "content-outer-left content sidebar content-outer-right" "footer-outer-left footer-left footer-right footer-outer-right";
      grid-template-columns: 1fr minmax(550px, 700px) minmax(300px, 400px) 1fr;
      grid-template-rows: 150px 180px 3em auto 1fr; }

    .seitenheader {
      grid-column: header-outer-left / header-outer-right;
      grid-row: 1; }

    .container::before {
      grid-area: subheader-left; }

    .container::after {
      grid-area: subheader-right; }

    .sitesearch {
      grid-area: search; }

    .inhaltsektion {
      grid-column: search;
      grid-row: content; }

    .sidebar {
      grid-area: sidebar; }

    .sitefooter {
      grid-column: footer-outer-left / footer-outer-right;
      grid-row: 5; } } }
.cc-window {
  opacity: 1;
  transition: opacity 1s ease; }

.cc-window.cc-invisible {
  opacity: 0; }

.cc-animate.cc-revoke {
  transition: transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  transform: translateY(0); }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s; }

.cc-link,
.cc-revoke:hover {
  text-decoration: underline; }

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica,Calibri,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

.cc-window.cc-static {
  position: static; }

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: 0.5em; }

.cc-header {
  font-size: 18px;
  font-weight: 700; }

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer; }

.cc-link {
  opacity: 0.8;
  display: inline-block;
  padding: 0.2em; }

.cc-link:hover {
  opacity: 1; }

.cc-link:active,
.cc-link:visited {
  color: initial; }

.cc-btn {
  display: block;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap; }

.cc-banner .cc-btn:last-child {
  min-width: 140px; }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline; }

.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  line-height: 0.75; }

.cc-close:focus,
.cc-close:hover {
  opacity: 1; }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em; }

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em; }

.cc-revoke.cc-left {
  left: 3em;
  right: unset; }

.cc-revoke.cc-right {
  right: 3em;
  left: unset; }

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 1em; }

.cc-bottom {
  bottom: 4em; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1; }

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center; }

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0; }

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0; }

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1; }

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1; }

.cc-btn + .cc-btn {
  margin-left: 0.5em; }

@media print {
  .cc-revoke,
  .cc-window {
    display: none; } }
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }

  .cc-window.cc-bottom {
    bottom: 55px; }

  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0; }

  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column; }

  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1; }

  .cc-window.cc-floating {
    max-width: none; }

  .cc-window .cc-message {
    margin-bottom: 1em; }

  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset; } }
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: 0.8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

.back-to-top {
  border-radius: 50%;
  display: block;
  pointer-events: auto;
  position: fixed;
  bottom: 5em;
  right: 1em;
  height: 3em;
  width: 3em;
  color: #fff;
  background: #586A58 url("../img/icons/chevron-up.svg") center center no-repeat;
  background-size: 2em;
  transition: transform 0.2s ease-in-out;
  transform: scale(0);
  border: none;
  z-index: 1000;
  box-shadow: 0px 0px 10px -5px black; }

@media screen and (min-width: 69em) {
  .back-to-top {
    bottom: 1rem; } }
.back-to-top:active,
.back-to-top:hover {
  color: #fff;
  text-decoration: none; }

.back-to-top.fade-in {
  transform: scale(1);
  transition: transform 0.2s ease-in-out; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

.icon-arrow-up {
  width: 0.9285692870616913em; }

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.9.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }

#baguetteBox-overlay.visible {
  opacity: 1; }

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center; }

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%; }

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif; }

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease,-webkit-transform .4s ease;
  transition: left .4s ease,-webkit-transform .4s ease;
  transition: left .4s ease,transform .4s ease;
  transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease; }

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight .4s ease-out;
  animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft .4s ease-out;
  animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0%,100% {
    margin-left: 0; }
  50% {
    margin-left: -30px; } }
@keyframes bounceFromRight {
  0%,100% {
    margin-left: 0; }
  50% {
    margin-left: -30px; } }
@-webkit-keyframes bounceFromLeft {
  0%,100% {
    margin-left: 0; }
  50% {
    margin-left: 30px; } }
@keyframes bounceFromLeft {
  0%,100% {
    margin-left: 0; }
  50% {
    margin-left: 30px; } }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }

.baguetteBox-button:focus, .baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button {
  right: 2%; }

.baguetteBox-button#previous-button {
  left: 2%; }

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px; }

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0; }

.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }