/*
Theme Name: Wir-Zwa Final
Theme URI: https://www.wir-zwa.at/
Author: Marco & Natascha Krojer
Description: Eigenständiges, bereinigtes WordPress-Theme für Wir-Zwa mit austauschbarem MP4-Startvideo, WooCommerce-Unterstützung und unverändertem Wir-Zwa-Design.
Version: 2.0.2
Text Domain: wir-zwa-final
*/

/* Micro Clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

body {
	background-color: #111111;
	color: #cccccc;
	color: rgba(255, 255, 255, 0.8);
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.65;
	margin: 0px;
	padding: 0px;
}
body#tinymce,
body.wp-autoresize {
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 12px 24px !important;
}

/************************************************
0.	Global
************************************************/

p {
	margin: 32px 0px;
	padding: 0px;
}
p:empty {
	display: none;
}
dfn, cite, em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
big {
	font-size: 140%;
}
small {
	font-size: 60%;
}
s {
	text-decoration: line-through;
}
mark {
	background: #ff0;
	color: #000;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
div {
	display: block;
}
span {
	display: inline;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #333333;
	background-color: #333333;
	margin: 6px 0px 8px 0px;
	padding: 0px;
}
ol, ul {
	list-style: none;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul li {
	list-style: inside;
	list-style-type: square;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul ol li, ul ol ul ol li {
	list-style-type: decimal;
}
ol ul li, ol ul ol ul li {
	list-style-type: square;
}
blockquote,
.wp-block-quote,
.wp-block-quote.is-style-large {
	margin: 18px 0px;
	padding: 12px 24px;
	border-left: 2px solid rgba(255, 255, 255, 0.12);
}
blockquote p,
.wp-block-quote p,
.wp-block-pullquote p {
	font-size: 130%;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
}
.wp-block-quote.is-style-large p {
	font-size: 160%;
	line-height: 1.5;
}
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	display: block;
	font-size: 0.85rem;
	margin-top: 12px;
	opacity: 0.6;
}
code, pre, .wp-block-code {
	background: rgba(255, 255, 255, 0.04);
	font-family: Courier, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	margin: 24px 0px;
	padding: 6px 8px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 3px;
}
code {
	display: inline;
	white-space: normal;
}
pre {
	display: block;
	white-space: pre-line;
}
pre code {
	padding: 0px;
	border: none;
	box-shadow: none;
}
img {
	-ms-interpolation-mode: bicubic;
	height: auto;
}
img, object, embed {
	max-width: 100%;
	margin: 0px auto 0px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.hide-text {
	position: absolute;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
.hide-img img {
	line-height: 0;
	margin-left: -9999px;
	opacity: 0;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-white, .text-white p, .text-white h1,
.text-white h2, .text-white h3, .text-white h4,
.text-white h5, .text-white h6, .text-white blockquote {
	color: #ffffff;
}
.align-center {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.padded {
	padding: 24px;
}
.vertical-center {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horizontal-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 7;
}
.absolute-center {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 7;
}

/************************************************
1.	Hyperlinks
************************************************/

a img {
	border: none;
}
a, a:link, a:visited {
	color: #cc00cc;
	text-decoration: none;
	word-wrap: break-word;
}
a:focus, a:hover, a:active {
	color: #ff33cc;
	text-decoration: underline;
}

/************************************************
2.	Headings
************************************************/

h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
	font-weight: 400;
	line-height: 1.1;
	word-wrap: break-word;
	text-transform: uppercase;
	margin: 24px 0px;
	padding: 0px;
}
h1 {
	font-size: 3.2em;
	letter-spacing: -1px;
}
h2 {
	font-size: 2.8em;
}
h3 {
	font-size: 2.4em;
}
h4 {
	font-size: 2em;
}
h5 {
	font-size: 1.6em;
	letter-spacing: 1px;
}
h6 {
	font-size: 1.3em;
	letter-spacing: 1px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #ffffff;
	text-decoration: none;
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #ff33cc;
	text-decoration: none;
	border: none;
}
.headline {
	font-size: 3.6em;
	letter-spacing: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.12);
}

/************************************************
3.	Header
************************************************/

#header {
	line-height: 0;
	margin: 0px;
	position: relative;
	z-index: 9;
}
#nav-bar {
	position: relative;
	background-color: #000000;
	top: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
#nav-bar .row,
#nav-bar .flex-row {
	max-width: 1180px;
	margin: 0px auto;
}
#nav-bar .row {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
#nav-bar .contact-info {
	font-size: 80%;
	line-height: 36px;
	padding: 0px;
	box-sizing: border-box;
}
#nav-bar .contact-info span {
	padding-left: 18px;
}
#nav-bar .contact-info span:first-child {
	padding-left: 0px;
}
#custom-header {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.wp-custom-header {
	position: relative;
	max-height: 480px;
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.wp-custom-header img {
	line-height: 0;
	margin-left: -999em;
}
.wp-custom-header iframe {
	width: 100%;
}
.wp-custom-header-video-button {
	display: none;
}
.site-logo {
	display: flex;
	align-content: center;
	margin: 0px;
	padding: 0px;
}
.custom-logo-link {
	display: block;
	align-self: center;
	line-height: 0;
	margin-right: 12px;
	padding: 12px 0px;
}
.site-title {
	display: inline-block;
	align-self: center;
	font-family: 'Montserrat';
	font-size: 1.2em;
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0px;
	padding: 24px 0px;
	word-wrap: break-word;
}
.site-title a,
.site-title a:link,
.site-title a:visited {
	display: inline-block;
	color: #000000;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	text-decoration: underline;
}
#masthead {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 8;
}
#masthead .site-description {
	display: block;
	color: #ffffff;
	font-size: 2.8em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.1;
	margin: 0px auto 0px;
	padding: 0px 48px;
}

/************************************************
4.	Navigation
************************************************/

#navigation {
	align-self: center;
	color: #999999;
	color: rgba(0, 0, 0, 0.7);
	font-family: 'Oswald';
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 9;
}

/* Mobile Setup */
#side-menu,
.icon-menu-close,
button.menu-toggle {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	display: table;
	margin:	0 auto 0;
	padding: 0;
	list-style:	none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.menu {
	line-height: 1.0;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
ul.menu ul,
div.menu ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 240px; /* left offset of submenus need to match (see below) */
	opacity: 0;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
}
ul.menu ul li,
div.menu ul ul li {
	width: 100%;
	margin: 0px;
}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float: left;
	display: inline-block;
	position: relative;
	max-width: 240px;
}
.menu li li {
	display: block;
	position: relative;
}
.menu a {
	display: inline-block;
	position: relative;
}
.menu li:hover ul {
	left: 0;
	top: 100%; /* direkt unter dem Menüpunkt – keine Hover-Lücke */
	z-index: 99;
	opacity: 1;
}
ul.menu li:hover li ul,
div.menu ul li:hover li ul {
	top: -9999px;
	opacity: 1;
}
ul.menu li li:hover ul {
	left: 240px; /* match ul width */
	top: 0;
}

/*** SKIN ***/
.menu {
	padding: 0px;
}
.menu ul.sub-menu,
.menu ul.children {
	background-color: #ffffff;
	padding: 0px;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);
	transition-delay: .2s;
	-webkit-transition-delay: .2s; /* Safari */
}
.menu ul.sub-menu ul.sub-menu,
.menu ul.children ul.children {
	transition-delay: 0s;
	-webkit-transition-delay: 0s; /* Safari */
}
.menu li.menu-item-has-children:hover .sub-menu,
.menu li.menu-item-has-children:focus .sub-menu,
.menu li.menu-item-has-children:active .sub-menu {
	display: block;
}
.menu a {
	color: #999999;
	color: rgba(0, 0, 0, 0.7);
	background: none;
	line-height: 18px;
	text-decoration: none;
	margin: 24px 0px;
	padding: 0px 12px;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	color: rgba(0, 0, 0, 1);
	outline: 0;
}
.menu li {
	margin: 0px;
}
.menu li:first-child a {
	border-left: none;
}
.menu li li {
	background: none;
	margin: 0px;
}
.menu li li a {
	display: block;
	width: auto;
	background: none;
	font-size: 80%;
	text-align: left;
	line-height: 1.4;
	letter-spacing: 0.6px;
	margin: 0px;
	padding: 12px;
	border-left: none;
	border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: rgba(0, 0, 0, 0.4);
}
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, .04);
	outline: 0;
}
.menu li li:first-child a {
	border-top: none;
}
.menu li li li:first-child a {
	border-top: 1px solid rgba(255, 255, 255, 0.24);
}

/*** ARROWS **/

.menu li.menu-item-has-children > a::after {
	position: relative;
	top: -2px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 10px;
	content: '\f107';
	margin-left: 6px;
}
.menu li li.menu-item-has-children > a::after {
	position: absolute;
	content: '\f105';
	right: 12px;
	top: 16px;
}

/************************************************
5. Content
************************************************/

#wrapper,
.container {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.content {
	position: relative;
	width: 100%;
	max-width: 1260px;
	margin: 0px auto 0px;
	padding: 24px;
	box-sizing: border-box;
}
.content:before, .content:after,
.post-holder:before, .post-holder:after,
.page-holder:before, .page-holder:after,
.blog-holder:before, .blog-holder:after,
.archive-holder:before, .archive-holder:after {
	content: "";
	display: table;
}
.content:after,
.post-holder:after,
.page-holder:after,
.blog-holder:after,
.archive-holder:after {
	clear: both;
}
.article {
	display: block;
	position: relative;
	margin: 0px auto 0px;
	box-sizing: border-box;
}
.blog .article,
.archive .article {
	background: #000000;
	padding: 36px;
}
.archive-title {
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.post-holder,
.page-holder,
.blog-holder,
.archive-holder {
	position: relative;
}
.blog-holder,
.archive-holder {
	margin: 36px 0px;
}
.blog-holder:first-child,
.archive-holder:first-child {
	margin-top: 0px;
}
.archive-holder .feature-img {
	margin-top: 24px;
	margin-bottom: 24px;
}
.archive-holder .post-meta.top {
	margin: 0px;
}
.archive-holder .post-meta.bottom {
	position: relative;
	bottom: -12px;
	margin: 24px 0px 0px 0px;
}
.post-area {
	margin: 0px;
	padding: 24px;
	box-sizing: border-box;
}
.post-area.no-sidebar {
	max-width: 820px;
	margin: 0px auto 0px;
}
.article h1:first-child + p,
.article > p:first-child,
.article span + p {
	font-size: 120%;
	line-height: 1.5;
}
.article > p:first-child,
.article span + p {
	margin-top: 0px;
}
.post-meta {
	display: inline-block;
	font-size: 90%;
	width: 100%;
	margin: 12px 0px;
}
.headline + .post-meta {
	margin: 0px
}
.post-meta .post-edit-link {
	padding: 0px;
}
.post-author {
	float: left;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	width: 100%;
	margin: 0px;
	padding: 8px 0px;
}
.post-author p,
.post-date p {
	margin: 0px;
	padding: 0px;
}
.post-author .author-avatar {
	float: none;
	display: inline-block;
	width: auto;
	margin: 0px 0px -6px 4px;
	padding: 0px;
	overflow: hidden;
	border-radius: 14px;
}
.post-edit-link {
	font-size: 1rem;
	padding: 12px 0px;
}
.post-date {
	float: left;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-taxonomy {
	float: left;
	color: #999999;
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-taxonomy p {
	margin: 0px;
	padding: 0px;
}
.post-navigation {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.previous-post {
	float: left;
	font-size: 0.9em;
}
.next-post {
	float: right;
	font-size: 0.9em;
}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
}
.page-links span {
	margin: 0px 3px;
}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.author-posts {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.author-posts li {
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/************************************************
6. Page Templates
************************************************/

.home.page .feature-img.banner-img {
	height: calc(100vh - 120px);
	min-height: 420px;
	max-height: 800px;
}
.music-home-page #nav-bar {
	position: fixed;
}
.admin-bar.music-home-page #nav-bar {
	margin-top: 32px;
}
.music-home-page #wp-custom-header {
	height: 100vh;
	max-height: none;
}
.music-home-page .feature-img.banner-img {
	height: 100vh;
	max-height: none;
	border-bottom: none;
	overflow: hidden;
}
.admin-bar.music-home-page .feature-img.banner-img {
	height: calc(100vh - 32px);
}
.music-home-page.music-header-video-active .feature-img.banner-img {
	height: 100vh;
	overflow: hidden;
}
.admin-bar.music-home-page.music-header-video-active .feature-img.banner-img {
	height: calc(100vh - 32px);
}
.music-home-page .wp-custom-header img {
	display: none;
}
.music-home-page .banner-img .excerpt {
	font-size: 120%;
	max-width: 800px;
	margin: 0px auto;
}
.music-home-page .custom-logo-link {
	display: inline-block;
	margin: 0px auto;
	padding: 0px;
}
.music-home-page .custom-logo-link img {
	margin: 0px auto;
}
.music-home-page .tour-dates {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 24px;
	box-sizing: border-box;
	z-index: 8;
}
.music-home-page .tour-date {
	align-self: center;
	text-align: center;
	width: 100%;
	min-width: 25%;
	line-height: 1.6;
	margin: 0px;
	padding: 0px 12px;
	box-sizing: border-box;
	border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.music-home-page .tour-date:first-child {
	border-left: none;
}
.music-home-page .tour-date p {
	margin: 0px;
}
.music-home-page .tour-date-datetime {
	font-size: 80%;
	opacity: 0.7;
}
.music-home-page .tour-ticket,
.music-home-page .tour-date-location {
	display: inline-block;
}
.music-home-page p.tour-ticket {
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.tour-page .tour-dates {
	flex-wrap: wrap;
	width: calc(100% + 24px);
	margin-left: -12px;
}
.tour-page .tour-dates.has-content {
	margin-top: 36px;
}
.tour-page .tour-date {
	background-color: #ffffff;
	text-align: center;
	width: calc(33.3% - 24px);
	margin: 12px;
	padding: 24px;
	box-sizing: border-box;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.12);
}
.tour-page .tour-date p {
	margin: 0px;
}
.tour-page .tour-ticket.button {
	display: block;
	margin-top: 18px;
}
.tour-page p.tour-date-location {
	font-size: 120%;
}
.tour-page .no-tour-dates {
	width: 100%;
	text-align: center;
}
body.music-landing-page {
	position: inherit;
}
.music-landing-page #header,
.music-landing-page .footer {
	display: none;
}
.landing-page {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.admin-bar .landing-page {
	height: calc( 100vh - 32px );
}
.landing-page .site-title,
.landing-page .custom-logo-link {
	display: block;
	max-width: none;
	text-align: center;
	margin: 0px auto 0px;
	padding: 18px 0px;
}
.landing-page .site-description {
	color: #000000;
	font-size: 1.8em;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
.landing-page .content {
	background-color: #ffffff;
	max-width: 720px;
	min-width: 280px;
	padding: 24px 36px;
}
.landing-page .post-area.full-width {
	background-color: #ffffff !important;
	padding: 0px;
}
.landing-page .article {
	text-align: center;
	margin: 18px auto 0px;
	padding-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

/************************************************
7. Social Media
************************************************/

.social-icons {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li {
	float: left;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.social-icons li a {
	display: block;
	color: #666666;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	min-width: 36px;
	margin: 0px;
	padding: 0px;
}
.social-icons li a:hover {
	color: #000000;
	background: #444444;
	background: rgba(255, 255, 255, 0.24);
}
.social-icons li a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 16px;
	content: '\f0c1';
}
.social-icons li a span {
	display: none;
}
.social-icons li a[href*="bandcamp.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f2d5'; }
.social-icons li a[href*="soundcloud.com"]::before    { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1be'; }
.social-icons li a[href*="reddit.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f281'; }
.social-icons li a[href*="twitch.tv"]::before         { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1e8'; }
.social-icons li a[href*="snapchat.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f2ac'; }
.social-icons li a[href*="medium.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f23a'; }
.social-icons li a[href*="tumblr.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f173'; }
.social-icons li a[href*="apple.com"]::before         { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f179'; }
.social-icons li a[href*="etsy.com"]::before          { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f2d7'; }
.social-icons li a[href*="facebook.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before       { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f099'; }
.social-icons li a[href*="google.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1a0'; }
.social-icons li a[href*="linkedin.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before    { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before     { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before     { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before       { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f167'; }
.social-icons li a[href*="vine.co"]::before           { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before     { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f18d'; }
.social-icons li a[href*="spotify.com"]::before       { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1bc'; }
.social-icons li a[href*="amazon.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f270'; }
.social-icons li a[href*="flickr.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f16e'; }
.social-icons li a[href*="vimeo.com"]::before         { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f27d'; }
.social-icons li a[href*="yelp.com"]::before          { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1e9'; }
.social-icons li a[href*="imdb.com"]::before          { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f2d8'; }
.social-icons li a[href*="tiktok.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\e07b'; }
.social-icons li a[href*="wa.me"]::before,
.social-icons li a[href*="whatsapp.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f232'; }
.social-icons li a[href*="m.me"]::before,
.social-icons li a[href*="messenger.com"]::before     { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f39f'; }
.social-icons li a[href*="t.me"]::before,
.social-icons li a[href*="telegram.org"]::before     { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f3fe'; }
.social-icons li a[href*="mailto:"]::before           { content: '\f0e0'; }
.social-icons li a[href*="tel:"]::before              { content: '\f095'; }
.social-icons li a[href$="/feed/"]::before            { content: '\f09e'; }

/************************************************
8.	Pagination
************************************************/

.pagination {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	z-index: 7;
}
.pagination .page-numbers {
	float: left;
	background: #ffffff;
	color: #666666;
	min-height: 36px;
	min-width: 36px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #333333;
	border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.pagination .page-numbers:first-child {
	border-left: none;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}
.pagination .page-numbers.current {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}

/************************************************
9.	Images
************************************************/

.feature-img {
	display: block;
	background-color: #000000;
	max-width: 100%;
	text-align: center;
	line-height: 0;
	margin: 0px auto;
	padding: 0px;
}
.feature-img .excerpt,
.feature-img .button {
	line-height: 1.65;
}
.feature-img .excerpt p {
	font-weight: 600;
	font-size: 120%;
}
.feature-img.banner-img {
	display: flex;
	align-items: center;
	padding: 0px;
}
.banner-img {
	display: block;
	width: 100%;
	max-height: 600px;
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.banner-img.profile-img {
	min-height: auto;
	margin-bottom: 36px;
}
.banner-img img {
	line-height: 0;
	margin-left: -9999px;
}
.banner-img .headline {
	color: #ffffff;
	text-align: center;
	margin: 12px 0px;
	padding: 0px;
}
.banner-img .headline + .excerpt {
	margin-top: -12px;
}
.banner-img .img-title {
	width: 88%;
	padding: 0px 6%;
	z-index: 7;
}
.avatar {
	background: #ffffff;
	margin: 10px 20px 10px 0px;
	padding: 6px;
}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
img.hide-img,
.hide-img img {
	line-height: 0;
	margin-left: -9999px;
	padding: 0px;
	opacity: 0;
}
img.aligncenter,
.wp-block-image .aligncenter {
	text-align: center;
	margin: 16px auto;
	padding: 0px;
}
img.alignnone,
.wp-block-image .alignnone {
	margin: 16px 0px;
	padding: 0px;
}
img.alignright,
.wp-block-image .alignright {
	margin: 16px 0px 16px 24px;
	padding: 0px;
}
img.alignleft,
.wp-block-image .alignleft {
	margin: 16px 24px 16px 0px;
	padding: 0px;
}
.alignwide, .alignfull {
	position: relative;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	box-sizing: border-box;
}
.aligncenter {
	display: block;
	margin: 6px auto 6px;
}
.alignright {
	float: right;
	margin: 6px 0px 6px 24px;
}
.alignleft {
	float: left;
	margin: 6px 24px 6px 0px;
}
.wp-caption {
	max-width: 100%;
	line-height: 0;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0px;
	overflow: hidden;
}
.wp-caption a {
	display: block;
}
.wp-caption img {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
}
.wp-caption figcaption,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-caption,
.wp-caption-text {
	font-size: 0.85em;
	line-height: 1.6;
	text-align: left;
	margin: 4px 0px;
	padding: 6px 12px;
	box-sizing: border-box;
	border-left: 2px solid rgba(255, 255, 255, 0.24);
}

/************************************************
10. Slideshow
************************************************/

.slideshow {
	display: block;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	z-index: 7;
}
.flexslider .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.08);
	border-left: 3px solid rgba(0, 0, 0, 0.08);
	border-right: 3px solid rgba(0, 0, 0, 0.24);
	border-top: 3px solid rgba(0, 0, 0, 0.24);
	border-radius: 100%;
	height: 32px;
	width: 32px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
	z-index: 999;
}
.flexslider {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.flexslider.loading {
	min-height: 480px;
}
.flexslider ul,
.flexslider li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.flexslider .slides {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides li {
	position: relative;
	min-height: 280px;
	max-height: 720px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: none;
}

/* Caption style */
.flex-caption {
	background: none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	width: 96%;
	padding: 2%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

/* Direction Nav */
.flex-direction-nav {
	height: 0;
}
.flex-direction-nav li a {
	display: block;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	z-index: 9;
	border-radius: 2px;
}
.flex-direction-nav .flex-next {
	right: 24px;
	text-align: center;
}
.flex-direction-nav .flex-prev {
	left: 24px;
	text-align: center;
}
.flex-direction-nav .flex-next i,
.flex-direction-nav .flex-prev i {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-weight: bold;
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	text-decoration: none;
}
.flex-direction-nav .flex-prev:hover i,
.flex-direction-nav .flex-next:hover i {
	color: #000000;
}
.flex-direction-nav a.flex-disabled {
	opacity: 0;
}

/************************************************
11.	Portfolio & Testimonials
************************************************/

.portfolio-projects,
.testimonial-posts {
	width: calc(100% + 24px);
	margin-left: -12px;
}
.portfolio-projects .half:nth-child(2n+1),
.portfolio-projects .third:nth-child(3n+1),
.portfolio-projects .fourth:nth-child(4n+1),
.testimonial-posts .half:nth-child(2n+1),
.testimonial-posts .third:nth-child(3n+1),
.testimonial-posts .fourth:nth-child(4n+1),
.testimonial-posts .fifth:nth-child(5n+1) {
	clear: both;
}
.project,
.testimonial {
	margin: 12px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
.project .feature-img,
.testimonial .feature-img {
	display: block;
	margin: 0px;
}
.jetpack-portfolio .feature-img.banner-img {
	display: block;
	max-width: 600px;
	margin-top: 48px;
	border-bottom: none;
}
.project .information,
.testimonial .information {
	text-align: center;
	padding: 12px 18px;
}
.project .information h2 {
	font-size: 1.8em;
}
.portfolio-nav {
	top: 50%;
	width: 100%;
	position: absolute;
	margin: 0px;
	border: none;
	z-index: 8;
}
.portfolio-nav a {
	display: block;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	border-radius: 2px;
}
.portfolio-nav a i {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
}
.portfolio-nav a:hover i {
	color: #000000;
}
.portfolio-nav a span {
	display: none;
}
.portfolio-nav .previous-post a {
	left: 24px;
}
.portfolio-nav .next-post a {
	right: 24px;
}
.testimonials .headline,
.portfolio .headline {
	text-align: center;
}
.testimonials .post-edit-link,
.portfolio .post-edit-link {
	display: none;
}
.testimonial p {
	margin: 12px 0px;
}
.testimonial blockquote {
	margin: 0px;
	padding: 0px;
	border: none;
}
.testimonial .author {
	font-style: italic;
	font-size: 1em;
	padding-bottom: 12px;
	opacity: 0.7;
}
.testimonial .author::before {
	content: '— ';
}

/************************************************
12.	WordPress Gallery
************************************************/

.gallery {
	margin: 18px auto 18px !important;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0 !important;
	text-align: center;
	width: 33%;
	padding: 6px;
	box-sizing: border-box;
}
.gallery-item a {
	display: block;
	line-height: 0;
}
.gallery img {
	border: 6px solid rgba(255, 255, 255, 0.4) !important;
	margin: 6px;
	padding: 0px;
	border-radius: 2px;
	box-sizing: border-box;
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}
.gallery img:hover {
	border-color: #ffffff !important;
}
.gallery .gallery-caption {
	font-size: 12px;
	line-height: 1.65;
	margin: 2px 0px 6px 0px;
}
.gallery dl, .gallery dt {
	margin: 0px;
}
.gallery br+br {
	display: none;
}

/************************************************
13.	Sidebar
************************************************/

.sidebar {
	background-color: #000000;
	margin: 24px 0px;
	padding: 24px;
	box-sizing: border-box;
}

/************************************************
14.	Widgets
************************************************/

.widget {
	margin-bottom: 48px;
	padding: 0px;
}
.sidebar .widget {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.widget:last-child {
	margin-bottom: 0px;
}
.sidebar .widget:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
.widget-title {
	font-size: 1.2em;
	letter-spacing: 0px;
	margin-bottom: 12px;
	padding-bottom: 0px;
	border-bottom: none;
}
.widget ul, .widget li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.widget li {
	display: block;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
}
.widget li li {
	padding-left: 12px;
}
.widget li li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}
.widget li a {
	margin: 0px;
	padding: 0px;
}
.widget table {
	margin: 0px;
}
.textwidget {
	margin: 0px;
	padding: 0px;
}
.textwidget p {
	margin: 12px 0px;
}
.tagcloud {
	line-height: 1.2;
}
.widget_search {
	overflow: hidden;
}
.widget_cue_playlist .cue-playlist .cue-track {
	padding: 0px;
}

/************************************************
15.	RSS Widget
************************************************/

.widget a.rsswidget {
	display: block;
}
.widget .widget-title a.rsswidget {
	display: inline;
}
.widget .rss-date {
	display: block;
	font-size: 0.8em;
	margin-bottom: 12px;
}

/************************************************
16.	Calendar Widget
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
}
#wp-calendar {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
}
#wp-calendar #today {
	background: #999999;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	font-weight: bold;
}
#wp-calendar a {
	margin: 0px;
}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 12px;
}

/************************************************
17.	Custom Menu Widget
************************************************/

.widget ul.menu {
	float: none;
	width: 100%;
	text-align: left;
}
.widget ul.menu .current_page_item a,
.widget ul.menu .current-menu-item a {
	color: #ff33cc;
	background: none;
}
.widget ul.menu li a {
	display: block;
	background: none;
	color: #cc00cc;
	width: auto;
	height: auto;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	line-height: 1.8;
	margin: 6px 0px;
	padding: 0px;
	border: none;
}
.widget ul.menu li a:hover {
	color: #ff33cc;
	background: none;
	text-decoration: underline;
}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	max-width: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.widget ul.menu li li {
	border-top: none;
}
.widget ul.menu li:last-child {
	border-bottom: none;
}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
}
.widget ul.menu li ul.sub-menu,
.widget ul.menu li ul.children {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: static;
	z-index: 9;
	box-shadow: none;
	border: none;
}
.widget ul.menu li ul.sub-menu span {
	display: none;
}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 12px;
}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
}

/************************************************
18.	Search Form
************************************************/

#searchform {
	display: flex;
	margin: 0px;
	padding: 0px;
}
#searchform label {
	display: none;
}
#searchform .search-field,
#searchform #s {
	float: left;
	width: 72%;
}
#searchform #searchsubmit {
	float: right;
	width: 22%;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4%;
	padding: 12px;
}
.no-result-search {
	display: block;
	margin-top: 12px;
}
.no-result-search #searchform {
	max-width: 480px;
}

/************************************************
19.	Footer
************************************************/

.footer {
	background: #000000;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.footer-widgets {
	padding-top: 36px;
	padding-bottom: 36px;
	overflow: hidden;
}
.footer-widgets .widget {
	float: left;
	width: 20%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
}
.footer-widgets .widget:first-child:nth-last-child(1),
.footer-widgets .widget:first-child:nth-last-child(1) ~ .widget {
	width: 100%;
}
.footer-widgets .widget:first-child:nth-last-child(2),
.footer-widgets .widget:first-child:nth-last-child(2) ~ .widget {
	width: 50%;
}
.footer-widgets .widget:first-child:nth-last-child(3),
.footer-widgets .widget:first-child:nth-last-child(3) ~ .widget {
	width: 33.3%;
}
.footer-widgets .widget:nth-child(4n+1) {
	clear: both;
}
.footer-widgets .widget:nth-child(4n+4) {
	width: 40%;
}
.footer-widget {
	padding: 24px;
}
.footer-information {
	padding: 12px 0px;
	overflow: hidden;
}
.footer-information p {
	color: rgba(0, 0, 0, 0.4);
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
.footer-information a {
	color: rgba(0, 0, 0, 0.6);
}
.footer-information a:hover {
	color: #000000;
}

/************************************************
20.	Comments
************************************************/

#comments {
	padding: 36px 0px;
}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
}
.comment-subscription-form {
	padding: 6px 0px;
}
.commentlist li .avatar {
	float: right;
	background: #f9f9f9;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 50%;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
}
.commentlist {
	margin: 0px;
	padding: 0px;
}
.commentlist ol {
	margin: 0px;
	padding: 10px;
}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li #respond {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li ul li {
	padding-left: 24px;
}
.commentlist li ul li:last-child {
	border-bottom: none;
}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
}
.commentlist + #respond {
	padding-top: 24px;
}
.comment {
	padding: 18px 0px;
	overflow: hidden;
}
#commentform {
	margin: 5px 0px 0px 0px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#cancel-comment-reply-link {
	float: right;
	font-size: 1.1rem;
	font-weight: normal;
	text-transform: none;
	margin: 12px 0px;
}
.form-submit #submit {
	margin-top: 0px !important;
}
p.logged-in-as {
	margin-top: -6px;
	padding: 0px;
}
.nocomments {
	display: none;
}
.edit-link {
	float: right;
	margin-top: 12px;
}
.reply {
	float: left;
	margin: 6px 0px;
}
.reply a,
.reply a:link,
.reply a:visited {
	margin: 0px;
	padding: 6px 18px;
}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.form-allowed-tags {
	display: none;
}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
}
.children {
	margin: 0px;
	padding: 0px;
}
.even, .alt {
	margin: 0px;
	padding: 0px;
}

/************************************************
21.	Buttons
************************************************/

button, .button, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, a.more-link, #submit,
input[type=submit], input#submit, input.button, #wrapper #infinite-handle span, .wp-block-button a,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block;
	position: relative;
	background-color: #cc00cc;
	color: #cccccc !important;
	color: rgba(255, 255, 255, .7) !important;
	font-style: normal;
	font-weight: 600;
	font-size: 80%;
	text-transform: uppercase;
	line-height: 1.4;
	letter-spacing: 1px;
	margin: 24px 0px;
	padding: 12px 24px;
	border-radius: 32px;
	-webkit-appearance: none;
}
button:hover, .button:hover, a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, a.more-link:hover,
input[type=submit]:hover, #submit:hover, input#submit:hover, input.button:hover, #wrapper #infinite-handle span:hover, .wp-block-button a:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #ff33cc;
	color: #ffffff !important;
	text-decoration: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
	margin: 24px 0px;
	padding: 12px 24px;
	border-radius: 32px;
	box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .2);
	cursor: pointer;
}
.container form button,
.container form input[type=submit] {
	margin-top: 0px;
}
.more-link-wrapper {
	margin-top: 12px;
}

/************************************************
22. Columns
************************************************/

.content-columns {
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.content-column {
	float: left;
	position: relative;
	margin-right: 4%;
	padding-top: 24px;
	padding-bottom: 24px;
}
.content-column:last-child {
	float: right;
	margin-right: 0;
	clear: right;
}
.content-column:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content-column.one-half {
	width:48%;
}
.content-column.one-third {
	width:30.66%;
}
.content-column.two-third {
	width:65.33%;
}
.content-column.one-fourth {
	width:22%;
}
.content-column.three-fourth {
	width:74%;
}
.content-column.one-fifth {
	width:16.8%;
}
.content-column.two-fifth {
	width:37.6%;
}
.content-column.three-fifth {
	width:58.4%;
}
.content-column.four-fifth {
	width:67.2%;
}
.content-column.one-sixth {
	width:13.33%;
}
.content-column.five-sixth {
	width:82.67%;
}

/************************************************
23. Tables
************************************************/

table {
	width: 100%;
	margin: 18px 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
}
table p,
table form,
table ul,
table li {
	margin: 6px 0px;
	padding: 0px;
}
table thead,
table tfoot {
	border: 1px solid #333333;
	border: 1px solid rgba(255, 255, 255, 0.24);
}
table thead th,
table tfoot td {
	border: none;
}
table tbody tr:nth-child(odd) {
	background: rgba(255, 255, 255, 0.04);
}
table th {
	background: rgba(255, 255, 255, 0.04);
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px;
	border: 1px solid #333333;
	border: 1px solid rgba(255, 255, 255, 0.24);
	box-sizing: border-box;
}
table td {
	padding: 6px;
	margin: 0px;
	border: 1px solid #333333;
	border: 1px solid rgba(255, 255, 255, 0.24);
	box-sizing: border-box;
}

/************************************************
24. Forms
************************************************/

form {
	display: block;
}
form p {
	margin: 6px 0px;
}
form div {
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
}
form span {
	margin-bottom: 8px;
	overflow: hidden;
}
form span.required {
	display: inline;
}
form li,
form ul,
form ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form legend {
	font-weight: bold;
	padding-top: 10px;
}
form label {
	margin-top: 6px;
}
form li > label {
	font-weight: bold;
}
form li li > label {
	font-weight: normal;
}
form span label {
	font-size: 0.8em;
}
form input,
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form textarea {
	display: block;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.04);
	font-family: inherit;
	font-size: 1em;
	line-height: 1.4;
	padding: 8px;
	border: 4px solid rgba(0, 0, 0, 0.12);
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'] {
	width: 50%;
}
form textarea {
	width: 100%;
}
form input[type='checkbox'],
form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
}
form input[type='submit'] {
	margin-top: 0px;
}
form .form-submit {
	padding: 8px 0px;
}
textarea {
	overflow: auto;
}
address {
	margin: 12px 0px;
}
select {
	display: block;
	background-color: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0);
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
	width: auto;
	max-width: 100%;
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 6px;
	padding: 6px 46px 6px 8px !important;
	box-shadow: none;
	border-radius: 0px;
	border: 4px solid rgba(0, 0, 0, 0.12);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;

	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12));
	background-position:
		calc(100% - 16px) 50%,
		calc(100% - 11px) 50%,
		calc(100% - 32px) 6px;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;

	/* reset */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

/************************************************
25.	CSS3 Styles
************************************************/

a, button, .button, #submit, #searchsubmit {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}
.shadow {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/************************************************
26.	Jetpack
************************************************/

.home #infinite-footer {
	display: none;
}
#infinite-handle,
.infinite-loader {
	display: block;
	text-align: center;
	padding: 12px 24px;
}
#infinite-footer .container {
	width: auto;
}
.blog.infinite-scroll .pagination,
.infinite-scroll.neverending .pagination,
.infinite-scroll.neverending .footer {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.infinite-loader .spinner {
	margin: 0px auto 0px;
}
.infinite-scroll.neverending .footer {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.grofile-thumbnail,
.widgets-grid-layout {
	float: left;
	width: 28% !important;
	margin: 12px 24px 6px 0px;
	border-radius: 50%;
}
.widget-grofile .grofile-meta h4 {
	margin: 0px;
}

/************************************************
27.	WordPress Core
************************************************/

/* 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. */
}
.wp-audio-shortcode {
	margin: 12px 0px;
}
.sticky,
.bypostauthor {
	position: relative;
}
#wp-custom-header .customize-partial-edit-shortcut {
	top: 50%;
	left: 24px;
	z-index: 9;
}

/************************************************
28.	Organic Widgets
************************************************/

.organic-widgets-card h1 a,
.organic-widgets-card h2 a,
.organic-widgets-card h3 a,
.organic-widgets-card h4 a,
.organic-widgets-card h5 a,
.organic-widgets-card h6 a {
	color: #000000 !important;
}
.sidebar .organic-widgets-card,
.sidebar .organic-widgets-section {
	background-color: transparent !important;
}

/************************************************
29.	Shortcodes
************************************************/

#wrapper .toggle-trigger, #wrapper .toggle-section, #wrapper .organic-accordion,
#wrapper .ui-accordion .ui-accordion-header.ui-accordion-header-active,
#wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active, #wrapper .ui-tabs .ui-tabs-panel {
	background: #121212;
	border-radius: 2px;
}
#wrapper .ui-accordion .ui-accordion-header.ui-accordion-header-active,
#wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-radius: 2px 2px 0px 0px !important;
}
#wrapper .ui-accordion .ui-accordion-header.ui-accordion-header-active a,
#wrapper .organic-tabs ul#tabs li.ui-tabs-active a,
#wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #ffffff;
}
#wrapper .ui-accordion .ui-accordion-header, #wrapper .bar-rating,
#wrapper .organic-tabs ul#tabs li, .ui-tabs .ui-tabs-nav li {
	background: #000000;
}
#wrapper .organic-tabs ul#tabs li.ui-tabs-active,
#wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #121212;
}
#wrapper .ui-accordion .ui-accordion-header,
#wrapper .ui-tabs .ui-tabs-nav li {
	border-radius: 2px 2px 0px 0px;
}

/************************************************
30.	WP Audio Player
************************************************/

.wp-playlist button {
	background-color: transparent !important;
}
.wp-playlist a.wp-playlist-caption,
.wp-playlist a.wp-playlist-caption:link,
.wp-playlist a.wp-playlist-caption:visited {
	color: #000000;
}
.wp-playlist a.wp-playlist-caption:hover {
	text-decoration: underline;
}

/************************************************
31. Gutenberg
************************************************/

/* Media */

.wp-block-image {
	text-align: center;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.wp-block-image img {
	display: block;
}
.wp-block-image figcaption {
	margin-top: 8px;
}
.wp-block-embed {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-gallery .blocks-gallery-item {
	padding: 0px;
}
.wp-block-gallery .blocks-gallery-image {
	margin-left: 0px;
	margin-right: 0px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	box-sizing: border-box;
	border: none;
}
.wp-block-cover {
	box-sizing: border-box;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull,
.wp-block-cover .wp-block-button,
.wp-block-cover-image .wp-block-button {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wp-block-cover .wp-block-cover__inner-container {
	padding: 36px;
	box-sizing: border-box;
}
.wp-block-column .wp-block-cover .wp-block-cover__inner-container {
	padding: 0px;
}
.wp-block-cover .wp-block-cover__inner-container p {
	margin-top: 24px;
	margin-bottom: 24px;
}
.wp-block-cover .wp-block-cover__inner-container > :first-child {
	margin-top: 0px;
}
.wp-block-cover .wp-block-cover__inner-container > :last-child {
	margin-bottom: 0px;
}
.wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover__inner-container {
	position: relative;
	top: 0;
	width: 100%;
	margin: 0px auto;
	transition: all 1s ease-in-out;
	transition-delay: 0.5s;
	z-index: 7;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text, .wp-block-cover h2 {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* Buttons */

.wp-block-button {
	position: relative;
	box-sizing: border-box;
}
.wp-block-button.alignleft {
	float: none;
	text-align: left;
}
.wp-block-button.alignright {
	float: none;
	text-align: right;
}
.wp-block-button.alignwide .wp-block-button__link {
	display: block;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: inherit;
	box-shadow: none;
	text-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: inherit;
	background: inherit;
}
.wp-block-button__link.has-text-color:hover {
	color: initial;
}
.has-background-dim .wp-block-button.is-style-outline .wp-block-button__link {
	color: #ffffff;
	border-color: #ffffff;
}

/* Quotes */

.wp-block-quote.is-style-large p {
	font-size: 1.8rem;
	font-style: normal;
	line-height: 1.5;
	margin: 0px;
}
.wp-block-quote.has-text-align-right,
.wp-block-quote.has-text-align-center {
	border-left: none;
}
.wp-block-quote.has-text-align-right {
	border-right: 2px solid #dddddd;
}
.wp-block-quote.has-text-align-center {
	padding-left: 0px;
	padding-right: 0px;
}
.wp-block-quote.has-text-align-center::before {
	display: inline-block;
	content: '';
	width: 80px;
	height: 2px;
	background: #dddddd;
	margin: 12px auto;
}
.wp-block-quote.has-text-align-center cite {
	text-align: center;
}
.wp-block-quote.has-text-align-left cite {
	text-align: left;
}
.wp-block-quote.has-text-align-right cite {
	text-align: right;
}
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	display: block;
	font-size: 0.85rem;
	font-style: normal;
	margin-top: 12px;
	opacity: 0.6;
}
.wp-block-pullquote {
	position: relative;
	margin: 36px 0px 24px;
	padding: 36px;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #dddddd;
}
.wp-block-pullquote::before {
	position: absolute;
	top: -28px; left: 50%;
	background: #ffffff;
	color: rgba(0, 0, 0, 0.4);
	content: '\f10d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 24px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-left: -24px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	border-color: inherit;
}
.wp-block-pullquote.is-style-solid-color {
	padding-left: 48px;
}
.wp-block-pullquote.is-style-solid-color::before {
	left: 0px;
	top: 36px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
	max-width: none;
}
.wp-block-pullquote blockquote {
	margin: 0px;
	padding: 0px;
	border: none;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote .wp-block-pullquote__citation {
	display: block;
	color: inherit;
	font-size: 90%;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 12px;
	opacity: 0.6;
}

/* Columns */

.wp-block-columns {
	display: flex;
	box-sizing: border-box;
}
.wp-block-columns.alignfull {
	padding-left: 36px;
	padding-right: 36px;
}
.wp-block-column > :first-child {
	margin-top: 0px;
}

/* Jetpack */

div[class*="wp-block"] form.contact-form input[type="text"],
div[class*="wp-block"] form.contact-form input[type="email"],
div[class*="wp-block"] form.contact-form input[type="tel"],
div[class*="wp-block"] form.contact-form input[type="url"] {
	width: 100%;
}
div[class*="wp-block"] form.contact-form label span {
	float: right;
}
div[class*="wp-block"] form.contact-form .contact-submit {
	margin: 0px;
}
.wp-block-jetpack-email,
.wp-block-jetpack-phone,
.wp-block-jetpack-address {
	margin-top: 6px;
	margin-bottom: 6px;
}
.wp-block-jetpack-email::before {
	color: #999999;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 90%;
	content: '\f0e0';
	margin-right: 8px;
}
.wp-block-jetpack-phone::before {
	color: #999999;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: '\f095';
	margin-right: 8px;
}
.wp-block-jetpack-layout-grid {
	box-sizing: border-box;
}
.wp-block-jetpack-layout-grid div[class*="wp-block"].alignfull,
.wp-block-jetpack-layout-grid figure[class*="wp-block"].alignfull,
.wp-block-jetpack-layout-grid div[class*="wp-block"].alignwide,
.wp-block-jetpack-layout-grid figure[class*="wp-block"].alignwide {
	left: auto;
	width: auto;
	max-width: 100%;
	padding: 0px;
}

/* CoBlocks */

.wpnbha.is-style-borders.is-grid article,
.wp-block-coblocks-pricing-table-item {
	box-sizing: border-box;
}

/* Misc */

.wp-block-table {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.wp-block-table.is-style-stripes {
	border-bottom: none;
}
.wp-block-table figcaption {
	margin-top: -24px;
}
.wp-block-audio {
	margin-left: 0px;
	margin-right: 0px;
}
.wp-block-audio audio {
	width: 100%;
}
.wp-block-search .wp-block-search__button {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wp-block-separator {
	margin: 36px auto;
	border: none;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}
.wp-block-social-links .wp-social-link {
	padding: 0px;
}
.wp-block-social-links .wp-social-link a {
	color: inherit;
}

/* ========================================================================== 
   WIR-ZWA FINAL – individuelle Gestaltung
   ========================================================================== */

:root {
    --wir-zwa-gold: #c8a24b;
    --wir-zwa-gold-dark: #8a6721;
    --wir-zwa-text: #1f1f1f;
    --wir-zwa-panel: rgba(224, 220, 211, 0.82);
}

/* Holz-/Bildhintergrund über die gesamte Seite sichtbar lassen. */
body.custom-background,
body.music-background-image,
#wrapper,
#header,
.container {
    background-color: transparent;
}

/* Menü bleibt das normale WordPress-Menü und daher beliebig erweiterbar. */
#nav-bar {
    background: rgba(28, 28, 28, 0.82) !important;
    border-bottom: 1px solid rgba(200, 162, 75, 0.72);
}

#nav-bar .flex-row {
    width: min(96%, 1420px);
    margin: 0 auto;
}

#navigation .menu > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 5px 2px;
    padding: 8px 13px;
    border: 1px solid rgba(200, 162, 75, 0.85);
    border-radius: 22px;
    color: #fff !important;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

#navigation .menu > li:hover > a,
#navigation .menu > li.current-menu-item > a,
#navigation .menu > li.current-menu-ancestor > a {
    background: var(--wir-zwa-gold);
    border-color: var(--wir-zwa-gold);
    color: #111 !important;
}

#navigation .sub-menu {
    border: 1px solid var(--wir-zwa-gold);
    background: rgba(255, 255, 255, 0.98);
}

#navigation .sub-menu a {
    color: #222 !important;
}

#navigation .sub-menu a:hover {
    background: var(--wir-zwa-gold);
    color: #fff !important;
}

/* Kein alter schwarzer Custom-Header-Banner mehr. */
body.home .feature-img.banner-img,
body.home #wp-custom-header,
body.home .wp-custom-header,
body.home .organic-music-bg-dark.feature-img {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.wir-zwa-video-row {
    width: 100%;
    margin: 0 auto 24px;
    padding: 18px 0 0;
    background: transparent;
}

.wir-zwa-home-video {
    width: min(92%, 1180px);
    margin: 0 auto;
    padding: 5px;
    border: 2px solid var(--wir-zwa-gold);
    border-radius: 13px;
    background: rgba(255,255,255,.08);
    box-shadow: 0 8px 24px rgba(0,0,0,.24);
    box-sizing: border-box;
}

.wir-zwa-home-video-element {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

/* Breiter, leicht transparenter Inhaltsbereich. */
.container > .post,
.container > article,
.post-area.no-sidebar {
    background: transparent;
}

.post-area.no-sidebar,
.post-area {
    width: min(75vw, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background: var(--wir-zwa-panel) !important;
    color: var(--wir-zwa-text);
}

.post-area p,
.post-area li,
.post-area h1,
.post-area h2,
.post-area h3,
.post-area h4 {
    color: var(--wir-zwa-text);
}

/* Kleiner Lebens-Momente-Hinweis auf der Startseite. */
.wir-zwa-life-moments {
    width: min(92%, 590px);
    margin: 24px auto 10px;
    padding: 14px 20px 16px;
    border-top: 1px solid rgba(200, 162, 75, .78);
    border-bottom: 1px solid rgba(200, 162, 75, .78);
    background: rgba(255, 255, 255, .44);
    text-align: center;
    box-sizing: border-box;
}

.wir-zwa-life-moments h2 {
    margin: 0 0 4px;
    color: #222;
    font-size: 21px;
    line-height: 1.2;
}

.wir-zwa-life-moments-services {
    margin: 0 0 7px;
    color: #5f4718;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .03em;
}

.wir-zwa-life-moments-text {
    margin: 0 0 8px;
    color: #222;
    font-size: 14px;
    line-height: 1.55;
}

.wir-zwa-life-moments a {
    color: var(--wir-zwa-gold-dark);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.wir-zwa-life-moments a:hover,
.wir-zwa-life-moments a:focus-visible {
    text-decoration: underline;
}

/* Footer */
.wir-zwa-footer {
    margin-top: 30px;
    padding: 22px 15px 14px;
    border-top: 1px solid rgba(200, 162, 75, .72);
    background: rgba(132, 130, 124, .82);
    color: #222;
}

.wir-zwa-footer-inner {
    width: min(96%, 1200px);
    margin: 0 auto;
    text-align: center;
}

.wir-zwa-hawara-title {
    margin: 0 0 8px;
    color: #222;
    font-size: 25px;
}

.wir-zwa-hawara-widgets,
.wir-zwa-hawara-widgets .footer-widgets,
.wir-zwa-hawara-widgets .widget,
.wir-zwa-hawara-widgets .footer-widget {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.wir-zwa-hawara-widgets .widget-title {
    display: none;
}

.wir-zwa-hawara-widgets img {
    width: auto;
    max-width: 165px;
    max-height: 76px;
    object-fit: contain;
}

.wir-zwa-footer-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 18px auto 0;
}

.wir-zwa-legal-accordion {
    position: relative;
    margin: 0;
}

.wir-zwa-legal-accordion > summary,
.wir-zwa-impressum-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 155px;
    height: 44px;
    margin: 0;
    padding: 0 18px;
    border: 2px solid var(--wir-zwa-gold);
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    color: #222 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    list-style: none;
    box-sizing: border-box;
}

.wir-zwa-legal-accordion > summary span,
.wir-zwa-impressum-link span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.wir-zwa-legal-accordion > summary::-webkit-details-marker { display: none; }

.wir-zwa-legal-accordion > summary:hover,
.wir-zwa-impressum-link:hover {
    background: var(--wir-zwa-gold);
    color: #fff !important;
}

.wir-zwa-legal-list {
    position: absolute;
    z-index: 100;
    top: 52px;
    left: 50%;
    width: 220px;
    margin: 0;
    padding: 10px;
    transform: translateX(-50%);
    border: 1px solid var(--wir-zwa-gold);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
    list-style: none;
}

.wir-zwa-legal-list li { margin: 0; padding: 0; }
.wir-zwa-legal-list a {
    display: block;
    padding: 8px 10px;
    border-radius: 6px;
    color: #222 !important;
    text-decoration: none;
}
.wir-zwa-legal-list a:hover { background: var(--wir-zwa-gold); color: #fff !important; }

.wir-zwa-footer-copy {
    margin-top: 18px;
    padding-top: 10px;
    border-top: 1px solid rgba(200,162,75,.75);
    font-size: 13px;
}

.wir-zwa-footer-copy p { margin: 0; color: #222; }

@media (max-width: 900px) {
    .post-area.no-sidebar,
    .post-area {
        width: 90vw;
    }

    #navigation .menu > li > a {
        padding: 7px 10px;
        font-size: 14px;
    }

    .wir-zwa-home-video {
        width: 95%;
    }
}

@media (max-width: 767px) {
    .post-area.no-sidebar,
    .post-area {
        width: 96vw;
    }

    .wir-zwa-home-video {
        width: 96%;
        padding: 3px;
        border-radius: 9px;
    }

    .wir-zwa-life-moments {
        width: 96%;
        padding: 12px 14px 14px;
    }

    .wir-zwa-hawara-widgets img {
        max-width: 130px;
        max-height: 62px;
    }

    .wir-zwa-footer-legal {
        gap: 10px;
    }

    .wir-zwa-legal-accordion > summary,
    .wir-zwa-impressum-link {
        width: 140px;
        height: 42px;
        font-size: 15px;
    }

    .wir-zwa-legal-list {
        position: static;
        transform: none;
        margin-top: 8px;
    }
}


/* =========================================================
   Wir-Zwa Final 1.0.1 – Startvideo und Schau-Moi
   ========================================================= */
body.home .site-logo { display: none !important; }
body.home #nav-bar .flex-row { justify-content: center !important; }
body.home #navigation { margin-left: auto !important; margin-right: auto !important; }

body.home .wir-zwa-video-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 18px auto 26px !important;
    padding: 0 !important;
    background: transparent !important;
}
body.home .wir-zwa-home-video {
    display: block !important;
    width: min(780px, 86vw) !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    padding: 4px !important;
}
body.home .wir-zwa-home-video-element {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.wir-zwa-gallery-showcase { width: 100%; margin: 0 auto; }
.wir-zwa-gallery-intro { max-width: 820px; margin: 0 auto 26px; text-align: center; }
.wir-zwa-gallery-intro p { font-size: 17px; line-height: 1.7; }
.wir-zwa-gallery-grid,
.wir-zwa-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}
.wir-zwa-gallery-card,
.wir-zwa-video-card {
    overflow: hidden;
    border: 1px solid rgba(200,162,75,.85);
    border-radius: 14px;
    background: rgba(255,255,255,.66);
    box-shadow: 0 7px 20px rgba(0,0,0,.14);
}
.wir-zwa-gallery-open {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #222;
    text-align: left;
    cursor: pointer;
}
.wir-zwa-gallery-cover,
.wir-zwa-video-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-position: center;
    background-size: cover;
}
.wir-zwa-gallery-card-body { display: block; padding: 16px 18px 18px; text-align: center; }
.wir-zwa-gallery-card-body strong,
.wir-zwa-video-card strong { display: block; margin-bottom: 5px; color: #222; font-size: 20px; }
.wir-zwa-gallery-card-body small { display: block; margin-bottom: 12px; color: #555; font-size: 14px; }
.wir-zwa-gallery-link,
.wir-zwa-video-card a > span:last-child { color: #7a5919; font-weight: 700; }
.wir-zwa-gallery-card:hover,
.wir-zwa-video-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.wir-zwa-gallery-card,
.wir-zwa-video-card { transition: transform .22s ease, box-shadow .22s ease; }
.wir-zwa-gallery-heading { margin: 42px 0 20px; text-align: center; }
.wir-zwa-gallery-heading h2 { margin: 0; font-size: 27px; color: #222; }
.wir-zwa-video-card a { display: block; color: #222 !important; text-align: center; text-decoration: none !important; }
.wir-zwa-video-card a > strong,
.wir-zwa-video-card a > span:last-child { padding-left: 16px; padding-right: 16px; }
.wir-zwa-video-card a > strong { padding-top: 15px; }
.wir-zwa-video-card a > span:last-child { display: block; padding-bottom: 18px; }
.wir-zwa-video-thumb { position: relative; }
.wir-zwa-video-thumb > span {
    position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%);
    display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%;
    background: rgba(0,0,0,.72); color: #fff; font-size: 27px;
}
.wir-zwa-interview-link { margin: 28px auto 0; text-align: center; }

.wir-zwa-lightbox[hidden] { display: none !important; }
.wir-zwa-lightbox {
    position: fixed; z-index: 999999; inset: 0; display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px;
    align-items: center; padding: 30px; background: rgba(0,0,0,.92);
}
.wir-zwa-lightbox figure { margin: 0; text-align: center; }
.wir-zwa-lightbox img { max-width: 100%; max-height: 82vh; width: auto; height: auto; border-radius: 8px; }
.wir-zwa-lightbox figcaption { margin-top: 10px; color: #fff; }
.wir-zwa-lightbox button { border: 0; background: transparent; color: #fff; cursor: pointer; }
.wir-zwa-lightbox-prev,
.wir-zwa-lightbox-next { font-size: 64px; }
.wir-zwa-lightbox-close { position: absolute; top: 12px; right: 22px; font-size: 46px; }
body.wir-zwa-lightbox-open { overflow: hidden; }

@media (max-width: 767px) {
    body.home .wir-zwa-home-video { width: 94vw !important; }
    .wir-zwa-gallery-grid,
    .wir-zwa-video-grid { grid-template-columns: 1fr; gap: 18px; }
    .wir-zwa-lightbox { grid-template-columns: 42px minmax(0,1fr) 42px; padding: 18px 8px; }
    .wir-zwa-lightbox-prev,
    .wir-zwa-lightbox-next { font-size: 44px; }
}


/* =========================================================
   Wir-Zwa Final 1.0.4 – Video zentriert / Rechtliches nach oben
   ========================================================= */

/* Video und heller Inhaltsbereich teilen dieselbe Mittelachse. */
body.home .wir-zwa-video-row {
    display: grid !important;
    place-items: center !important;
    width: min(75vw, 1280px) !important;
    max-width: 1280px !important;
    margin: 18px auto 26px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.home .wir-zwa-home-video {
    display: block !important;
    width: min(780px, 100%) !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    padding: 4px !important;
    box-sizing: border-box !important;
}

body.home .wir-zwa-home-video-element {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* Der Rechtliches-Bereich klappt nach oben auf. */
.wir-zwa-footer,
.wir-zwa-footer-inner,
.wir-zwa-footer-legal,
.wir-zwa-legal-accordion {
    overflow: visible !important;
}

.wir-zwa-legal-accordion {
    z-index: 200;
}

.wir-zwa-legal-list {
    top: auto !important;
    bottom: calc(100% + 9px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 230px !important;
    min-width: 230px !important;
    padding: 10px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 2px solid var(--wir-zwa-gold) !important;
    box-shadow: 0 -8px 22px rgba(0, 0, 0, .22) !important;
    text-align: center !important;
}

.wir-zwa-legal-list li,
.wir-zwa-legal-list a {
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.wir-zwa-legal-list a {
    padding: 9px 12px !important;
}

.wir-zwa-legal-accordion > summary,
.wir-zwa-impressum-link {
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    body.home .wir-zwa-video-row {
        width: 90vw !important;
    }
}

@media (max-width: 767px) {
    body.home .wir-zwa-video-row {
        width: 96vw !important;
    }

    .wir-zwa-legal-list {
        position: absolute !important;
        top: auto !important;
        bottom: calc(100% + 8px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        width: min(230px, 88vw) !important;
        min-width: 0 !important;
    }
}

/* ==========================================================
   Wir-Zwa Final 1.0.4 – Hawara und Lebens-Momente Feinschliff
   ========================================================== */

/* Nur die fest eingebaute Überschrift anzeigen; Widget-Titel ausblenden. */
.wir-zwa-hawara-widgets .widget-title,
.wir-zwa-hawara-widgets .widgettitle,
.wir-zwa-hawara-widgets h1,
.wir-zwa-hawara-widgets h2,
.wir-zwa-hawara-widgets h3,
.wir-zwa-hawara-widgets h4,
.wir-zwa-hawara-widgets h5,
.wir-zwa-hawara-widgets h6 {
    display: none !important;
}

/* Hawara-Logos ungefähr zehn Prozent größer. */
.wir-zwa-hawara-widgets img {
    max-width: 182px !important;
    max-height: 84px !important;
}

/* Lebens-Momente-Link gut lesbar, aber weiterhin dezent. */
.wir-zwa-life-moments > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 16px;
    border: 1px solid #8a6721;
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
    color: #211a0d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25;
    text-decoration: none !important;
    text-shadow: none !important;
}

.wir-zwa-life-moments > a:hover,
.wir-zwa-life-moments > a:focus-visible {
    background: #c8a24b;
    color: #111 !important;
    outline: 2px solid rgba(34, 34, 34, .35);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .wir-zwa-hawara-widgets img {
        max-width: 143px !important;
        max-height: 68px !important;
    }
}


/* ==========================================================
   Wir-Zwa Final 1.0.5 – stabile Endkorrekturen
   ========================================================== */

/* Die bestehende WPBakery-Galerieseite bleibt vollständig erhalten. */
body.page-id-614 .wir-zwa-gallery-showcase,
body.page-id-614 .wir-zwa-lightbox {
    display: none !important;
}

/* Startvideo und heller Inhaltsbereich exakt auf derselben Achse. */
body.home .container,
body.home .container > .post,
body.home .content,
body.home .sixteen.columns,
body.home .post-area.no-sidebar {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.home .wir-zwa-video-row,
body.home .post-area.no-sidebar {
    width: min(86vw, 980px) !important;
    max-width: 980px !important;
    box-sizing: border-box !important;
}

body.home .wir-zwa-video-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 18px auto 26px !important;
    padding: 0 !important;
}

body.home .wir-zwa-home-video {
    width: min(780px, 100%) !important;
    max-width: 780px !important;
    margin: 0 auto !important;
}

/* Lebens-Momente-Link in allen Zuständen gut lesbar. */
body.home .post-area .wir-zwa-life-moments > a,
body.home .post-area .wir-zwa-life-moments > a:link,
body.home .post-area .wir-zwa-life-moments > a:visited,
.wir-zwa-life-moments > a,
.wir-zwa-life-moments > a:link,
.wir-zwa-life-moments > a:visited {
    background: #ffffff !important;
    border-color: #8a6721 !important;
    color: #111111 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.home .post-area .wir-zwa-life-moments > a:hover,
body.home .post-area .wir-zwa-life-moments > a:focus-visible,
.wir-zwa-life-moments > a:hover,
.wir-zwa-life-moments > a:focus-visible {
    background: #c8a24b !important;
    color: #111111 !important;
}

/* Rechtliches öffnet sicher nach oben und bleibt gut lesbar. */
.wir-zwa-footer,
.wir-zwa-footer-inner,
.wir-zwa-footer-legal,
.wir-zwa-legal-accordion {
    overflow: visible !important;
}

.wir-zwa-legal-accordion {
    position: relative !important;
    z-index: 999 !important;
}

.wir-zwa-legal-accordion .wir-zwa-legal-list {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    width: 230px !important;
    min-width: 230px !important;
    margin: 0 !important;
    padding: 10px !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    border: 2px solid #c8a24b !important;
    color: #111111 !important;
    text-align: center !important;
    box-shadow: 0 -8px 22px rgba(0,0,0,.25) !important;
}

.wir-zwa-legal-accordion .wir-zwa-legal-list li,
.wir-zwa-legal-accordion .wir-zwa-legal-list a,
.wir-zwa-legal-accordion .wir-zwa-legal-list a:link,
.wir-zwa-legal-accordion .wir-zwa-legal-list a:visited {
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}

.wir-zwa-legal-accordion .wir-zwa-legal-list a:hover,
.wir-zwa-legal-accordion .wir-zwa-legal-list a:focus-visible {
    background: #c8a24b !important;
    color: #111111 !important;
}

@media (max-width: 767px) {
    body.home .wir-zwa-video-row,
    body.home .post-area.no-sidebar {
        width: 96vw !important;
        max-width: 96vw !important;
    }

    .wir-zwa-legal-accordion .wir-zwa-legal-list {
        position: absolute !important;
        top: auto !important;
        bottom: calc(100% + 8px) !important;
        left: 50% !important;
        width: min(230px, 88vw) !important;
        min-width: 0 !important;
        transform: translateX(-50%) !important;
    }
}


/* ==========================================================
   Wir-Zwa Final 1.0.6 – Video exakt am Inhaltsfeld ausgerichtet
   ========================================================== */
body.home .wir-zwa-video-row {
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 26px !important;
    padding: 0 !important;
}

body.home .wir-zwa-video-content {
    width: 100% !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

body.home .wir-zwa-video-content > .sixteen.columns {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.home .wir-zwa-home-video {
    width: min(780px, 100%) !important;
    max-width: 780px !important;
    margin: 0 auto !important;
}

@media (max-width: 767px) {
    body.home .wir-zwa-video-content {
        padding: 0 12px !important;
    }
}

/* ==========================================================
   Wir-Zwa Final 1.0.7 – Schau Moi mit FooGallery
   ========================================================== */
body.page-id-614 .wir-zwa-foogallery-page {
    width: 100%;
    margin: 0 auto;
    color: #111;
}

body.page-id-614 .wir-zwa-gallery-intro {
    max-width: 900px;
    margin: 0 auto 32px;
    text-align: center;
}

body.page-id-614 .wir-zwa-gallery-intro p {
    margin: 7px 0;
    color: #111 !important;
    font-size: 17px;
    line-height: 1.7;
}

body.page-id-614 .wir-zwa-foogallery-section {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto 52px;
}

body.page-id-614 .foogallery {
    width: 100% !important;
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-614 .foogallery .fg-item,
body.page-id-614 .foogallery .fg-thumb {
    overflow: hidden;
    border-radius: 10px !important;
}

body.page-id-614 .foogallery .fg-item {
    border: 2px solid #c8a24b !important;
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.15) !important;
    transition: transform .25s ease, box-shadow .25s ease;
}

body.page-id-614 .foogallery .fg-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px rgba(0,0,0,.22) !important;
}

body.page-id-614 .foogallery img {
    display: block;
    max-width: 100%;
}

body.page-id-614 .wir-zwa-gallery-notice {
    padding: 18px;
    border: 1px solid #c8a24b;
    background: #fff;
    color: #111;
    text-align: center;
}

body.page-id-614 .wir-zwa-video-section,
body.page-id-614 .wir-zwa-interview-section {
    max-width: 1080px;
    margin: 48px auto 0;
    text-align: center;
}

body.page-id-614 .wir-zwa-video-section h2,
body.page-id-614 .wir-zwa-interview-section h2 {
    margin: 0 0 24px;
    color: #111 !important;
    font-size: 28px;
    line-height: 1.25;
}

body.page-id-614 .wir-zwa-video-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

body.page-id-614 .wir-zwa-video-card {
    display: block;
    overflow: hidden;
    border: 2px solid #c8a24b;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(0,0,0,.16);
    color: #111 !important;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease;
}

body.page-id-614 .wir-zwa-video-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px rgba(0,0,0,.23);
}

body.page-id-614 .wir-zwa-video-image {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #111;
}

body.page-id-614 .wir-zwa-video-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-id-614 .wir-zwa-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border: 2px solid #c8a24b;
    border-radius: 50%;
    background: rgba(0,0,0,.74);
    color: #fff;
    font-size: 24px;
    transform: translate(-50%, -50%);
}

body.page-id-614 .wir-zwa-video-title {
    display: block;
    padding: 15px 12px;
    color: #111 !important;
    font-size: 16px;
    font-weight: 700;
}

body.page-id-614 .wir-zwa-interview-section {
    margin-bottom: 40px;
}

body.page-id-614 .wir-zwa-interview-section p {
    max-width: 760px;
    margin: 0 auto 22px;
    color: #111 !important;
    font-size: 17px;
    line-height: 1.7;
}

body.page-id-614 .wir-zwa-interview-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 24px;
    border: 2px solid #c8a24b;
    border-radius: 24px;
    background: #fff;
    color: #111 !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
}

body.page-id-614 .wir-zwa-interview-button:hover {
    background: #c8a24b;
    color: #111 !important;
}

@media (max-width: 900px) {
    body.page-id-614 .wir-zwa-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    body.page-id-614 .wir-zwa-video-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.page-id-614 .wir-zwa-video-section,
    body.page-id-614 .wir-zwa-interview-section {
        margin-top: 36px;
    }
}

/* ==========================================================
   Wir-Zwa Final 1.0.8 – letzte Footer- und Lebens-Momente-Korrekturen
   ========================================================== */

/* Lebens-Momente ist jetzt ein normaler, direkt auf der Startseite
   bearbeitbarer HTML-Block. Linkfarbe in jedem Zustand schwarz. */
body.home .wir-zwa-life-moments-editable,
body.home .wir-zwa-life-moments-editable * {
    box-sizing: border-box;
}

body.home .wir-zwa-life-moments-editable a,
body.home .wir-zwa-life-moments-editable a:link,
body.home .wir-zwa-life-moments-editable a:visited,
body.home .wir-zwa-life-moments-editable a:hover,
body.home .wir-zwa-life-moments-editable a:focus,
body.home .wir-zwa-life-moments-editable a:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 18px !important;
    border: 2px solid #8a6721 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.home .wir-zwa-life-moments-editable a:hover,
body.home .wir-zwa-life-moments-editable a:focus-visible {
    background: #c8a24b !important;
    color: #111111 !important;
}

/* Nur eine Hawara-Überschrift anzeigen. */
.wir-zwa-hawara-widgets .widget-title,
.wir-zwa-hawara-widgets .widgettitle,
.wir-zwa-hawara-widgets h1,
.wir-zwa-hawara-widgets h2,
.wir-zwa-hawara-widgets h3,
.wir-zwa-hawara-widgets h4,
.wir-zwa-hawara-widgets h5,
.wir-zwa-hawara-widgets h6 {
    display: none !important;
}

/* Hawara-Logos sichtbar größer. Diese beiden Werte können später
   selbst geändert werden: max-width und max-height. */
.wir-zwa-hawara-widgets img,
.wir-zwa-hawara-widgets a img,
.wir-zwa-hawara-widgets figure img {
    width: auto !important;
    height: auto !important;
    max-width: 205px !important;
    max-height: 96px !important;
    object-fit: contain !important;
}

/* Eigener Rechtliches-Schalter: Menü öffnet garantiert nach oben. */
.wir-zwa-footer,
.wir-zwa-footer-inner,
.wir-zwa-footer-legal,
.wir-zwa-legal-popup {
    overflow: visible !important;
}

.wir-zwa-legal-popup {
    position: relative !important;
    z-index: 9999 !important;
}

.wir-zwa-legal-toggle,
.wir-zwa-impressum-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 155px !important;
    min-width: 155px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 2px solid #c8a24b !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.wir-zwa-legal-toggle span,
.wir-zwa-impressum-link span {
    color: #111111 !important;
    line-height: 1 !important;
}

.wir-zwa-legal-menu {
    position: absolute !important;
    z-index: 10000 !important;
    top: auto !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    width: 235px !important;
    min-width: 235px !important;
    margin: 0 !important;
    padding: 10px !important;
    transform: translateX(-50%) !important;
    border: 2px solid #c8a24b !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 -8px 22px rgba(0,0,0,.28) !important;
    list-style: none !important;
    text-align: center !important;
}

.wir-zwa-legal-menu[hidden] {
    display: none !important;
}

.wir-zwa-legal-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wir-zwa-legal-menu a,
.wir-zwa-legal-menu a:link,
.wir-zwa-legal-menu a:visited {
    display: block !important;
    padding: 9px 12px !important;
    border-radius: 6px !important;
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.wir-zwa-legal-menu a:hover,
.wir-zwa-legal-menu a:focus-visible {
    background: #c8a24b !important;
    color: #111111 !important;
}

@media (max-width: 767px) {
    .wir-zwa-hawara-widgets img,
    .wir-zwa-hawara-widgets a img,
    .wir-zwa-hawara-widgets figure img {
        max-width: 175px !important;
        max-height: 84px !important;
    }

    .wir-zwa-legal-menu {
        width: min(235px, 88vw) !important;
        min-width: 0 !important;
    }
}


/* Wir-Zwa Final 1.0.9 – verbindlicher Footer-Fix */
.wir-zwa-footer .wir-zwa-legal-popup {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
}
.wir-zwa-footer .wir-zwa-legal-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    order: 1 !important;
}
.wir-zwa-footer .wir-zwa-legal-toggle {
    order: 2 !important;
    background: #ffffff !important;
    color: #111111 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    text-shadow: none !important;
}
.wir-zwa-footer .wir-zwa-legal-toggle span {
    color: #111111 !important;
    background: transparent !important;
    text-shadow: none !important;
}

/* ==========================================================
   Wir-Zwa Final 1.0.10 – Hawara entfernt / Video exakt mittig
   ========================================================== */

/* Der frühere Hawara-Bereich wird nicht mehr ausgegeben. */
.wir-zwa-footer-hawara,
.wir-zwa-hawara-title,
.wir-zwa-hawara-widgets {
    display: none !important;
}

/* Neue, freiwillige Footer-Zeile aus Design → Widgets. */
.wir-zwa-footer-line {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}

.wir-zwa-footer-line-widget,
.wir-zwa-footer-line-widget p {
    margin: 0;
    color: #111111;
    text-align: center;
}

/* Video wird relativ zum Browserfenster zentriert – unabhängig von alten Grid-Abständen. */
body.home .wir-zwa-video-row,
body.home .wir-zwa-video-content,
body.home .wir-zwa-video-content > .sixteen.columns {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

body.home .wir-zwa-video-row {
    position: relative !important;
    display: block !important;
    margin: 18px 0 26px !important;
    overflow: visible !important;
}

body.home .wir-zwa-home-video {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: block !important;
    width: min(780px, calc(100vw - 48px)) !important;
    max-width: 780px !important;
    margin: 0 !important;
    padding: 4px !important;
    box-sizing: border-box !important;
}

body.home .wir-zwa-home-video-element {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

/* Rechtliches: klare, stabile Darstellung oberhalb des Schalters. */
.wir-zwa-footer-legal {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 14px !important;
    overflow: visible !important;
}

.wir-zwa-legal-popup {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: visible !important;
}

.wir-zwa-legal-menu {
    width: 235px !important;
    margin: 0 0 10px !important;
    padding: 10px !important;
    border: 2px solid #c8a24b !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 -8px 22px rgba(0,0,0,.28) !important;
    list-style: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.wir-zwa-legal-menu[hidden] {
    display: none !important;
}

.wir-zwa-legal-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wir-zwa-legal-menu a {
    display: block !important;
    padding: 9px 12px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font: 700 16px/1.35 Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.wir-zwa-legal-toggle {
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 155px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 2px solid #c8a24b !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font: 700 16px/1 Arial, Helvetica, sans-serif !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

@media (max-width: 650px) {
    body.home .wir-zwa-home-video {
        width: calc(100vw - 24px) !important;
    }
}

/* =====================================================
   Footer Rechtliches – stabile finale Darstellung 1.0.11
   ===================================================== */
.wir-zwa-footer .wir-zwa-legal-toggle,
.wir-zwa-footer .wir-zwa-legal-toggle:hover,
.wir-zwa-footer .wir-zwa-legal-toggle:focus,
.wir-zwa-footer .wir-zwa-legal-toggle:active,
.wir-zwa-footer .wir-zwa-legal-toggle span,
.wir-zwa-footer .wir-zwa-impressum-link,
.wir-zwa-footer .wir-zwa-impressum-link:link,
.wir-zwa-footer .wir-zwa-impressum-link:visited,
.wir-zwa-footer .wir-zwa-impressum-link:hover,
.wir-zwa-footer .wir-zwa-impressum-link:focus,
.wir-zwa-footer .wir-zwa-impressum-link:active,
.wir-zwa-footer .wir-zwa-impressum-link span {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.wir-zwa-legal-menu,
.wir-zwa-legal-menu li,
.wir-zwa-legal-menu a,
.wir-zwa-legal-menu a:link,
.wir-zwa-legal-menu a:visited,
.wir-zwa-legal-menu a:hover,
.wir-zwa-legal-menu a:focus,
.wir-zwa-legal-menu a:active {
    color: #000000 !important;
}

.wir-zwa-legal-menu,
.wir-zwa-legal-menu a {
    background-color: #ffffff !important;
}

.wir-zwa-legal-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wir-zwa-legal-menu li::before,
.wir-zwa-legal-menu li::after {
    display: none !important;
    content: none !important;
}

.wir-zwa-legal-menu a:hover,
.wir-zwa-legal-menu a:focus {
    background-color: #c8a24b !important;
    color: #000000 !important;
}

/* =====================================================
   Footer Rechtliches – feste Buttons ohne Dropdown
   Version 1.0.12
   ===================================================== */
.wir-zwa-footer .wir-zwa-footer-legal {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 20px auto 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.wir-zwa-footer .wir-zwa-footer-legal-button,
.wir-zwa-footer .wir-zwa-footer-legal-button:link,
.wir-zwa-footer .wir-zwa-footer-legal-button:visited,
.wir-zwa-footer .wir-zwa-footer-legal-button:hover,
.wir-zwa-footer .wir-zwa-footer-legal-button:focus,
.wir-zwa-footer .wir-zwa-footer-legal-button:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 145px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    box-sizing: border-box !important;
    border: 2px solid #c8a24b !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: background-color .2s ease, transform .2s ease !important;
}

.wir-zwa-footer .wir-zwa-footer-legal-button:hover,
.wir-zwa-footer .wir-zwa-footer-legal-button:focus {
    background: #f5ecd7 !important;
    color: #000000 !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

@media (max-width: 760px) {
    .wir-zwa-footer .wir-zwa-footer-legal {
        gap: 9px !important;
    }

    .wir-zwa-footer .wir-zwa-footer-legal-button,
    .wir-zwa-footer .wir-zwa-footer-legal-button:link,
    .wir-zwa-footer .wir-zwa-footer-legal-button:visited {
        min-width: calc(50% - 6px) !important;
        font-size: 15px !important;
        padding: 9px 12px !important;
    }
}

@media (max-width: 420px) {
    .wir-zwa-footer .wir-zwa-footer-legal-button,
    .wir-zwa-footer .wir-zwa-footer-legal-button:link,
    .wir-zwa-footer .wir-zwa-footer-legal-button:visited {
        width: 100% !important;
        min-width: 0 !important;
    }
}




/* ===== Wir-Zwa Footer Buttons ===== */
.wir-zwa-footer-legal{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin:20px auto !important;
}

.wir-zwa-footer-legal a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:170px !important;
    height:46px !important;
    padding:0 20px !important;
    background:#ffffff !important;
    color:#000000 !important;
    border:2px solid #d4af37 !important;
    border-radius:24px !important;
    text-decoration:none !important;
    font-weight:600 !important;
    text-transform:none !important;
    box-shadow:none !important;
}

.wir-zwa-footer-legal a:link,
.wir-zwa-footer-legal a:visited,
.wir-zwa-footer-legal a:hover,
.wir-zwa-footer-legal a:focus,
.wir-zwa-footer-legal a:active{
    background:#ffffff !important;
    color:#000000 !important;
    text-decoration:none !important;
    border:2px solid #d4af37 !important;
}



/* =====================================================
   Wir-Zwa Footer-Rechtslinks – endgültige Darstellung
   ===================================================== */

html body .wir-zwa-footer nav.wir-zwa-footer-legal {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 20px auto !important;
	padding: 0 !important;
	text-align: center !important;
}

html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button,
html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:link,
html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:visited,
html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:hover,
html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:focus,
html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:active {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 165px !important;
	min-height: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	border: 2px solid #d4af37 !important;
	border-radius: 24px !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
	opacity: 1 !important;
}

html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:hover,
html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button:focus {
	background: #d4af37 !important;
	background-color: #d4af37 !important;
	color: #000000 !important;
	box-shadow: none !important;
	transform: none !important;
}

@media (max-width: 760px) {
	html body .wir-zwa-footer nav.wir-zwa-footer-legal {
		gap: 10px !important;
	}

	html body .wir-zwa-footer nav.wir-zwa-footer-legal > a.wir-zwa-footer-legal-button {
		min-width: 145px !important;
		font-size: 15px !important;
	}
}
/* Startseite - Content exakt mittig unter dem Video */

body.home #page-2 > div:nth-child(2) > div > div > div > div > article{
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.home #page-2 > div:nth-child(2){
    display:flex !important;
    justify-content:center !important;
}

body.home #page-2 > div:nth-child(2) > div{
    width:100% !important;
}

body.home #page-2 > div:nth-child(2) > div > div > div > div{
    display:flex !important;
    justify-content:center !important;
}



/* =====================================================
   Startseite: Video und grauer Inhaltsbereich exakt mittig
   ===================================================== */

body.home #page-2 > .wir-zwa-video-row,
body.home #page-2 > .row {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

/* Beide äußeren Inhaltscontainer erhalten exakt dieselbe Breite */
body.home #page-2 > .wir-zwa-video-row > .wir-zwa-video-content,
body.home #page-2 > .row > .content {
	width: calc(100% - 48px) !important;
	max-width: 1260px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
	float: none !important;
}

/* Die Spalten dürfen keine zusätzliche Verschiebung erzeugen */
body.home .wir-zwa-video-content > .sixteen.columns,
body.home #page-2 > .row > .content > .sixteen.columns {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
}

/* Video exakt auf die Mitte des grauen Inhaltsbereichs setzen */
body.home .wir-zwa-home-video {
	display: block !important;
	width: 100% !important;
	max-width: 820px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	text-align: center !important;
}

body.home .wir-zwa-home-video-element {
	display: block !important;
	width: 100% !important;
	max-width: 820px !important;
	height: auto !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* Graues Textfeld auf dieselbe Breite und Mitte wie das Video setzen */
body.home #page-2 > .row > .content .post-area.no-sidebar {
	width: 100% !important;
	max-width: 820px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	float: none !important;
}

/* Smartphone und Tablet */
@media (max-width: 900px) {
	body.home #page-2 > .wir-zwa-video-row > .wir-zwa-video-content,
	body.home #page-2 > .row > .content {
		width: calc(100% - 24px) !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	body.home .wir-zwa-home-video,
	body.home .wir-zwa-home-video-element,
	body.home #page-2 > .row > .content .post-area.no-sidebar {
		max-width: 100% !important;
	}
}

/* =====================================================
   Startseitenvideo – endgültige, strukturelle Zentrierung
   Version 1.0.15
   ===================================================== */
body.home #page-2 > .wir-zwa-video-row {
    display: block !important;
    width: 100% !important;
    margin: 18px 0 26px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.home #page-2 > .wir-zwa-video-row > .wir-zwa-video-content {
    display: block !important;
    width: 100% !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    float: none !important;
}

body.home .wir-zwa-video-frame {
    display: block !important;
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

body.home .wir-zwa-home-video,
body.home .wir-zwa-home-video-element {
    display: block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Der graue Inhaltsblock benutzt exakt dieselbe Breite und Mittelachse. */
body.home #page-2 > .row:not(.wir-zwa-video-row) > .content > .sixteen.columns,
body.home #page-2 > .row:not(.wir-zwa-video-row) .post-area.no-sidebar {
    width: 100% !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 900px) {
    body.home #page-2 > .wir-zwa-video-row > .wir-zwa-video-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.home .wir-zwa-video-frame,
    body.home #page-2 > .row:not(.wir-zwa-video-row) .post-area.no-sidebar {
        max-width: 100% !important;
    }
}



/* 1.0.17: Startseite 440 px breiter als die bisherige 820-px-Ausgabe */
body.home .wir-zwa-video-frame,
body.home .wir-zwa-home-video,
body.home .wir-zwa-home-video-element,
body.home .post-area.no-sidebar {
    width: 100% !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 1.0.18: Grauer Startseitenbereich exakt gleich breit wie das 1260-px-Video */
body.home #page-2 > .row:not(.wir-zwa-video-row) > .content {
    width: calc(100% - 48px) !important;
    max-width: 1308px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    float: none !important;
}

body.home #page-2 > .row:not(.wir-zwa-video-row) > .content > .sixteen.columns {
    width: 100% !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

body.home #page-2 > .row:not(.wir-zwa-video-row) .post-area.no-sidebar {
    width: 100% !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 900px) {
    body.home #page-2 > .row:not(.wir-zwa-video-row) > .content {
        width: calc(100% - 24px) !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* Wir-Zwa 2.0.2: Dropdown direkt am Hauptmenü – keine Maus-Lücke */
#navigation .menu > li.menu-item-has-children {
    position: relative;
}
#navigation .menu > li.menu-item-has-children:hover > ul.sub-menu,
#navigation .menu > li.menu-item-has-children:focus-within > ul.sub-menu {
    top: 100% !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 99999 !important;
}
/* Grauer Inhalts-Hintergrund für alle normalen Seiten */
body.page:not(.home) .content,
body.page:not(.home) .post-area,
body.page:not(.home) .article {
    background: rgba(235,235,235,0.92);
}

/* etwas Luft und saubere Rundung */
body.page:not(.home) .post-area {
    border-radius: 10px;
}