@charset "UTF-8";
/*!
Theme Name: QUINTENSE 2019
Theme URI: http://underscores.me/
Author: Marcus Fröhner
Author URI: https://seefeuer.net
Description: QUINTENSE VOVAL ENSEMBLE
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: quintense
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

HCS is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
// 1. Import Page Customs variables and styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## CUSTOM PAGE VARS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## BRAND COLORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## TEXT COLORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## TYPO
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## GLOBAL COLORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## HEADER & NAVIGATION
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## MOBILE MENU
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## CONTENT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## BUTTON
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## FORMS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## CUSTOM PAGE TYPO
--------------------------------------------------------------*/
/* playball-regular - latin */
@import url(../uikit/dist/css/uikit.min.css);
@font-face {
  font-family: 'Playball';
  font-style: normal;
  font-weight: 400;
  src: url("../page-customs/assets/fonts/playball/playball-v10-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../page-customs/assets/fonts/playball/playball-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../page-customs/assets/fonts/playball/playball-v10-latin-regular.woff2") format("woff2"), url("../page-customs/assets/fonts/playball/playball-v10-latin-regular.woff") format("woff"), url("../page-customs/assets/fonts/playball/playball-v10-latin-regular.ttf") format("truetype"), url("../page-customs/assets/fonts/playball/playball-v10-latin-regular.svg#Playball") format("svg");
  /* Legacy iOS */ }
/* arimo-regular - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url("../page-customs/assets/fonts/arimo/arimo-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-regular.woff2") format("woff2"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-regular.woff") format("woff"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-regular.ttf") format("truetype"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-regular.svg#Arimo") format("svg");
  /* Legacy iOS */ }
/* arimo-700 - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url("../page-customs/assets/fonts/arimo/arimo-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-700.woff2") format("woff2"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-700.woff") format("woff"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-700.ttf") format("truetype"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-700.svg#Arimo") format("svg");
  /* Legacy iOS */ }
/* arimo-italic - latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  src: url("../page-customs/assets/fonts/arimo/arimo-v17-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-italic.woff2") format("woff2"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-italic.woff") format("woff"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-italic.ttf") format("truetype"), url("../page-customs/assets/fonts/arimo/arimo-v17-latin-italic.svg#Arimo") format("svg");
  /* Legacy iOS */ }
h1, h2, h3, h4, h5, h6 {
  font-family: "Playball", serif;
  font-weight: 700;
  color: #536139; }

h1, h2 {
  font-weight: normal; }

body.single h1, body.single h2 {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.entry-header h1.entry-title {
  color: #536139; }

article.post .entry-header h1.entry-title {
  text-transform: none;
  word-break: keep-all; }

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* DIESER BLOCK IST NUR NOTWENDIG WENN UIKIT.MIN.CSS eingebunden ist und nicht SCSS */
h1, .h1 {
  font-size: clamp(2.3rem, 7vw, 3.4rem);
  line-height: 1; }

h2 {
  font-size: clamp(2.6rem, 6vw, 2.8rem);
  line-height: 1; }
  h2.nomargin {
    margin-bottom: 0; }
  h2.subheadline {
    font-size: clamp(1.3rem, 4.5vw, 2rem);
    margin: 0; }

h3, h3.uk-card-title, .h2, .h2.uk-card-title {
  font-weight: normal;
  font-size: clamp(1.3rem, 6vw, 2rem);
  line-height: 1.1;
  margin-bottom: .8rem;
  margin-top: 2.5rem; }
  h3:first-of-type, h3.uk-card-title:first-of-type, .h2:first-of-type, .h2.uk-card-title:first-of-type {
    margin-top: 0; }
  h3 + p, h3.uk-card-title + p, .h2 + p, .h2.uk-card-title + p {
    margin-top: 0.5rem; }

h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px; }
  h4 + p {
    margin-top: 0; }

h5 {
  font-size: 16px;
  line-height: 20px; }

ul li {
  padding-bottom: 0.3rem; }

/* Options for Small Screens ---------------------------------------------------------------- */
/*--------------------------------------------------------------
# Underscores
/*------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #536139;
  font-family: "Arimo", sans-serif;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 0 0; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14.0625px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 14.0625px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  height: 100%; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  height: 100%;
  background: #f8fbf7;
  /* Fallback for when there is no custom background color defined. */ }

.site {
  height: 100%; }

.site-header {
  height: calc(120px - 0);
  width: 100% !important;
  background: #fff;
  position: absolute; }

.site-content {
  /* Wenn Header NICHT absolute
  min-height: -webkit-calc(100% - 120px);
  min-height: -moz-calc(100% - 120px);
  min-height: -o-calc(100% - 120px);
  min-height: calc(100% - 120px);
  */
  /* Wenn Header absolute */
  min-height: 100%;
  padding-bottom: 682px; }

.site-footer {
  width: 100%;
  padding: 50px 0 50px 0;
  margin-top: calc( -1px - 682px + 1px);
  background-color: #829265; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/* Options for Small Screens ------------------------------- */
@media (min-width: 640px) {
  .site-content {
    padding-bottom: 394px; }

  .site-footer {
    margin-top: calc( -1px - 394px + 1px); } }
/* Options for Small Screens ------------------------------- */
@media (min-width: 960px) {
  .site-content {
    padding-bottom: 214px; }

  .site-footer {
    margin-top: calc( -1px - 214px + 1px); } }
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: $color__border-button;
	border-radius: 3px;
	background: $color__background-button;
	color: rgba(0, 0, 0, .8);
	@include font-size(0.75);
	line-height: 1;
	padding: .6em 1em .4em;

	&:hover {
		border-color: $color__border-button-hover;
	}

	&:active,
	&:focus {
		border-color: $color__border-button-focus;
	}
}
*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px !important;
  padding: 3px;
  -webkit-appearance: none;
  outline: none; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #536139; }
  a:visited {
    color: #536139; }
  a:hover, a:focus, a:active {
    color: #232c14; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
      left: 100%; }
    .main-navigation ul ul a {
      width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }
  .main-navigation #primary-menu, .main-navigation #primary-menu-right, .main-navigation .left-menue-col {
    display: none; }

/* Small menu. */
.menu-toggle {
  display: block; }

@media screen and (min-width: 767px) {
  .main-navigation #primary-menu, .main-navigation #primary-menu-right {
    display: block; }

  .main-navigation .left-menue-col {
    display: flex; } }
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 13.125px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.post,
.page {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.entry-content {
  margin: 0 0 0 0; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# default variables and available mixins for UIKIT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Your custom mixin overwrites for UIKIT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# UIKIT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CUSTOM PROJECT PAGE STYLE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## UIKIT OVERWRITE
--------------------------------------------------------------*/
a, .uk-link {
  color: unset; }
  a:hover, .uk-link:hover {
    text-decoration: none; }

p, ul, ol, dl, pre, address, fieldset, figure {
  margin: 0 0 12px 0;
  font-weight: 400; }
  p:last-of-type, ul:last-of-type, ol:last-of-type, dl:last-of-type, pre:last-of-type, address:last-of-type, fieldset:last-of-type, figure:last-of-type {
    margin-bottom: 0; }

* + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure {
  margin-top: 12px; }

.entry-header h1, .entry-header h2 {
  margin-bottom: 0; }

strong {
  font-weight: bold; }

em {
  color: unset; }

ul, ol {
  padding-left: 20px; }

.uk-modal {
  background: rgba(255, 255, 255, 0.1); }

.uk-modal-full .close-wrapper {
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box; }
.uk-modal-full .modal-dialog {
  margin-top: 120px; }

.uk-modal-close-full {
  position: relative;
  padding: 5px; }

.uk-modal-close-full svg, uk-modal-close svg {
  width: 20px; }

.uk-card-default {
  background: #fff; }

.uk-sticky-placeholder {
  width: 100%;
  position: absolute; }

/* Lightbox */
.uk-lightbox-toolbar {
  background: none; }

.uk-lightbox-button {
  background: none; }

address {
  margin: 0; }

.uk-text-small {
  font-size: 0.8rem; }

/* Options for Small Screens ---------------------------------------------------------------- */
@media (min-width: 640px) {
  .entry-header h1, .entry-header h2 {
    margin-bottom: 0; }

  .wp-block-image.alignfull figcaption.uk-container {
    padding-left: 30px;
    padding-right: 30px; } }
@media (max-width: 640px) {
  .uk-container, .wp-block-image.alignfull figcaption.uk-container {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 960px) {
  .wp-block-image.alignfull figcaption.uk-container {
    padding-left: 40px;
    padding-right: 40px; } }
/*--------------------------------------------------------------
## CUSTOM PAGE / PROJEKT STYLES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## CUSTOM MIXINS / VORLAGEN
--------------------------------------------------------------*/
.soft-hide {
  opacity: 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  transform: scale(0.75); }

.soft-show {
  opacity: 1;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0); }

/* Animation */
/* ZAUBERWURZ Specials ------------------------*/
/*--------------------------------------------------------------
## BUTTON
--------------------------------------------------------------*/
.uk-button, a.uk-button, a.wp-block-button__link, a.wp-block-file__button {
  font-family: "Playball", serif;
  margin-right: 8px;
  margin-bottom: 14px;
  padding: 3px;
  border-radius: 25px;
  border: 1px solid #829265;
  color: #e2e4d7;
  background: none;
  background: none;
  font-size: 21px;
  text-transform: none;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
  display: inline-block !important; }
  .uk-button:last-of-type, a.uk-button:last-of-type, a.wp-block-button__link:last-of-type, a.wp-block-file__button:last-of-type {
    margin-right: 0; }
  .uk-button.uk-button-default span, a.uk-button.uk-button-default span, a.wp-block-button__link.uk-button-default span, a.wp-block-file__button.uk-button-default span {
    background: #829265; }
  .uk-button.uk-button-primary span, a.uk-button.uk-button-primary span, a.wp-block-button__link.uk-button-primary span, a.wp-block-file__button.uk-button-primary span {
    background: #829265;
    border-color: #829265; }
  .uk-button.uk-button-secondary span, a.uk-button.uk-button-secondary span, a.wp-block-button__link.uk-button-secondary span, a.wp-block-file__button.uk-button-secondary span {
    background: #d4ab3c;
    border-color: black; }
  .uk-button span, a.uk-button span, a.wp-block-button__link span, a.wp-block-file__button span {
    display: inline-block;
    background: #829265;
    padding: 7px 16px;
    border-radius: 30px; }

h2 .uk-button {
  font-size: 12px;
  padding: 5px 10px;
  position: relative;
  top: 2px; }

.uk-button:hover {
  background: none !important; }

/*--------------------------------------------------------------
## BRAKEPOINTS
--------------------------------------------------------------*/
@media (min-width: 640px) {
  h2 .uk-button {
    top: 4px; } }
/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
body.no-touch .uk-button span, body.no-touch a.wp-block-button__link span {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
body.no-touch .uk-button:hover, body.no-touch a.wp-block-button__link:hover {
  cursor: pointer;
  background: none; }
  body.no-touch .uk-button:hover span, body.no-touch a.wp-block-button__link:hover span {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #626e4c;
    color: white !important;
    text-decoration: none !important;
    cursor: pointer; }
body.no-touch .uk-button-default:hover span {
  background: #626e4c; }
body.no-touch .uk-button-primary:hover span {
  background: #626e4c;
  color: white; }
body.no-touch .uk-button-secondary:hover span {
  background: #ad8826;
  color: white; }

/*--------------------------------------------------------------
## SLIDER- / SLIDESHOW- NAVIGATION (UIKIT)
--------------------------------------------------------------*/
.uk-slidenav-previous, .uk-slidenav-next {
  color: #c4c4c4 !important; }

.uk-dotnav > * > * {
  border: none; }

.uk-dotnav > * {
  padding-left: 5px; }
  .uk-dotnav > *:first-of-type {
    padding-left: 0; }

.uk-dotnav {
  margin-left: 0; }
  .uk-dotnav a {
    border-radius: 0;
    background: none;
    width: 8px;
    height: 20px;
    position: relative; }
    .uk-dotnav a:hover {
      background: none; }
    .uk-dotnav a:after {
      border-radius: 50%;
      width: 6px;
      height: 6px;
      background: #c4c4c4;
      position: absolute;
      content: '';
      display: block;
      top: calc(50% - 3px);
      left: 0; }
  .uk-dotnav > .uk-active > a {
    background: none; }
    .uk-dotnav > .uk-active > a:after {
      background: black; }

.uk-slidenav-large {
  padding: 10px 30px; }

body.no-touch a.uk-slidenav:hover {
  color: #232c14 !important; }

/*--------------------------------------------------------------
## FORMS
--------------------------------------------------------------*/
.wpcf7-form br {
  display: none; }

span.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  border: 2px solid white; }
  span.wpcf7-form-control-wrap.referer-page {
    display: none; }
  span.wpcf7-form-control-wrap.acceptance {
    border: none;
    clear: both;
    display: block;
    padding: 12px 0; }
    span.wpcf7-form-control-wrap.acceptance span.wpcf7-list-item {
      margin: 0; }
    span.wpcf7-form-control-wrap.acceptance label {
      display: flex;
      position: relative; }
    span.wpcf7-form-control-wrap.acceptance input[type="checkbox"] {
      /* position: absolute; */
      /* top: 15px; */
      /* left: 0; */
      position: relative;
      top: -1px;
      margin: 0;
      width: 27px;
      height: 20px;
      display: inline-block; }
    span.wpcf7-form-control-wrap.acceptance .wpcf7-list-item-label {
      padding-left: 2px;
      display: inline-block;
      width: calc(100% - 27px);
      font-size: 0.75rem;
      line-height: 1.6; }
      span.wpcf7-form-control-wrap.acceptance .wpcf7-list-item-label a {
        color: #536139; }

span.wpcf7-form-control-wrap.your-message {
  float: left; }

.wpcf7-not-valid-tip {
  position: absolute;
  top: -30px;
  display: none !important; }

.wpcf7-not-valid:focus + .wpcf7-not-valid-tip {
  display: none !important; }

div.wpcf7-response-output {
  border: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important; }

.wpcf7-validation-errors, .wpcf7-acceptance-missing {
  border: none !important;
  padding: 0 !important;
  color: #b11f1f; }

.wpcf7-mail-sent-ok {
  color: blue; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  display: flex;
  border: none;
  padding: 6px 8px;
  margin: 0;
  width: 100%;
  color: #536139;
  line-height: 1;
  font-weight: 400;
  box-sizing: border-box;
  border-radius: 3px !important;
  background: #edf6e9;
  border: 1px solid #d9e7c2;
  box-shadow: inset 1px 2px 8px rgba(193, 213, 185, 0.16); }
  input[type="text"]::placeholder,
  input[type="email"]::placeholder,
  input[type="url"]::placeholder,
  input[type="password"]::placeholder,
  input[type="search"]::placeholder,
  input[type="number"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="range"]::placeholder,
  input[type="date"]::placeholder,
  input[type="month"]::placeholder,
  input[type="week"]::placeholder,
  input[type="time"]::placeholder,
  input[type="datetime"]::placeholder,
  input[type="datetime-local"]::placeholder,
  input[type="color"]::placeholder,
  textarea::placeholder {
    color: #536139; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #536139;
    background: none; }
    input[type="text"]:focus::placeholder,
    input[type="email"]:focus::placeholder,
    input[type="url"]:focus::placeholder,
    input[type="password"]:focus::placeholder,
    input[type="search"]:focus::placeholder,
    input[type="number"]:focus::placeholder,
    input[type="tel"]:focus::placeholder,
    input[type="range"]:focus::placeholder,
    input[type="date"]:focus::placeholder,
    input[type="month"]:focus::placeholder,
    input[type="week"]:focus::placeholder,
    input[type="time"]:focus::placeholder,
    input[type="datetime"]:focus::placeholder,
    input[type="datetime-local"]:focus::placeholder,
    input[type="color"]:focus::placeholder,
    textarea:focus::placeholder {
      color: rgba(0, 0, 0, 0.1); }
  input[type="text"].wpcf7-not-valid,
  input[type="email"].wpcf7-not-valid,
  input[type="url"].wpcf7-not-valid,
  input[type="password"].wpcf7-not-valid,
  input[type="search"].wpcf7-not-valid,
  input[type="number"].wpcf7-not-valid,
  input[type="tel"].wpcf7-not-valid,
  input[type="range"].wpcf7-not-valid,
  input[type="date"].wpcf7-not-valid,
  input[type="month"].wpcf7-not-valid,
  input[type="week"].wpcf7-not-valid,
  input[type="time"].wpcf7-not-valid,
  input[type="datetime"].wpcf7-not-valid,
  input[type="datetime-local"].wpcf7-not-valid,
  input[type="color"].wpcf7-not-valid,
  textarea.wpcf7-not-valid {
    background: #b11f1f;
    color: white; }
    input[type="text"].wpcf7-not-valid::placeholder,
    input[type="email"].wpcf7-not-valid::placeholder,
    input[type="url"].wpcf7-not-valid::placeholder,
    input[type="password"].wpcf7-not-valid::placeholder,
    input[type="search"].wpcf7-not-valid::placeholder,
    input[type="number"].wpcf7-not-valid::placeholder,
    input[type="tel"].wpcf7-not-valid::placeholder,
    input[type="range"].wpcf7-not-valid::placeholder,
    input[type="date"].wpcf7-not-valid::placeholder,
    input[type="month"].wpcf7-not-valid::placeholder,
    input[type="week"].wpcf7-not-valid::placeholder,
    input[type="time"].wpcf7-not-valid::placeholder,
    input[type="datetime"].wpcf7-not-valid::placeholder,
    input[type="datetime-local"].wpcf7-not-valid::placeholder,
    input[type="color"].wpcf7-not-valid::placeholder,
    textarea.wpcf7-not-valid::placeholder {
      color: white; }
    input[type="text"].wpcf7-not-valid:focus,
    input[type="email"].wpcf7-not-valid:focus,
    input[type="url"].wpcf7-not-valid:focus,
    input[type="password"].wpcf7-not-valid:focus,
    input[type="search"].wpcf7-not-valid:focus,
    input[type="number"].wpcf7-not-valid:focus,
    input[type="tel"].wpcf7-not-valid:focus,
    input[type="range"].wpcf7-not-valid:focus,
    input[type="date"].wpcf7-not-valid:focus,
    input[type="month"].wpcf7-not-valid:focus,
    input[type="week"].wpcf7-not-valid:focus,
    input[type="time"].wpcf7-not-valid:focus,
    input[type="datetime"].wpcf7-not-valid:focus,
    input[type="datetime-local"].wpcf7-not-valid:focus,
    input[type="color"].wpcf7-not-valid:focus,
    textarea.wpcf7-not-valid:focus {
      color: white; }
      input[type="text"].wpcf7-not-valid:focus::placeholder,
      input[type="email"].wpcf7-not-valid:focus::placeholder,
      input[type="url"].wpcf7-not-valid:focus::placeholder,
      input[type="password"].wpcf7-not-valid:focus::placeholder,
      input[type="search"].wpcf7-not-valid:focus::placeholder,
      input[type="number"].wpcf7-not-valid:focus::placeholder,
      input[type="tel"].wpcf7-not-valid:focus::placeholder,
      input[type="range"].wpcf7-not-valid:focus::placeholder,
      input[type="date"].wpcf7-not-valid:focus::placeholder,
      input[type="month"].wpcf7-not-valid:focus::placeholder,
      input[type="week"].wpcf7-not-valid:focus::placeholder,
      input[type="time"].wpcf7-not-valid:focus::placeholder,
      input[type="datetime"].wpcf7-not-valid:focus::placeholder,
      input[type="datetime-local"].wpcf7-not-valid:focus::placeholder,
      input[type="color"].wpcf7-not-valid:focus::placeholder,
      textarea.wpcf7-not-valid:focus::placeholder {
        color: white; }

textarea {
  float: left; }

span.wpcf7-form-control-wrap.acceptance {
  max-width: 600px; }

/* Absender-Seite in Kontakt-Formular */
input.referer-page {
  display: none !important; }

/*--------------------------------------------------------------
## Zauberwurz CUSTOMS
--------------------------------------------------------------*/
input.uk-search-input {
  border-radius: 3px 0 0 3px !important;
  height: 39px; }

.search-submit {
  height: 100%;
  border-radius: 0 3px 3px 0;
  border: none;
  margin-left: 2px;
  background: #acc08a url(../page-customs/assets/images/icons/icon-search-white.png) center center no-repeat;
  background-size: 18px auto;
  width: 40px; }

.input-wrap {
  display: flex;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .input-wrap:focus, .input-wrap:focus-within {
    border-color: black; }

/* Achtung, ID varriert. Wird vom System automatisch vergeben. */
.quiz-92 {
  padding: 0; }
  .quiz-92 .quiz {
    border: 2px solid white; }
  .quiz-92 .wpcf7-quiz-label {
    display: inline-block;
    padding-bottom: 6px; }

/*--------------------------------------------------------------
## WC CAPTCHA
--------------------------------------------------------------*/
.wccaptcha {
  color: #555555; }
  .wccaptcha .wpcf7-form-control-wrap {
    display: inline;
    border: none;
    margin-top: 10px; }
    .wccaptcha .wpcf7-form-control-wrap .input-wrap {
      display: inline-block;
      width: auto; }
    .wccaptcha .wpcf7-form-control-wrap input {
      display: inline;
      width: 100px;
      border: 2px solid white; }
  .wccaptcha .wpcf7-form-control-wrap:focus-within {
    border: none; }

.wccaptcha + p {
  margin-top: 0; }

/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
body.no-touch .search-submit:hover {
  cursor: pointer;
  background-color: #90ab62; }
  body.no-touch .search-submit:hover:disabled:hover {
    cursor: not-allowed;
    background-color: #acc08a; }

/*--------------------------------------------------------------
## GUTENBERG FRONTEND STYLES
--------------------------------------------------------------*/
.alignwide,
.alignfull {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw; }

.alignfull > .grids-s-w_i > div[class^="grids-a-"] {
  padding-left: 0 !important;
  padding-right: 0 !important; }

div[class^="grids-s-"].alignfull > .grids-s-w_i > div[class^="grids-a-"] > *:not(.alignwide) {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

/* Options for Small Screens ---------------------------------------------------------------- */
/* Options for Medium Screens ---------------------------------------------------------------- */
@media (min-width: 960px) {
  .alignwide {
    margin: 0 calc((680px - 960px)/2);
    max-width: 960px;
    width: 960px;
    padding: 0; } }
/* Options for Large Screens ---------------------------------------------------------------- */
@media (min-width: 1200px) {
  .alignwide {
    margin: 0 calc((680px - 960px)/2);
    max-width: 960px;
    width: 960px; }

  /* Wenn verschachtelt in Full-Width Section */
  .alignfull .grids-s-w_i .alignwide.cards.shadowed {
    margin: 0 auto !important; } }
/* Options for XLarge Screens ---------------------------------------------------------------- */
@media (min-width: 1600px) {
  .alignwide {
    margin: 0 calc((680px - 1060px)/2);
    max-width: 1060px;
    width: 1060px; } }
/* Options for XXLarge Screens ---------------------------------------------------------------- */
/*--------------------------------------------------------------
## MODAL CUSTOMS
--------------------------------------------------------------*/
.uk-modal .uk-close {
  color: black; }
.uk-modal .uk-modal-title {
  margin-bottom: 36px; }
  .uk-modal .uk-modal-title:before {
    display: none; }
.uk-modal .modal-phone-contact .uk-modal-title {
  margin-bottom: 18px; }
.uk-modal .modal-phone-contact p:last-of-type {
  margin-bottom: 30px; }

.uk-modal-dialog, .uk-modal-dialog input, .uk-modal-dialog textarea {
  font-size: 15px !important;
  line-height: 1.52; }

.uk-modal-footer {
  background: none;
  padding: 23px 0 0 0; }

/* Zauberwurz Customs --- SEARCH & FILTER MODAL */
.uk-modal#overlay-menu {
  padding: 24px !important; }
.uk-modal#modal-search .uk-modal-body, .uk-modal#modal-tipp .uk-modal-body, .uk-modal#modal-termin-contact .uk-modal-body, .uk-modal#modal-termin-order .uk-modal-body {
  padding: 21px;
  border: 1px solid rgba(159, 153, 72, 0.16);
  width: 778px;
  box-shadow: 0 5px 24px rgba(62, 78, 42, 0.25); }
.uk-modal#modal-search .inner-bg-right, .uk-modal#modal-tipp .inner-bg-right, .uk-modal#modal-termin-contact .inner-bg-right, .uk-modal#modal-termin-order .inner-bg-right {
  width: 100%;
  border: 2px solid #fff;
  background: url(../page-customs/assets/images/backgrounds/modal-bg-right-small.png) no-repeat top right;
  background-size: 160px auto; }
  .uk-modal#modal-search .inner-bg-right .inner-bg-left, .uk-modal#modal-tipp .inner-bg-right .inner-bg-left, .uk-modal#modal-termin-contact .inner-bg-right .inner-bg-left, .uk-modal#modal-termin-order .inner-bg-right .inner-bg-left {
    width: 100%;
    padding: 0 0 40px 0;
    background: url(../page-customs/assets/images/backgrounds/modal-bg-left-small.png) no-repeat top left;
    background-size: 160px auto; }
.uk-modal#modal-search .uk-modal-title, .uk-modal#modal-tipp .uk-modal-title, .uk-modal#modal-termin-contact .uk-modal-title, .uk-modal#modal-termin-order .uk-modal-title {
  margin-bottom: 12px; }
.uk-modal#modal-search .uk-modal-title + div, .uk-modal#modal-tipp .uk-modal-title + div, .uk-modal#modal-termin-contact .uk-modal-title + div, .uk-modal#modal-termin-order .uk-modal-title + div {
  margin-top: 0; }
.uk-modal#modal-search h3, .uk-modal#modal-tipp h3, .uk-modal#modal-termin-contact h3, .uk-modal#modal-termin-order h3 {
  margin-bottom: 0; }
.uk-modal#modal-search .cat-list li, .uk-modal#modal-tipp .cat-list li, .uk-modal#modal-termin-contact .cat-list li, .uk-modal#modal-termin-order .cat-list li {
  display: inline; }
  .uk-modal#modal-search .cat-list li:before, .uk-modal#modal-tipp .cat-list li:before, .uk-modal#modal-termin-contact .cat-list li:before, .uk-modal#modal-termin-order .cat-list li:before {
    display: none; }
  .uk-modal#modal-search .cat-list li:after, .uk-modal#modal-tipp .cat-list li:after, .uk-modal#modal-termin-contact .cat-list li:after, .uk-modal#modal-termin-order .cat-list li:after {
    display: inline;
    content: ' / '; }
  .uk-modal#modal-search .cat-list li:last-of-type:after, .uk-modal#modal-tipp .cat-list li:last-of-type:after, .uk-modal#modal-termin-contact .cat-list li:last-of-type:after, .uk-modal#modal-termin-order .cat-list li:last-of-type:after {
    display: none; }

.modal-border {
  width: 100%;
  min-height: 100%;
  display: flex;
  border: 2px solid rgba(92, 106, 34, 0.16); }

.modal-close-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 666;
  width: 100%;
  box-sizing: border-box; }
  .modal-close-container .uk-modal-close-default {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 34px;
    height: 34px;
    background: #b1bd9e;
    border-radius: 50%;
    border: 3px solid #fff;
    display: flex; }
    .modal-close-container .uk-modal-close-default svg {
      color: #fff;
      width: 70%;
      margin: 0 auto; }

/* FULLSCREEN MODALS - CONTACT */
/*--------------------------------------------------------------    
## Options for Medium Screens
--------------------------------------------------------------*/
@media (min-width: 960px) {
  .uk-modal#modal-search .inner-bg-right .inner-bg-left {
    padding: 0 25px 45px 25px; } }
/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
body.no-touch .uk-modal .uk-close {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  body.no-touch .uk-modal .uk-close:hover {
    background: #8a9c6d;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

/*--------------------------------------------------------------
## Header Navbar
--------------------------------------------------------------*/
.mainmenue-wrap {
  width: 100%; }

.main-navigation {
  /* XTRAS - KONTAKT - SUCHE - PHONE ------------- */ }
  .main-navigation ul li {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0; }
    .main-navigation ul li:first-of-type {
      padding-left: 0; }
    .main-navigation ul li:last-of-type {
      padding-right: 0; }
    .main-navigation ul li a, .main-navigation ul li button {
      text-decoration: none;
      padding-top: 12px;
      padding-bottom: 12px;
      position: relative;
      color: black; }
      .main-navigation ul li a:visited, .main-navigation ul li button:visited {
        color: black; }
    .main-navigation ul li.current_page_item a, .main-navigation ul li.current-page-ancestor a, .main-navigation ul li.current-menu-item a {
      color: #536139; }
  .main-navigation ul.mainmenu li a {
    font-family: "Playball", serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: unset; }
  .main-navigation .menutoggle {
    display: block;
    padding: 10px 0; }
    .main-navigation .menutoggle button {
      padding-left: 20px;
      padding-right: 0;
      padding-top: 0;
      padding-bottom: 29px;
      background: none;
      border: none;
      margin: 0;
      color: black; }
      .main-navigation .menutoggle button:hover {
        cursor: pointer; }
    .main-navigation .menutoggle .menu-toggle {
      width: 34px;
      height: 34px;
      color: black; }
      .main-navigation .menutoggle .menu-toggle span {
        width: 100%;
        height: 100%; }
        .main-navigation .menutoggle .menu-toggle span svg {
          width: 100%; }
  .main-navigation .social-btn a {
    display: block;
    width: 20px;
    height: 48px;
    font-family: inherit; }
    .main-navigation .social-btn a .uk-icon {
      width: 100%;
      height: 100%;
      position: relative;
      top: -1px; }
  .main-navigation * + .socials-wrap-container {
    margin-left: calc(10px * 2); }
  .main-navigation .socials-wrap-container + .menutoggle {
    margin-left: calc(10px * 2); }
  .main-navigation .socials-wrap {
    display: none; }
  .main-navigation .menue-items-wrap {
    height: 48px; }

body.single-post .main-navigation ul li.current_page_parent a {
  color: #536139; }

/* Zauberwurz Specials */
body.single-diy .main-navigation ul li.menu-item-object-diy a {
  color: #536139; }

body.single-termin .main-navigation ul li.menu-item-object-termin a {
  color: #536139; }

body.archive:not(.category-diy, .post-type-archive-termin) .main-navigation ul li.current_page_parent a {
  color: #536139; }

.site-branding {
  margin: 0 20px 0 0;
  width: 160px;
  height: 48px; }
  .site-branding .logowrap {
    position: absolute;
    top: -29px; }

@media screen and (min-width: 375px) {
  .main-navigation .main-nav-xtras, .main-navigation .socials-wrap {
    display: block; } }
@media screen and (min-width: 767px) {
  .main-navigation .site-branding {
    margin: 0 20px; }
  .main-navigation .menutoggle.mobile {
    display: none; } }
@media screen and (min-width: 960px) {
  .mainmenue-wrap {
    max-width: 960px; }

  .main-navigation .site-branding {
    margin: 0 40px; }
    .main-navigation .site-branding .logowrap {
      top: -36px; }
  .main-navigation ul li {
    padding-left: calc(10px + 5px);
    padding-right: calc(10px + 5px); }
  .main-navigation ul.mainmenu li a {
    font-size: calc(20px + 4px); }
  .main-navigation * + .socials-wrap-container {
    margin-left: calc((10px * 2) + 10px); }
    .main-navigation * + .socials-wrap-container li {
      padding: 0 10px; }
      .main-navigation * + .socials-wrap-container li:last-of-type {
        padding-right: 0; } }
@media screen and (min-width: 1200px) {
  .main-navigation ul li {
    padding-left: calc(18px);
    padding-right: calc(18px); }
  .main-navigation * + .socials-wrap-container {
    margin-left: 36px; }
    .main-navigation * + .socials-wrap-container li {
      padding: 0 18px; }
      .main-navigation * + .socials-wrap-container li:last-of-type {
        padding-right: 0; } }
@media screen and (min-width: 1600px) {
  .mainmenue-wrap {
    max-width: 1060px; } }
/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
body.no-touch .main-navigation ul li a:hover, body.no-touch .main-navigation ul li a:focus, body.no-touch .main-navigation ul li a:visited:hover, body.no-touch .main-navigation ul li button:hover, body.no-touch .menutoggle a:hover, body.no-touch .menutoggle a:focus, body.no-touch .menutoggle a:visited:hover, body.no-touch .menutoggle button:hover {
  color: #536139;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
body.no-touch .main-navigation .social-btn a {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

/*--------------------------------------------------------------
## BORLABS COOKIE PLUGIN
--------------------------------------------------------------*/
div[data-borlabs-cookie-blocked-content] {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden; }
  div[data-borlabs-cookie-blocked-content]:last-of-type {
    margin-bottom: 0; }
  div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct {
    width: 100%;
    min-height: 100% !important;
    max-height: 360px !important;
    margin: 0 !important; }
    div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct .bc-thumbnail {
      overflow: hidden; }
      div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct .bc-thumbnail img {
        margin: 0 !important;
        -webkit-filter: blur(3px);
        /* Safari */
        filter: blur(3px); }
  div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct .bc-text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 81, 79, 0.7); }
  div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct .bc-text {
    height: 100%; }

[data-borlabs-cookie-wrap] * {
  font-family: "Arimo", sans-serif !important; }

[data-borlabs-cookie-wrap="inline"] p.borlabsCookieHeadline {
  font-family: "Playball", serif !important;
  font-weight: 700; }

[data-borlabs-cookie-wrap] [data-borlabs-cookie] p {
  color: #536139 !important; }

[data-borlabs-cookie-log] {
  margin-left: -2px; }

[data-borlabs-cookie-log] th {
  text-transform: uppercase;
  font-weight: 700;
  text-align: left !important; }

/*--------------------------------------------------------------
## BREAKPOINTS
--------------------------------------------------------------*/
@media (min-width: 640px) {
  div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct .bc-text p, div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct .bc-text p label {
    font-size: 12px !important; }
  div[data-borlabs-cookie-blocked-content] .borlabs-cookie-bct.bc-bct-youtube .bc-text a[role="button"] {
    font-size: 14px !important; } }
/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## JETPACK EMBED VIDEO FIX
--------------------------------------------------------------*/
.wp-embed-responsive .wp-has-aspect-ratio .jetpack-video-wrapper iframe {
  width: 100% !important;
  height: 100% !important; }

/*--------------------------------------------------------------
## OVERLAY EVER MENU
--------------------------------------------------------------*/
/* MODAL */
#overlay-menu {
  background: white;
  opacity: 0; }
  #overlay-menu.uk-open {
    opacity: 1; }
  #overlay-menu .uk-modal-dialog {
    transition: none;
    background: none; }
    #overlay-menu .uk-modal-dialog ul.the-menue {
      list-style: none;
      padding-left: 0; }
      #overlay-menu .uk-modal-dialog ul.the-menue li a {
        display: inline-block;
        padding: 0.1rem 0;
        font-family: "Playball", serif;
        font-size: 1.4rem; }
        #overlay-menu .uk-modal-dialog ul.the-menue li a:visited {
          color: black; }
      #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon {
        position: relative;
        left: 10px;
        top: 2px; }
        #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.closed {
          display: none;
          background: #b1bd9e;
          border-radius: 50%; }
          #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.closed svg {
            fill: #fff;
            max-width: 60%;
            margin: 0 auto;
            width: 20px;
            height: 20px; }
            #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.closed svg rect {
              height: 2px;
              width: 16px;
              y: 9px;
              x: 2px; }
        #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.open {
          display: flex;
          background: #b1bd9e;
          border-radius: 50%; }
          #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.open svg {
            fill: #fff;
            max-width: 60%;
            margin: 0 auto;
            width: 20px;
            height: 20px; }
            #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.open svg rect:first-of-type {
              x: 9px;
              y: 0px;
              width: 2px;
              height: 18px; }
            #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent .submentoggle .uk-icon.open svg rect:last-of-type {
              x: 1px;
              y: 8px;
              width: 18px;
              height: 2px; }
      #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent.uk-open .uk-icon.closed {
        display: flex; }
      #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent.uk-open .uk-icon.open {
        display: none; }
      #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent ul {
        padding: 8px 0 20px; }
        #overlay-menu .uk-modal-dialog ul.the-menue li.uk-parent ul li a {
          font-size: 1.3em;
          padding: 0.2rem 0; }
      #overlay-menu .uk-modal-dialog ul.the-menue li.current_page_parent:not(.menu-item-18) > a, #overlay-menu .uk-modal-dialog ul.the-menue li.current-menu-item > a, #overlay-menu .uk-modal-dialog ul.the-menue li.current_page_item div > a, #overlay-menu .uk-modal-dialog ul.the-menue li.current-page-ancestor div > a {
        color: #536139; }
    #overlay-menu .uk-modal-dialog .socials-wrap {
      margin-top: 60px; }
      #overlay-menu .uk-modal-dialog .socials-wrap ul {
        list-style: none;
        padding-left: 0; }
        #overlay-menu .uk-modal-dialog .socials-wrap ul li {
          display: inline;
          position: relative;
          margin-left: 12px; }
          #overlay-menu .uk-modal-dialog .socials-wrap ul li a {
            display: inline-block;
            padding: 0;
            font-size: 0.8rem;
            width: 30px;
            height: 30px;
            overflow: hidden;
            text-indent: -999px; }
            #overlay-menu .uk-modal-dialog .socials-wrap ul li a:before {
              content: '';
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              width: 30px;
              height: 30px;
              border: 1px solid #536139;
              color: white;
              border-radius: 50%; }
          #overlay-menu .uk-modal-dialog .socials-wrap ul li:first-of-type {
            margin-left: 0; }
          #overlay-menu .uk-modal-dialog .socials-wrap ul li.facebook a:before {
            background: url(../uikit/src/images/icons/facebook.svg) no-repeat center center;
            background-size: 14px auto; }
          #overlay-menu .uk-modal-dialog .socials-wrap ul li.youtube a:before {
            background: url(../uikit/src/images/icons/youtube.svg) no-repeat center center;
            background-size: 14px auto; }
          #overlay-menu .uk-modal-dialog .socials-wrap ul li.soundcloud a:before {
            background: url(../uikit/src/images/icons/soundcloud.svg) no-repeat center center;
            background-size: 14px auto; }

/* Options for Small Screens ------------------------------ */
@media (min-width: 414px) {
  #overlay-menu .uk-modal-dialog ul.the-menue li a {
    padding: 0.2rem 0;
    font-size: 1.8rem; } }
/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
body.no-touch #overlay-menu ul.the-menue a {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
body.no-touch #overlay-menu ul.the-menue a:hover, body.no-touch #overlay-menu ul.the-menue a:visited:hover {
  color: #536139;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
body.no-touch #overlay-menu ul.the-menue .submentoggle:hover {
  cursor: pointer; }
  body.no-touch #overlay-menu ul.the-menue .submentoggle:hover .uk-icon {
    color: #536139; }
body.no-touch #overlay-menu .socials-wrap ul li a:before {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
body.no-touch #overlay-menu .socials-wrap ul li a:hover:before {
  background-color: white;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

a:hover {
  text-decoration: none; }

.site-content {
  position: relative;
  background: #f8fbf7;
  z-index: 1; }

.content-area {
  max-width: 680px;
  font-size: 14px;
  line-height: 1.52;
  margin-top: 100px;
  padding-bottom: 100px; }

.post-edit-link {
  display: inline-block !important;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 0 20px 0 36px;
  border-radius: 15px;
  position: relative;
  background: #9c6fab;
  color: white !important; }
  .post-edit-link svg {
    position: absolute;
    left: 11px;
    top: 4px; }
  .post-edit-link:hover {
    background: #7d518b;
    color: white;
    text-decoration: none !important; }

/*--------------------------------------------------------------
## HEADER / NAVBAR
--------------------------------------------------------------*/
.site-header {
  background: #fff url(../page-customs/assets/images/backgrounds/header-muster-a.png);
  background-position: center center;
  background-size: 1920px auto;
  background-repeat: repeat;
  box-shadow: 0 0 8px rgba(62, 78, 42, 0.25) !important;
  z-index: 980; }

.head-content-wrap {
  position: relative;
  z-index: 666;
  width: 100%;
  min-height: 75px;
  border-top: 0 solid black; }

.head-wrapper-class {
  width: 100%; }

.site-header.uk-sticky.uk-active {
  /* set display none, if a second logo for sticky header is */
  /* set display block, if a second logo for sticky header is */ }
  .site-header.uk-sticky.uk-active .custom-logo-link-sticky {
    display: none;
    width: 100%;
    height: 100%;
    background-image: url(../page-customs/assets/images/logos/zauberwurz-head-logo-big.png);
    background-repeat: no-repeat;
    background-size: auto 100%; }

.sticky-bg {
  height: calc(120px - 0);
  overflow: hidden;
  position: fixed;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 888;
  width: 100%; }

@-moz-document url-prefix() {
  .sticky-bg {
    background: white; } }
.site-branding {
  width: 160px;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  .site-branding .custom-logo-link {
    height: auto;
    background: url(../page-customs/assets/images/logos/zauberwurz-head-logo-big.png);
    display: block;
    line-height: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center; }
  .site-branding .brandname {
    position: absolute;
    top: 2px;
    left: 0;
    width: 210px;
    height: 100%;
    text-transform: uppercase;
    color: #536139;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-align: right;
    z-index: 1; }
  .site-branding .site-description {
    display: none; }

/*--------------------------------------------------------------
## CONTENT
--------------------------------------------------------------*/
.entry-header .entry-meta {
  margin-bottom: 4px;
  font-size: 0.9rem;
  font-family: "Playball", serif; }
  .entry-header .entry-meta a {
    color: #536139; }

h2 + p {
  margin-top: 0; }

.entry-content a:not(.uk-button), .content-area a:not(.uk-button) {
  color: #536139; }
.entry-content p a:not(.uk-button), .content-area p a:not(.uk-button) {
  word-break: break-word; }
.entry-content p a:not(.uk-button), .content-area p a:not(.uk-button) {
  text-decoration: none; }

* + figure, * + figure.alignwide {
  margin-top: calc(12px * 2); }

h2 + figure, h2 + div:not(.subhead) {
  margin-top: 30px; }

h2 + figure .borlabs-cookie-responsive-iframe-wrapper {
  padding-top: 0; }

figure + * {
  margin-top: calc((12px - 2) * 2); }

figure, figure.alignwide {
  margin-bottom: 12px; }

figure.alignfull {
  margin-bottom: calc(12px * 4); }

figure.wp-block-image {
  margin: 24px 0; }

figure.wp-block-image + * {
  margin-top: 24px; }

.inset {
  margin-left: auto;
  margin-right: auto; }
  .inset.small {
    max-width: 675px; }

/* GRIDS-PLUGIN */
.grids-s-w_i div[class*="grids-a-"]:last-of-type .wp-block-image {
  margin-bottom: 0 !important; }

/*--------------------------------------------------------------
## HOMEPAGE
--------------------------------------------------------------*/
body.home .site-content {
  min-height: 100vh !important;
  overflow: visible;
  padding-bottom: 0; }
body.home .site-footer {
  margin: 0; }
body.home .home-img {
  background-color: #829265;
  min-height: 100vh;
  width: 100%; }
  body.home .home-img .border-bottom {
    background: url(../page-customs/assets/images/backgrounds/home-img-border-white-pattern.png);
    background-size: 70px auto;
    background-position: center bottom;
    background-repeat: repeat-x;
    min-height: 100vh;
    padding: 100px 0 120px; }
  body.home .home-img .button-scroll-bottom a {
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 24px #232c14; }
    body.home .home-img .button-scroll-bottom a span {
      background: rgba(255, 255, 255, 0.2);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      padding: 6px 7px; }

.msg-inner {
  padding: 21px;
  border: 1px solid rgba(159, 153, 72, 0.16);
  box-shadow: 0 5px 24px rgba(62, 78, 42, 0.25);
  background-color: white;
  font-size: 0.8rem; }
  .msg-inner .border {
    width: 100%;
    min-height: 100%;
    border: 2px solid rgba(92, 106, 34, 0.16);
    padding: 23px; }
  .msg-inner h1 {
    font-size: 33px; }
  .msg-inner p {
    font-size: 0.8rem; }

.msg {
  max-width: 90%; }
  .msg.themes .msg-inner img {
    max-width: 180px; }
  .msg.themes .msg-inner h2 {
    font-size: 30px;
    margin: 0 0 10px 0; }
  .msg.themes .msg-inner .desc {
    margin: 0; }

/*--------------------------------------------------------------
## INDEX OF POSTS / BLOGPOSTS
--------------------------------------------------------------*/
.posts {
  position: relative; }

.posts-index .subhead strong, .posts .subhead strong {
  letter-spacing: -0.05rem; }
.posts-index .subhead .cat-links a, .posts .subhead .cat-links a {
  display: inline-flex; }
.posts-index a.readmore, .posts a.readmore {
  font-family: "Playball", serif;
  font-size: 1.4rem;
  font-weight: normal; }
.posts-index .postwrap h3, .posts .postwrap h3 {
  line-height: 1.1; }
.posts-index .postwrap .excerpt, .posts .postwrap .excerpt {
  font-size: 0.95rem;
  line-height: 1.4; }
.posts-index .postwrap .desc, .posts .postwrap .desc {
  max-width: 600px; }
.posts-index .postwrap .date, .posts .postwrap .date {
  font-size: 0.75rem;
  font-weight: 400; }

/*--------------------------------------------------------------
## SECTIONS
--------------------------------------------------------------*/
.section {
  padding: 56px 0 56px; }
  .section:last-of-type {
    margin-bottom: 0; }
  .section:first-of-type {
    margin-top: 0; }

.entry-content > .section:first-of-type {
  padding-top: 0; }

.alignfull, .alignwide {
  box-sizing: border-box; }
  .alignfull *, .alignfull ::before, .alignfull ::after, .alignwide *, .alignwide ::before, .alignwide ::after {
    box-sizing: inherit; }

.alignwide {
  padding-left: 20px;
  padding-right: 20px; }

.section + .section {
  margin-top: 0; }

.section.white + .section.white {
  padding-top: 0;
  margin-top: 0; }

.section.grey.projects.alignfull {
  margin-bottom: 0 !important; }

.content-without-title {
  margin-top: calc(0 + 35px); }

/*--------------------------------------------------------------
## POSTNAV / SLIDENAV / DOTNAV
--------------------------------------------------------------*/
.slidenav-l {
  display: none; }
  .slidenav-l a {
    box-sizing: content-box;
    color: #a1a1a1; }

/*--------------------------------------------------------------
## PAGINATION NUMBERED
--------------------------------------------------------------*/
.custom-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  .custom-pagination ul li {
    display: inline-flex;
    margin-left: 10px; }
    .custom-pagination ul li:first-of-type {
      margin-left: 0; }
    .custom-pagination ul li a, .custom-pagination ul li div {
      display: inline-block;
      border: 1px solid #536139;
      border-radius: 3px;
      width: 26px;
      height: 32px;
      font-family: "Playball", serif;
      font-weight: 600;
      line-height: 30px;
      text-align: center;
      font-size: 0.9rem; }
      .custom-pagination ul li a.first span, .custom-pagination ul li a.prev span, .custom-pagination ul li a.next span, .custom-pagination ul li a.last span, .custom-pagination ul li div.first span, .custom-pagination ul li div.prev span, .custom-pagination ul li div.next span, .custom-pagination ul li div.last span {
        position: relative;
        top: -1px; }
    .custom-pagination ul li .current {
      border: 1px solid #818181;
      color: #232c14; }

/*--------------------------------------------------------------
## SUCHE / SUCHERGEBNISSE WP
--------------------------------------------------------------*/
.search-results .site-main article {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 0;
  padding: 20px 0; }
  .search-results .site-main article:first-of-type {
    padding-top: 0; }
  .search-results .site-main article:last-of-type {
    padding-bottom: 0;
    border: none; }
  .search-results .site-main article .search-result-type {
    margin-bottom: 0.25rem;
    display: none; }
  .search-results .site-main article .entry-header {
    margin: 0; }
    .search-results .site-main article .entry-header h3.entry-title {
      margin-top: 0;
      margin-bottom: 0; }
    .search-results .site-main article .entry-header .entry-meta {
      margin-top: 0;
      font-family: 'Arimo', sans-serif; }
  .search-results .site-main article.type-termin .search-result-type.type-termin {
    display: block; }
  .search-results .site-main article.type-page .search-result-type.type-page {
    display: block; }
  .search-results .site-main article.type-post .search-result-type.type-post {
    display: block; }

/*--------------------------------------------------------------
## EINBETTUNGEN WP
--------------------------------------------------------------*/
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 0;
  box-sizing: border-box; }

/*--------------------------------------------------------------
## WORDPRESS IMAGE & GALLERY
--------------------------------------------------------------*/
.wp-block-image figcaption {
  max-width: 680px;
  margin: 0 auto;
  padding-top: 12px;
  text-align: center;
  font-size: 12px;
  line-height: 1.52; }

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 1.52; }

.wp-block-gallery, .wp-block-gallery.alignwide, .wp-block-gallery.alignfull {
  margin-top: calc(12px * 2);
  margin-bottom: calc(12px * 2); }

/* Image-Link Hover Animation in Image and Gallery*/
.wp-block-image a, .wp-block-gallery .blocks-gallery-item a, .uk-slider li a, .posts a {
  display: block;
  overflow: hidden; }
  .wp-block-image a img, .wp-block-gallery .blocks-gallery-item a img, .uk-slider li a img, .posts a img {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-property: opacity, transform, filter; }
.wp-block-image h2 a, .wp-block-gallery .blocks-gallery-item h2 a, .uk-slider li h2 a, .posts h2 a {
  overflow: visible !important; }

.wp-block-gallery .blocks-gallery-item figcaption {
  opacity: 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

/*--------------------------------------------------------------
## BORLABS COOKIE
--------------------------------------------------------------*/
.borlabs_cookie_log th {
  text-align: left !important; }

/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/
.site-footer {
  color: white;
  font-family: "Playball", serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.025em;
  z-index: 1;
  background-image: url(../page-customs/assets/images/backgrounds/footer-muster-a.png);
  background-size: 1920px auto;
  /* Zauberwurz Customs */ }
  .site-footer a {
    color: white; }
  .site-footer .uk-grid > .uk-grid-margin {
    margin-top: 16px; }
  .site-footer .footer-wrap {
    max-width: 960px;
    height: 100%; }
    .site-footer .footer-wrap .footer-content-wrap {
      height: 100%; }
      .site-footer .footer-wrap .footer-content-wrap .footer-logo {
        float: left; }
        .site-footer .footer-wrap .footer-content-wrap .footer-logo .custom-logo-link {
          margin-top: 0;
          max-width: 145px;
          background-image: url(../page-customs/assets/images/logos/zauberwurz-logo-white-01-small.png);
          background-size: contain;
          position: relative;
          top: -6px;
          margin-bottom: 20px; }
      .site-footer .footer-wrap .footer-content-wrap .footer-contact-menue {
        clear: both; }
        .site-footer .footer-wrap .footer-content-wrap .footer-contact-menue ul {
          list-style: none;
          margin-bottom: 0;
          padding-left: 0; }
          .site-footer .footer-wrap .footer-content-wrap .footer-contact-menue ul li:last-of-type {
            margin-right: 0; }
          .site-footer .footer-wrap .footer-content-wrap .footer-contact-menue ul li.slaeuft {
            font-size: 14px;
            line-height: 12px; }
      .site-footer .footer-wrap .footer-content-wrap .social-btn {
        height: 20px;
        margin-bottom: 10px; }
        .site-footer .footer-wrap .footer-content-wrap .social-btn a {
          position: relative;
          top: -1px;
          margin-left: 6px;
          width: 20px;
          height: 20px;
          float: right; }
        .site-footer .footer-wrap .footer-content-wrap .social-btn:first-of-type a {
          margin-left: 0; }
        .site-footer .footer-wrap .footer-content-wrap .social-btn .facebook svg {
          width: 15px; }
        .site-footer .footer-wrap .footer-content-wrap .social-btn .instagram svg {
          width: 18px; }
        .site-footer .footer-wrap .footer-content-wrap .social-btn .twitter svg {
          width: 19px; }
        .site-footer .footer-wrap .footer-content-wrap .social-btn .youtube svg {
          top: -4px;
          width: 18px; }
  .site-footer .copyright {
    margin: 30px 0 0 0; }
  .site-footer .social-col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .site-footer .search-toggle {
    background: url(../page-customs/assets/images/icons/icon-search-white.png) center center no-repeat;
    background-size: 18px auto; }

/*--------------------------------------------------------------
## TEMPLATE SPECIALS
--------------------------------------------------------------*/
.wp-block-group.alignfull > .wp-block-group__inner-container .wp-block-group {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto; }
.wp-block-group.has-background {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 60px 20px; }
  .wp-block-group.has-background:last-child {
    margin-bottom: 0; }

/* Zauberwurz Special ------------------------- */
.site-main {
  padding-top: 0; }

.entry-content hr.wp-block-separator {
  border-bottom: 0;
  background: none;
  opacity: 1;
  margin: 4.5em 0;
  position: relative; }
  .entry-content hr.wp-block-separator:after {
    display: block;
    width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    overflow-x: hidden;
    height: 5px;
    font-size: 12px;
    line-height: 0;
    content: "..........................................................................................................................................";
    letter-spacing: 0.25rem;
    position: absolute;
    bottom: 0;
    color: #829265; }
  .entry-content hr.wp-block-separator:last-of-type {
    margin-bottom: 2.25rem; }
  .entry-content hr.wp-block-separator.small {
    margin: 1.5em 0; }
.entry-content p a {
  border-bottom: 1px solid #829265;
  font-weight: bold; }

body.single .entry-content {
  position: relative;
  padding-bottom: 35px; }
  body.single .entry-content .gutenberg-content {
    position: relative;
    padding-bottom: 55px; }
    body.single .entry-content .gutenberg-content:after {
      display: block;
      width: 100%;
      word-break: keep-all;
      white-space: nowrap;
      overflow-x: hidden;
      height: 5px;
      font-size: 12px;
      line-height: 0;
      content: "..........................................................................................................................................";
      letter-spacing: 0.25rem;
      position: absolute;
      bottom: 0;
      color: #829265; }
body.single .entry-footer {
  margin-bottom: 55px; }
  body.single .entry-footer .cats-n-tags {
    padding-bottom: 40px; }
    body.single .entry-footer .cats-n-tags:after {
      display: block;
      width: 100%;
      word-break: keep-all;
      white-space: nowrap;
      overflow-x: hidden;
      height: 5px;
      font-size: 12px;
      line-height: 0;
      content: "..........................................................................................................................................";
      letter-spacing: 0.25rem;
      position: absolute;
      bottom: 0;
      color: #829265; }
  body.single .entry-footer .cat-links a, body.single .entry-footer .tags-links a {
    opacity: 0.8; }

ol {
  counter-reset: li;
  list-style: none; }
  ol li {
    counter-increment: li;
    margin-bottom: 16px;
    padding-left: 10px; }
    ol li:last-of-type {
      margin-bottom: 0; }
    ol li::before {
      content: counter(li) ".";
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -30px;
      top: .05em;
      font-weight: bold; }

.autor {
  padding-top: 75px; }
  .autor .autor-img > a {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%; }
  .autor .autor-desc {
    line-height: 1.5; }
    .autor .autor-desc .date, .autor .autor-desc .desc {
      font-style: italic;
      font-size: 0.9rem; }
    .autor .autor-desc .desc {
      padding-bottom: 5px; }
  .autor .name {
    font-family: "Playball", serif;
    font-size: 26px; }

.postnav h2 {
  font-size: 24px; }

.small-header h1 {
  font-size: 1rem; }

h2 + h3 {
  margin-top: 5px !important; }

.uk-lightbox {
  z-index: 6666;
  background: rgba(255, 255, 255, 0.85) !important;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px); }
  .uk-lightbox .uk-lightbox-caption {
    color: #536139; }
  .uk-lightbox .uk-lightbox-items > * > * {
    max-width: 75vw;
    max-height: 75vh;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.36);
    border-radius: 0;
    border: 5px solid white; }
  .uk-lightbox .uk-spinner, .uk-lightbox .uk-icon {
    box-shadow: none;
    color: #1d1d1d;
    border: 0 !important; }
  .uk-lightbox .uk-lightbox-toolbar {
    background: none; }
  .uk-lightbox .uk-lightbox-toolbar-icon {
    color: #818181; }
  .uk-lightbox .uk-lightbox-button {
    margin-left: 0;
    margin-right: 0; }

/* COOKIE - FUNCTIONS ---------------------------------------*/
.change-message--on-click.hide {
  display: none; }
.change-message--on-click.show {
  display: block; }

.date-wrap {
  width: 102px;
  height: 102px;
  margin: 0 auto 20px auto; }

.date {
  line-height: 1.2;
  color: #5d734f; }
  .date .border {
    border-radius: 50%;
    border: 3px solid #def0d0;
    background: white;
    padding: 8px;
    font-family: 'Playball', serif; }
    .date .border .inner-border {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      border: 1px solid #b1bd9e;
      padding: 18px; }

.date-top {
  margin-top: 6px;
  font-size: 23px; }

.date-bottom {
  font-size: 14px; }

/*--------------------------------------------------------------
## SIDEBAR
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Termine Overview
--------------------------------------------------------------*/
.termin-wrap {
  background: #def0d0 url(../page-customs/assets/images/backgrounds/leinwand-muster-a.png);
  background-size: 1920px auto;
  margin: 0 0 60px 0; }
  .termin-wrap .leafs-wrap {
    padding: 10px;
    background: url(../page-customs/assets/images/backgrounds/leafs-big.png) no-repeat -50px -80px;
    background-size: 560px auto; }
  .termin-wrap .border-wrap {
    padding: 15px;
    border: 1px solid white; }
  .termin-wrap h2 {
    font-size: clamp(1.7rem, 7vw, 2.3rem); }
  .termin-wrap .subtitle {
    font-size: clamp(1.2rem, 5vw, 1.6rem); }
  .termin-wrap a.uk-button {
    margin-bottom: 0; }

.canceled,
.bookedup {
  padding-right: 20px;
  position: relative;
  display: inline-block; }
  .canceled + h2,
  .bookedup + h2 {
    margin-top: 20px; }
  .canceled:after,
  .bookedup:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    content: '';
    background: url(../page-customs/assets/images/backgrounds/flag-red.png) no-repeat right center;
    background-size: auto 100%; }
  .canceled div,
  .bookedup div {
    padding: 0 15px 0 35px;
    height: 58px;
    font-size: 1.5rem;
    line-height: 49px;
    font-family: "Playball", serif;
    color: white;
    background: url(../page-customs/assets/images/backgrounds/flag-red.png) no-repeat left center;
    background-size: auto 100%; }

.bookedup:after {
  background-image: url(../page-customs/assets/images/backgrounds/flag-orange.png); }
.bookedup > div {
  background-image: url(../page-customs/assets/images/backgrounds/flag-orange.png); }
.bookedup.small:after {
  background-image: url(../page-customs/assets/images/backgrounds/flag-yellow.png); }
.bookedup.small > div {
  background-image: url(../page-customs/assets/images/backgrounds/flag-yellow.png); }

/*--------------------------------------------------------------
## Termine Single
--------------------------------------------------------------*/
.single-termin .date-wrap {
  margin: 0 auto; }
.single-termin .date {
  transform: scale(1.1); }
.single-termin .uk-table-small td {
  padding-top: 0;
  padding-bottom: 0; }

.red {
  color: #b11f1f; }

/*--------------------------------------------------------------
## POSTS OVERVIEW
--------------------------------------------------------------*/
.posts-index .blog-title .search-toggle {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../page-customs/assets/images/icons/icon-search-green.png) center center no-repeat;
  background-size: 18px auto;
  float: right;
  opacity: 0.5; }
.posts-index .post-wrap {
  padding-bottom: 55px; }
  .posts-index .post-wrap:last-of-type {
    padding-bottom: 0; }

/*--------------------------------------------------------------
## BREAKPOINTS
--------------------------------------------------------------*/
@media (min-width: 375px) {
  .site-branding {
    width: 160px; }

  /* Zauberwurz SPECIALS --------------------------------- */
  .single-termin .date {
    transform: scale(1.3); } }
.menu-breakpoint {
  /* all that is hide before the desktop-menu is show */
  display: none; }

@media (min-width: 767px) {
  .menu-breakpoint {
    display: block; } }
@media (max-width: 961px) {
  .entry-content .wp-block-media-text {
    grid-template-columns: 100% 1fr; }
  .entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto; } }
/* Options for Small Screens ------------------------------- */
@media (min-width: 640px) {
  .content-area, .msg p {
    font-size: 15px;
    line-height: 1.52; }

  .site-footer .footer-wrap .footer-content-wrap .footer-contact-menue {
    margin-top: 0;
    clear: none; }
  .site-footer .copyright {
    margin: 0; }

  .alignwide {
    padding-left: 30px;
    padding-right: 30px; }

  .alignfull .alignwide {
    max-width: 960px;
    margin: 0 auto; }

  .wp-block-group.alignfull > .wp-block-group__inner-container .wp-block-group {
    max-width: 680px; }
    .wp-block-group.alignfull > .wp-block-group__inner-container .wp-block-group.alignwide {
      max-width: 1060px; }
    .wp-block-group.alignfull > .wp-block-group__inner-container .wp-block-group.alignfull {
      max-width: 1100px; }
  .wp-block-group.has-background {
    padding-left: 30px;
    padding-right: 30px; }

  /* Zauberwurz SPECIALS --------------------------------- */
  .msg {
    max-width: 670px; }
    .msg .msg-inner h1 {
      font-size: 42px; }
    .msg.themes {
      max-width: 460px; }
      .msg.themes .msg-inner img {
        max-width: 130px; }
      .msg.themes .msg-inner h2 {
        font-size: 30px; }
      .msg.themes .msg-inner .desc {
        font-size: 0.8rem; }

  .termin-wrap .leafs-wrap {
    padding: 20px; }
  .termin-wrap .border-wrap {
    padding: 30px; }
  .termin-wrap .excerpt {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }

  .single-termin .date {
    transform: scale(1.5); } }
/* Options for Medium Screens ------------------------------ */
@media (min-width: 820px) {
  .site-branding {
    width: 210px; } }
/* Options for Medium Screens ------------------------------ */
@media (min-width: 960px) {
  .content-without-title {
    margin-top: calc(0 + 60px); }

  .alignwide {
    padding-left: 30px;
    padding-right: 30px; }

  .alignfull .alignwide {
    max-width: 1060px; }

  /* Zauberwurz SPECIALS --------------------------------- */
  .head-content-wrap {
    min-height: 94px; }

  .site-main {
    padding-top: 20px; }

  .posts-index .postwrap h3 {
    font-size: 25px;
    line-height: 1.1; }
  .posts-index .postwrap .excerpt {
    font-size: 0.95rem; }

  .site-footer .footer-wrap .custom-logo-link {
    margin-bottom: 0 !important; }
  .site-footer .social-btn {
    display: block !important; }
  .site-footer .social-col {
    justify-content: flex-end;
    align-items: flex-end; }

  .msg {
    max-width: 780px; }
    .msg p {
      font-size: 14px; }
    .msg.themes {
      max-width: 950px; }

  .post-content {
    position: unset !important; }

  .termin-wrap h2 {
    max-width: 300px; }
  .termin-wrap .excerpt {
    max-width: unset; }
  .termin-wrap .canceled, .termin-wrap .bookedup {
    position: absolute;
    top: 12%;
    right: 0;
    z-index: 12;
    padding-right: 0; }
    .termin-wrap .canceled:after, .termin-wrap .bookedup:after {
      display: none; }
    .termin-wrap .canceled > div, .termin-wrap .bookedup > div {
      font-size: 1.6rem; } }
/* Options for Large Screens ----------- POSTNAV ----------- */
@media (min-width: calc(1200px + 100px)) {
  .slidenav-l {
    display: block; }

  .dotnav-s, .postnav.bottom.projects {
    display: none; } }
/* Options for Large Screens ------------------------------- */
@media (min-width: 1200px) {
  .alignwide {
    padding-left: 0;
    padding-right: 0; }

  .alignfull .alignwide {
    padding-left: 0;
    padding-right: 0; }

  /* Zauberwurz SPECIALS --------------------------------- */
  /* Zauberwurz Special for Logo */
  .site-main header.uk-text-center {
    margin-top: -40px; }

  .msg {
    max-width: 780px; }
    .msg .msg-inner .border {
      padding: 40px; }
    .msg.themes {
      max-width: 1100px; }
      .msg.themes .msg-inner img {
        max-width: 180px; }
      .msg.themes .msg-inner h2 {
        font-size: 30px; }
      .msg.themes .msg-inner .desc {
        font-size: 0.9rem; } }
/* Options for XLarge Screens ------------------------------- */
@media (min-width: 1600px) {
  .site-branding {
    width: 210px; }

  /* Zauberwurz Special */
  .site-main {
    padding-top: 20px; }

  .site-main header.uk-text-center {
    margin-top: 0; }

  .site-footer .footer-wrap {
    max-width: 1060px; } }
/*--------------------------------------------------------------
## HOVER OPTIONS for NOT-Mobile Devices
--------------------------------------------------------------*/
body.no-touch {
  /* Image-Link Hover Animation in Image and Gallery*/
  /* Zauberwurz SPECIALS --------------------------------- */ }
  body.no-touch a:not(.uk-slidenav-next, .uk-slidenav-previous) {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    body.no-touch a:not(.uk-slidenav-next, .uk-slidenav-previous) .uk-icon {
      -moz-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
  body.no-touch a:not(.uk-button, .uk-slidenav-next, .uk-slidenav-previous, .menu-toggle):hover {
    color: #232c14;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    body.no-touch a:not(.uk-button, .uk-slidenav-next, .uk-slidenav-previous, .menu-toggle):hover .uk-icon {
      -moz-transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; }
  body.no-touch a.uk-button:hover {
    border-color: none; }
  body.no-touch .site-footer a:hover, body.no-touch .site-footer a:hover .uk-icon {
    color: rgba(255, 255, 255, 0.6); }
  body.no-touch .site-footer a.search-toggle:hover {
    opacity: 0.6; }
  body.no-touch .wp-block-image a, body.no-touch .wp-block-gallery .blocks-gallery-item a, body.no-touch .uk-slider li a, body.no-touch .posts a, body.no-touch .termin a {
    display: block;
    overflow: hidden;
    position: relative; }
    body.no-touch .wp-block-image a img, body.no-touch .wp-block-image a .img-transform-wrap, body.no-touch .wp-block-gallery .blocks-gallery-item a img, body.no-touch .wp-block-gallery .blocks-gallery-item a .img-transform-wrap, body.no-touch .uk-slider li a img, body.no-touch .uk-slider li a .img-transform-wrap, body.no-touch .posts a img, body.no-touch .posts a .img-transform-wrap, body.no-touch .termin a img, body.no-touch .termin a .img-transform-wrap {
      -moz-transition: all .7s ease-in-out;
      -webkit-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out; }
  body.no-touch .wp-block-image a:hover img, body.no-touch .wp-block-image a:hover .img-transform-wrap, body.no-touch .wp-block-gallery .blocks-gallery-item a:hover img, body.no-touch .wp-block-gallery .blocks-gallery-item a:hover .img-transform-wrap, body.no-touch .uk-slider li a:hover img, body.no-touch .uk-slider li a:hover .img-transform-wrap, body.no-touch .posts a:hover img, body.no-touch .posts a:hover .img-transform-wrap, body.no-touch .termin a:hover img, body.no-touch .termin a:hover .img-transform-wrap {
    transform: scale(1.05);
    opacity: 0.6;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out; }
  body.no-touch .imgwrap {
    display: block;
    overflow: hidden;
    position: relative; }
  body.no-touch .wp-block-gallery .blocks-gallery-item:hover figcaption {
    opacity: 1;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  body.no-touch .uk-slidenav-previous:hover, body.no-touch .uk-slidenav-next:hover {
    opacity: 1;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  body.no-touch .entry-content .custom-pagination a:hover {
    background: #232c14;
    color: white;
    text-decoration: none; }
  body.no-touch .entry-footer .tags-links.uk-text-meta a {
    font-size: 0.6rem; }
  body.no-touch .entry-footer a:hover {
    opacity: 1; }
  body.no-touch .posts-index .blog-title .search-toggle:hover {
    opacity: 1; }
  body.no-touch aside .has-background:hover {
    background: #cee6c2; }
    body.no-touch aside .has-background:hover .date > div {
      background: #cee6c2; }
  body.no-touch .msg .msg-inner {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    body.no-touch .msg .msg-inner img {
      -moz-transition: all .5s ease-out;
      -webkit-transition: all .5s ease-out;
      transition: all .5s ease-out; }
    body.no-touch .msg .msg-inner.js-hover {
      box-shadow: 0 5px 24px rgba(62, 78, 62, 0.9);
      -moz-transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; }
      body.no-touch .msg .msg-inner.js-hover img {
        transform: scale(1.1);
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; }
  body.no-touch .home-img .button-scroll-bottom a:hover {
    box-shadow: 0 0 24px white; }

/*# sourceMappingURL=style.css.map */
