/*
Theme Name: memon Freunde
Theme URI: https://delucks.com/theme/
Author: DELUCKS
Author URI: https://delucks.com/
Description: The DELUCKS theme is a free minimal template optimized for the Gutenberg editor. Minimal styling with many Customizer options make this theme easily customizable. The theme is GDPR ready without Google Fonts and with lazy load for embedded YouTube videos. Responsive and fast. Mobile first setup possible. Perfect in combination with the <a href="https://wordpress.org/plugins/delucks-seo/" target="_blank">DELUCKS WordPress SEO Plugin</a>.
Version: 1.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: delucks
Tags: custom-header,custom-colors

(C) 2006-2018 DELUCKS GmbH
DELUCKS is distributed under the terms of the GNU GPL v2 or later.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Colors
# Forms
# Mobile Navigation
# Header
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
    outline: 0;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	font-weight: 300;
}

body.admin-bar,
.admin-bar #masthead {
    top: 32px;
}

.site-header {
	position: fixed;
	top: -1px;
	width: 100%;
	z-index: 999;
}

#content {
	margin-top: -1px !important;
}

.admin-bar .site-header {
	padding-top: 23px;
    height: 78px;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	-webkit-animation-delay: 2s;
    animation-delay: 2s;
	cursor: pointer;
}

a:active,
a:hover {
	outline: 0;
	filter:     alpha(opacity = 70);
	-ms-filter: "alpha(opacity = 70)";
	opacity:    .70;
}

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

b {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0 auto !important;
	-webkit-margin-before: 0em;
	text-align: center;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

.clear {
	clear: both;
}

ul.wp-block-latest-posts.is-grid {
    padding-left: 10px !important;
}

:focus{
        outline: -webkit-focus-ring-color auto 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.sans-serif {
	font-family: Helvetica, Arial, sans-serif;
}

.serif {
	font-family: Georgia, "Times New Roman", Times, "serif";
}

body,
button,
input,
select,
textarea {
	font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

.content-area,
.comments-area{
	line-height: 1.3;
    padding: 0 5px;
}

h1 {
	font-size: 1.7em;
	font-weight: bold;
}

h2 {
    font-size: 1.4em;
	font-weight: bold;
}

h3,
.wp-block-latest-posts a,
.site h2.entry-title {
	font-size: 1.2em;
	line-height: 1.2em;
}

h3.widget-title {
    margin-bottom: .5em;
}

.wp-block-latest-posts a,
.site h2.entry-title {
	padding: 0 !important;
}

.site h2.entry-title a {
	text-decoration: underline;
}

.linksnotunderlined a, .site .linksnotunderlined h2.entry-title a {
	text-decoration: none;
}

.wp-block-gallery {
	padding: 0;
	margin: 0;
}

.site-content ul.wp-block-gallery {
    max-width: 100%;
	padding: 1vh 10px !important;
}

.wp-block-cover-image.has-parallax {
    background-position: center;
}

h1 a,
h2 a,
h3 a {
    text-decoration: none;
}

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

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: Courier, monospace;
	font-size: 15px;
	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: Courier, monospace;
	font-size: 15px;
	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;
}

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

blockquote:before,
q:before {
	position: absolute;
	font-size: 2em;
	opacity: .15;
	content: "»";
    margin-left: -.7em;
	line-height: 1.2em;
}


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

ul,
ol {
	margin-bottom: 1em;
	-webkit-padding-start: 0;
}

#content ul {
	list-style: disc;
	padding-left: 1.8em;
}

ol {
	list-style: decimal;
	padding-left: 1em;
}

li {
	margin: 0 .5em .5em 1em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

.fullthumbnail {
    width: 100%;
    text-align: center;
	padding-bottom: 10px;
}

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

/* Gutenberg */
.entry-content .wp-block-columns {
    margin-bottom: 0;
}

@media(min-width: 45em){
	.wp-block-columns {
		display: flex;
	}

	.wp-block-column {
		margin-bottom: .5em;
	}

    .wp-block-text-columns .wp-block-column {
        margin: 0 10px;
    }

    .wp-block-text-columns .wp-block-column:first-child {
        margin-left: 10px;
    }
}

.wp-block-column h1,
.wp-block-column h2,
.wp-block-column h3 {
    padding: 1vh 0;
}

.wp-block-button {
	display: block;
}

.wp-block-button .wp-block-button__link {
	padding: 14px 24px;
}

p.has-background {
	width: 100%;
}

.wp-block-column p,
.dpc-comments-area p.nocomments {
	padding: 1vh 0;
}

.wp-block-latest-posts li {
    list-style: none;
}

.wp-block-table td {
    padding: 5px;
}

.wp-block-table.is-style-stripes tr:nth-child(odd) {
    background: #9e9e9e45;
}

.wp-block-table.is-style-stripes {
    border-bottom: none;
}


@media(max-width: 37.49em){
	.wp-block-column {
		width: 100% !important;
		margin: 5px 0 !important;
	}

	.wp-block-text-columns, .wp-block-text-columns.aligncenter {
		display: block;
	}

    .wp-block-spacer {
        display: none;
    }
}

/*--------------------------------------------------------------
# Forms & Paddings
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.nav-next a,
.nav-previous a {
	border: 0;
	padding: 14px 24px;
	margin: -5px 0;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    filter:     alpha(opacity = 50);
	-ms-filter: "alpha(opacity = 50)";
	opacity:    .50;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: #9e9e9e45;
	border: 0;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input,
textarea {
	padding: 8px 10px;
}

/* - DELUCKS SEO - Comments - */
.dpc-comments-area .comments-area-background {
    background: none;
}

.dpc-comments-area h2.comments-title {
    padding-left: 0;
}

.dpc-comments-area h3,
.dpc-comments-area .navigation:first-of-type,
.dpc-comments-area :target:before {
    display: none;
}

.dpc-comments-area :target:before {
    display: none;
}

.dpc-comments-area ol.commentlist {
    list-style: none;
    padding: 0;
}

.dpc-comments-area .comment_text p {
    margin: 0;
    padding: 5px 0;
}

a.dpc-btn.btn-delucks-show-comment-form {
	padding: 14px 24px;
	line-height: 24px;
	display: inline-block;
}

.comment-form-rating {
	padding: 10px;
    display: block;
    width: 100%;
}

.delucks_mcfs_optin_field {
    display: block !important;
    padding: 10px;
    margin-bottom: 15px;
}

.comment-respond.active {
    padding: 20px;
}

.dpc-alert {
	display: none !important;
}


/* WPML */
.wpml-ls-legacy-list-horizontal {
    border: 0;
    padding: 0;
    margin-top: -5px;
}


/* - Contact Form 7 - */
.wpcf7 p {
	-webkit-margin-before: 0;
}

span.wpcf7-list-item {
    margin: 0 1em 0 0;
}

/* - Gravity Forms - */
.gform_wrapper {
    margin: 0 auto !important;
    padding: 1vh 0;
    clear: both;
}

ul.gform_fields {
	padding-left: 0 !important;
}

ul.gfield_checkbox,
.gfield_description ul {
    padding-left: 0 !important;
	padding-right: 0 !important;
	margin-top: 15px;
}

.gfield_description ul li {
	margin-right: 0;
}

.gform_wrapper .gform_page_footer {
	border-top: none !important;
}

@media (min-width: 37.5em) {
	.gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
		width: 100% !important;
	}
}


/* - WooCommerce - */
.woocommerce .entry-header,
.woocommerce .fullthumbnail {
    display: none;
}

.woocommerce input,
input#coupon_code {
	border: 1px solid #cacaca75;
	padding: 10px;
}

table.shop_table.shop_table_responsive {
    display: -webkit-box;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	width: 100%;
}

.woocommerce h3 {
    padding: 1vh 0;
}

ul.products {
    padding-left: 0 !important;
}

p.woocommerce-mini-cart__empty-message {
    display: none;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    left: .5em;
}

/* WooCommerce cart widget */
.cart-count {
    margin-left: 5px;
}

/* Cookie Notice */
#cookieChoiceInfo {
    font-size: .7em;
}

#cookieChoiceInfo a {
    color: #000;
}

a#cookieChoiceDismissIcon {
    display: none !important;
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
.menus, .site-footer {
    max-width: 100%;
    margin: 0 auto;
    width: inherit;
    position: relative;
    vertical-align: middle;
}


.menus, .site-footer, #header_right {
	padding: 5px 0;
}

#site-navigation-mobile {
	display: none;
}
.show-hamburger-desktop #mobileMenuToggle ul.menu {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.show-hamburger-desktop #mobileMenuToggle ul.menu .sub-menu {
	display: block !important;
	position: relative;
	background: transparent;
	left: 0;
	top: 0;
	margin: 0 0 -20px 20px;
}
.show-hamburger-desktop #site-navigation-mobile {
    display: inline-grid;
    float: right;
    margin-right: 5px;
}
.show-hamburger-desktop #site-navigation {
	display: none;
}

.show-hamburger-desktop #mobileMenuToggle{
    background: none;
    border: none;
    z-index: 999;
	display: block;
	cursor: pointer;
	position: relative;
	-webkit-user-select: none;
  	user-select: none;
    right: 0;
    float: right;
}
.show-hamburger-desktop #mobileMenuToggle input{
  	display: block;
  	width: 28px;
    height: 28px;
    position: absolute;
    top: -10px;
    left: -1px;
  	cursor: pointer;
  	opacity: 0;
  	z-index: 2;
  	-webkit-touch-callout: none;
}

.show-hamburger-desktop #mobileMenuToggle span{
  	display: block;
  	width: 25px;
  	height: 3px;
  	margin-bottom: 5px;
  	position: relative;
  	background: #000007;
  	border-radius: 0px;
  	z-index: 1;
  	transform-origin: 4px 0px;
  	-webkit-transform-origin: 4px 0px;
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	opacity 0.55s ease;
    -webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	opacity 0.55s ease;
}

.show-hamburger-desktop .logo-float-none #mobileMenuToggle {
    padding-top: 0;
}

.show-hamburger-desktop .logo-float-none #mobileMenuToggle input {
    margin-top: 0;
}

.show-hamburger-desktop #mobile_header_right {
	display: block;
}

#menuToggle span:first-child{
  	transform-origin: 0% 0%;
  	-webkit-transform-origin: 0% 0%;
}

#mobileMenuToggle input:checked ~ span{
  	opacity: 1;
  	background: #232323;

  	transform: rotate(45deg) translate(0, 0);
  	-webkit-transform: rotate(45deg) translate(0, 0);
  	-ms-transform: rotate(45deg) translate(0, 0);
	-moz-transform: rotate(45deg) translate(0, 0);
}

#mobileMenuToggle input:checked ~ span:nth-last-child(2){
	transform: rotate(-45deg) translate(-6px, 3px);
	-webkit-transform: rotate(-45deg) translate(-6px, 3px);
	-ms-transform: rotate(-45deg) translate(-6px, 3px);
	-moz-transform: rotate(-45deg) translate(-6px, 3px);
}

#mobileMenuToggle #primary_menu {
  	position: absolute;
  	width: 300px;
  	height: 110vh;
	top: 100%;
  	margin: 0 0 0 100vw;
  	padding-top: 125px;
  	background: #ededed;
  	list-style-type: none;
  	-webkit-font-smoothing: antialiased;
  	transform-origin: 0% 0%;
  	-webkit-transform-origin: 0% 0%;
  	transform: translate(100%, 0%);
  	-webkit-transform: translate(100%, 0%);
  	-ms-transform: translate(100%, 0%);
	-moz-transform: translate(100%, 0%);
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  	-webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#mobileMenuToggle #primary_menu li {
  	padding: 10px 0;
	float: none;
}

#mobileMenuToggle a {
  	padding: 10px 20px;
}

#mobileMenuToggle .menu-hauptmenue-container {
    height: auto;
    padding: auto;
    filter: alpha(opacity = 1);
    -ms-filter: "alpha(opacity = 1)";
    opacity: 1;
}

#mobileMenuToggle input:checked ~ div ul#primary_menu {
    -webkit-transform: none;
    transform: none;
    margin: -111px 0 0 -231px;
}

/* Full height mobile menu */
nav#site-navigation-mobile.delucks-mobile-header-full #mobileMenuToggle input:checked ~ div ul#primary_menu {
    -webkit-transform: none;
    transform: none;
	position: fixed;
	top: 0;
	left: 0;
    margin: 0;
	padding: 0 !important;
    width: 100vw;
    height: 100%;
	display: table;
}

.delucks-mobile-header-full ul li {
	display: table-row;
	text-align: center;
}

.delucks-mobile-header-full ul li:nth-of-type(even){
    background: #00000008;
  }

.delucks-mobile-header-full ul li a {
	display: table-cell;
	vertical-align: middle;
}

/* Responsive */
@media(max-width: 37.5em){
	#header_right {
	    display: none;
	}
	#mobile_header_right {
		display: block;
	}
	#mobileMenuToggle ul.menu {
		display: block;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	body .show-hamburger-desktop #mobileMenuToggle ul.menu .sub-menu, body #mobileMenuToggle ul.menu .sub-menu {
	   display: none !important;
	}

	#site-navigation-mobile {
	    display: block;
	    z-index: 99;
	}
	#site-navigation {
		display: none;
	}
	#header-image {
	    z-index: 99;
	    position: relative;
	    float: none;
	    max-width: 50%;
	}
	#content, .site-footer{
		padding: 0;
	}
	#mobileMenuToggle{
	    color: #000007;
	    font-size: 20px;
	    background: none;
	    border: none;
	    z-index: 999;
		display: block;
		cursor: pointer;
		padding: 10px 0;
		position: relative;
		-webkit-user-select: none;
	  	user-select: none;
        top: 20px;
	    right: 5px;
	    vertical-align: middle;
	    float: right;
	}
	#mobileMenuToggle input{
	  	display: block;
	  	width: 54px;
	  	height: 63px;
	  	position: absolute;
	  	top: 0;
	  	left: -11px;
	  	cursor: pointer;
	  	opacity: 0;
	  	z-index: 2;
	  	-webkit-touch-callout: none;
	}
	#mobileMenuToggle span{
	  	display: block;
	  	width: 33px;
	  	height: 2px;
	  	margin-bottom: 9px;
	  	position: relative;
	  	background: #000007;
	  	border-radius: 0px;
	  	z-index: 1;
	  	transform-origin: 4px 0px;
	  	-webkit-transform-origin: 4px 0px;
	  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	opacity 0.55s ease;
	    -webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	opacity 0.55s ease;
	}
}

/* TOC Table of Contents Plus */
#toc_container {
    position: fixed;
    left: 10px;
    top: 30%;
	z-index: 10;
}

ul.toc_list {
	padding-left: 5px !important;
}

.toc_list li {
	list-style: none;
	float: none !important;
}

.toc_list li:before {
	content: '';
	width: 10px;
	height: 10px;
	background: black;
	display: inline-block;
	opacity: 1 !important;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.toc_list li a {
	opacity: 0;
    font-size: .9em;
	padding: 5px 10px 5px 30px;
	margin-left: -20px;
	color: #000;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.toc_list li.active:before {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.toc_list li:hover > a {
	opacity: 1;
	color: #000 !important;
}

@media(max-width: 900px){
	#toc_container {
		display: none;
	}
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead {
	position: fixed;
	padding: 0px 20px;
	display: grid;
}

#masthead a {
	text-decoration: none;
}

.logo-float-none #header-image,
.logo-float-none #header-image.logoused,
.logo-float-none #header_left,
.logo-float-none  #site-navigation,
.logo-float-none #header_right {
    line-height: 2em;
    margin-left: -5px;
}

#header-image,
#header_left,
#site-navigation,
#header_right {
	display: inline-grid;
	vertical-align: middle;
	float: left;
}

#header-image {
    padding: 0 5px;
    font-weight: bold;
}

#primary-menu a {
	padding: 8px 10px;
}


#header_left {
	padding: 0 0 0 15px;
}

#header_right {
	padding: 0 15px 0 0;
	float: right;
}

#header_right > div {
    margin-left: 15px;
}

#header_left ul,
#header_right ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header_left ul li,
#header_right ul li {
	float: left;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
}

.logo-float-none .main-navigation li {
    margin-left: 0;
}


.main-navigation ul ul {
	background: rgba(255, 255, 255, 0.95); /* Overrided with Customizer header background color */
	position: absolute;
	margin-top: .5em;
	top: 85px; /* Overrided with Customizer header font size */
	left: -999em;
	z-index: 99999;
}

.scrolling .main-navigation ul ul {
	top: 54px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	min-width: 200px;
    line-height: 1.5em;
}

.main-navigation ul ul li {
	margin-top: 0px;
    padding: 0px 0 0px 19px;
	display: flex;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #ffae00;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
    top: auto;
    margin-top: -1px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

/* Mobile menu */
button.menu-toggle {
	background: none;
	border: none;
	z-index: 999;
}

.toggled button.menu-toggle {
	background: none;
}

.menu-toggle {
	position: absolute;
	right: 10px;
	top: 15px;
}

.menu-toggle {
	cursor: pointer;
	padding: 20px 35px 16px 0px;
}

.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 35px;
	background: #000;
	position: absolute;
	display: block;
	content: '';
}

.scrolling .menu-toggle span,
.scrolling .menu-toggle span:before,
.scrolling .menu-toggle span:after,
.toggled .menu-toggle span,
.toggled .menu-toggle span:before,
.toggled .menu-toggle span:after {
	background: #666;
}

.menu-toggle span:before {
  top: -10px;
}

.menu-toggle span:after {
  bottom: -10px;
}

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  transition: all 500ms ease-in-out;
}

.toggled .menu-toggle span {
  background: transparent;
}

.toggled .menu-toggle span:before, .toggled .menu-toggle span:after {
  top: 0;
}

.toggled .menu-toggle span:before {
  transform: rotate(45deg);
}

.toggled .menu-toggle span:after {
  transform: rotate(-45deg);
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (max-width: 37.49em) {
	#masthead {
        padding: 0;
    }

    .main-navigation li {
		float: none;
		margin-top: 0;
	}
	.main-navigation li a {
		display: block;
	}

	.delucks-mobile-header-full .main-navigation li a {
		padding-left: 0;
	}

	#site-navigation {
		margin-top: 0;
		padding-top: 0;
	}

	.menu-hauptmenue-container {
		height: 0;
		padding: 0;
		filter:     alpha(opacity = 0);
		-ms-filter: "alpha(opacity = 0)";
		opacity:    .0;
	}

	.toggled .menu-hauptmenue-container {
		height: auto;
		filter:     alpha(opacity = 100);
		-ms-filter: "alpha(opacity = 100)";
		opacity:    1;
	}

	.sub-menu {
		display: none !important;
	}
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation {
	overflow: hidden;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
	text-align: left;
    line-height: 1.1em;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a {
	text-decoration: none;
}

.comment-navigation .nav-previous a:before {
    content: '-';
    margin-right: 10px;
}

.comment-navigation .nav-next a:after {
    content: '+';
    margin-left: 10px;
}

.nav-links {
    padding: 1vh 10px;
}

#comment-nav-below:after {
    content: '';
    display: block;
    clear: both;
    padding-bottom: 40px;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 10px;
}

.widget select {
	max-width: 100%;
}

/* --- Header Widgets --- */
#mobile_header_right {
	display: none;
}

div > #header_right {
    display: -webkit-inline-box;
}

#header_right p {
    padding: 3px 0;
}

#header_right li {
	list-style: none;
	float: left;
	margin: 0 5px 0 5px;
}

@media only screen and (max-width: 45em) {
	#header_right,
	div > #header_right {
		display: none;
	}
}

/* --- Search widget header --- */
.delucks-search-trigger-holder {
    margin-top: 3px;
}

body #masthead .menu-search-input-trigger .search-submit,
body #masthead .delucks-search-trigger-holder .delucks-search-form-holder {
	display: none;
}

body #masthead .delucks-search-trigger-holder:hover > .delucks-search-form-holder,
body #masthead .delucks-search-trigger-holder.search-active .delucks-search-form-holder {
	display: block;
}
body #masthead .delucks-search-form-holder input.search-field {
    line-height: 1;
    max-width: 250px;
    margin: 0 auto;
    position: absolute;
    right: 0;
}

/* --- Search widget footer & content widget areas --- */
#overallfooter .delucks-search-widget, #above_blog .delucks-search-widget, #below_blogpost .delucks-search-widget {
    padding: 0;
    line-height: inherit;
}
body #overallfooter .delucks-search-trigger-holder .delucks-search-trigger, body #above_blog .delucks-search-trigger-holder .delucks-search-trigger, body #below_blogpost .delucks-search-trigger-holder .delucks-search-trigger {
    z-index: 1;
    position: absolute;
    margin: 0 7px;
    line-height: 55px;
}
body #overallfooter .delucks-search-trigger-holder .delucks-search-trigger {
    line-height: 37px;
}
/* #overallfooter .delucks-search-widget .dashicons, #above_blog .delucks-search-widget .dashicons, #below_blogpost .delucks-search-widget .dashicons {
    line-height: 2;
}*/
#overallfooter .delucks-search-form-holder, #above_blog .delucks-search-form-holder, #below_blogpost .delucks-search-form-holder {
    position: relative;
    top: 0;
    z-index: 0;
}
#overallfooter .delucks-search-form-holder input.search-field, #above_blog .delucks-search-form-holder input.search-field, #below_blogpost .delucks-search-form-holder input.search-field {
    padding-left: 30px;
   	width: calc(100% - 54px);
   	max-width: 960px;
}

/* Blog Widgets */
#above_blog div {
    margin-bottom: 20px;
}

/* Footer Widgets */
.footermenu {
    display: flex;
    margin-top: 10px;
}

ul#footer-menu {
    list-style: none;
    padding: 0 !important;
}

#footer-menu ul {
	padding: 0 !important;
	margin: 0;
}

.footer-widgets li {
    width: auto;
    list-style: none;
    text-align: left;
}

#footer-menu li {
    list-style: none;
	display: inline;
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

#footer-menu li:hover > a,
#footer-menu li.focus > a {
	color: #999;
}


/* Search Form Widget */
input[type=search] {
	width: 100%;
	cursor: pointer;
	border: none;
}

#header_right input[type=search]:focus {
	max-width: 250px;
}

input[type=search]:focus {
	cursor: auto;
}

.search-submit {
	margin: 10px 0 !important;
}

#header_right .search-submit {
    display: none;
}

.content-area input.search-field {
	padding: 14px 24px;
}

.footer_left .search-field,.footer_right .search-field, .socket-widget .search-field {
	margin-top: 1.2em;
    width: -webkit-fill-available;
}

/* Search results */
.search-results .entry-meta {
	padding: 5px 0;
}
.search-results .entry-summary p {
    padding: 0;
}

/* DELUCKS Sharing Widget */
#header_right .dpc-btn-wrap {
	padding: 5px;
    margin: -8px;
	border: 0;
}

.site-content .widget_dpc_widget_sharing_sharing {
    padding: 10px 15px;
}

.dpc-btn.dpc-btn-share .dpc-label {
	padding: 5px 15px;
}

/* DELUCKS Rating Widget */
.dpc-rating-wrap a, div[itemprop="aggregateRating"] {
    text-decoration: none;
}

.comment-form-rating .rating-symbol {
    padding: 5px !important;
    margin-right: 5px;
}

.comment-form-rating .fa-dpc-unicode-star::before {
    padding: 5px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#overallfooter {
	background: #1a1a1a;
	padding: 10px 20px;
}

#footer_left,
#footer_right {
	width: 49%;
	margin-top: 10px;
}

#footer_right {
	text-align: right;
}

@media (max-width:650px){
	#footer_left, #footer_right {
		width: 100%;
	}

	#footer_right{
		text-align: left;
	}
}

#overallfooter a,
#overallfooter .breadcrumbs {
	color: #B2B0B0;
	text-decoration: none;
}

#overallfooter a:hover {
	filter:     alpha(opacity = 50);
	-ms-filter: "alpha(opacity = 50)";
	opacity:    .50;
}

.socket-widget {
	max-width: 20%;
	float: left;
	padding-right: 10px;
}

.socket-widget ul {
	list-style: none;
	padding-left: 0 !important;
}

@media screen and (max-width: 1100px) {
	.socket-widget {
		width: 50%;
	}
}

@media screen and (max-width: 37.49em) {
	.socket-widget {
		width: 100%;
		float: none;
	}
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	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;
}

.alignright {
	display: inline;
	float: right;
}

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

.clear:after,
.entry-content:after,
.comment-content:after,
.wp-block-latest-comments:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets:after {
	clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


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

.hentry {
	margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.blog .entry-meta,
.archive .entry-meta {
    padding: 0 !important;
}

.format-link {
	background: #00000008;
	padding: 10px;
}

.format-link .entry-header a .entry-title:before {
    content: '🔗';
    padding: 5px;
}

.post-has-background-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%;
	padding: 10px;
}

.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
	color: #6c7781;
	text-decoration: none;
}

p.delucks-post-excerpt {
    padding: 10px 0;
}

ul.wp-block-latest-posts.aligncenter {
    list-style: none;
}

a.readmore {
    background: none;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    color: #ccc;
    border: #ccc 1px solid;
    float: right;
    border-radius: 24px;
    margin-right: -55px;
    margin-top: -25px;
}

a.readmore:hover {
	color: #000;
	border-color: #000;

}


.post-categories li, .tags-links a {
    list-style: none;
    float: left;
    margin: 0 5px 0 0;
}

.post-categories li a, .tags-links a, .edit-link a {
    padding: 11px 24px;
    display: inline-block;
	text-decoration: none;
}

ul.post-categories {
	margin: 0;
	-webkit-padding-start: 0;
	padding: 0 10px !important;
}

.hidepostdates .posted-on {
	display: none;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.archive .site-content p {
	padding: 1vh 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area-background {
    background-color: rgba(30, 30, 30, .01);
}

.comments-area {
	margin: 0 auto;
	padding: 1vh 0;
}

h2.comments-title {
	padding-top: 1vh;
    padding-left: 10px;
}

.comment-respond {
	padding-bottom: 1vh;
    margin: 0 10px;
}

.comment-list {
    -webkit-padding-start: 0;
}

ol.commentlist {
    list-style: none;
}

.commentlist li {
    margin-bottom: 20px;
}

li.depth-1 {
    margin-left: 0;
}

ol.children {
    list-style: none;
    padding: 1vh 20px;
}

.comments-area a {
	word-wrap: break-word;
	border-bottom: none;
}

.bypostauthor {
	display: block;
}

.comment_text {
    margin: 5px 0;
}

.comment-metadata {
    font-size: .8em;
}


.site-content .comment .comment-metadata a {
    color: #6c7781 !important;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}

/*--------------------------------------------------------------
## 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;
}

.wpb_single_image .vc_figure-caption {
    font-size: 1em !important;
    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;
}

/*--------------------------------------------------------------
## Youtube replacement
--------------------------------------------------------------*/

.youtube-player {
	position: relative;
	padding-bottom: 56.23%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	width: 100%;
	margin-left: 0;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}
.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
.youtube-player .play {
	height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: rgba(25,25,25,.8);
    cursor: pointer;
    border-radius: 50%;
}

.youtube-player .play:before {
	content: '►';
    color: #fff;
	position: absolute;
    top: 14px;
    left: 23px;
    font-size: 30px;