/*
Theme Name: lebensart
*/

/* karma-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Karma';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/karma-v18-latin-300.woff2') format('woff2');
}
/* karma-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Karma';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/karma-v18-latin-regular.woff2') format('woff2');
}
/* karma-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Karma';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/karma-v18-latin-600.woff2') format('woff2');
}

/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v51-latin-300.woff2') format('woff2');
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v51-latin-regular.woff2') format('woff2');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v51-latin-700.woff2') format('woff2');
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

* {
	--text-default: #000;
	--text-red: #e4002c;
	--bg-light: #f5f5f5;
	--bg-dark: #ececed;
}

.container-fluid {
 margin-right:auto;
 margin-left:auto;
 padding-left:6px;
 padding-right:6px
}
.row {
 margin-left:-6px;
 margin-right:-6px
}

/* bootstrap rewrite */
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

body {
	margin: 0;
	padding: 0;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: 400;
	font-family: "Karma", sans-serif;
}

main {
	display: block;
}

h1 {
	font-weight: 400;
	font-size: 42px;
	line-height: 150%;
}
@media (max-width: 1260px) {
	h1 {
		line-height: 120%;
	}
}
h2, h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
}
.content h2, .content h3 {
	margin-top: 2em;
}
.content p.interview {
	font-weight: 400;
	color: #a60622;
}
@media (max-width: 1024px) {
	h1, h2, h3, h4, h5, h6 {
		word-break: break-word;
	}
	h1 {
		font-size: 24px;
	}
	h2, h3 {
		font-size: 20px;
		line-height: 1.3;
	}
}

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

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

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b, strong {
	font-weight: bolder;
}

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

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button, input {
	overflow: visible;
}

button, select {
	text-transform: none;
}

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

*, *::before, *::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body, button, input, select, option, optgroup, textarea, .selectpicker {
	color: var(--text-default);
	font-family: "Karma", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 32px;
}
input, select, option, optgroup, textarea, .selectpicker {
	line-height: 19px;
}

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

p {
	margin-bottom: 1em;
}

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

blockquote {
	margin: 0 1em;
}

address {
	margin: 0 0 1em;
}

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

code, kbd, tt, var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
	font-size: 125%;
}

body {
	background: #ffffff;
}

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

ul, ol {
	margin: 0 0 1.5em 0;
	padding-left: 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

embed, iframe, object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

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

a {
	color: var(--text-default);
	text-decoration: none;
}

a:visited {
	color: var(--text-default);
}

a:hover, a:focus, a:active {
	color: var(--text-red);
}

a:hover .introtext .title {
	color: var(--text-red);
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

button:not([id^="mce"],[class^="mce"],[class^="gm"]), input[type="button"], input[type="reset"], input[type="submit"], a.markedbutton, .lightbutton {
	background-color: #fff !important;
	color: var(--text-default) !important;
	border: 1px solid var(--text-default) !important;
	text-transform: uppercase !important;
	padding: .6em 3em !important;
	font-family: Roboto;
	line-height: 1em !important;
	font-weight: normal !important;
	width: auto !important;
	text-decoration: none !important;
	&:hover {
		background-color: var(--text-default) !important;
		color: #fff !important;
	}
}
.lightbutton {
	background-color: #fff !important;
	color: var(--text-default) !important;
	padding: .6em 1em !important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="checkbox"], select, textarea, .selectpicker, .selectpicker .selection, .selectpicker .subselection{
	color: var(--text-default) !important;
	border: 1px solid #000 !important;
	padding: .6em 1em !important;
	margin: 0 0 20px;
	height: auto;
	line-height: normal;
	width: 100%;
	box-sizing: border-box;
	font-family: Roboto;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #111;
}
textarea {
	width: 100%;
}
input, textarea {
	-moz-appearance:none;
	outline: none;
}

input::placeholder, textarea::placeholder {
	color: rgba(0,0,0,.7);
	opacity: 1;
}

input[type="checkbox"], input[type="radio"] {
	display: block;
	top: 20px;
	left: 20px;
	width: 1px;
	height: 1px;
	opacity: 0.01;
	position: absolute;
}
.uwp-radios, .uwp_form_checkbox_row, .uwp-remember-me {
	display: inline-block;
	position: relative;
	label:hover {
		cursor: pointer;
	}
}
.uwp_form_checkbox_row label {
	display: block !important;
}
.uwp-radios, .uwp_form_checkbox_row {
	label:hover {
		cursor: pointer;
	}
	input {
		/*display: none;*/
		+ span {
			display: inline-block;
			vertical-align: top;
			content: ' ';
			width: 30px;
			height: 30px;
			margin-right: 2px;
			background: url(img/account/checkbox_open.svg) no-repeat center transparent;
			background-size: contain;
		}
		&:checked + span {
			background-image: url(img/account/checkbox_checked.svg);
		}
	}
}
/*.uwp-radios::before, .uwp_form_checkbox_row input[type="checkbox"] + div::before, .uwp-remember-me label::before, input[type="checkbox"] + span::before, .cr_form input[type="checkbox"] + label::before {*/
.uwp-radio-inputblock::before, .uwp_form_checkbox_row input[type="checkbox"] + div::before, .uwp-remember-me label::before, input[type="checkbox"] + span::before, .cr_form input[type="checkbox"] + label::before {
	display: inline-block;
	vertical-align: top;
	content: ' ';
	width: 30px;
	height: 30px;
	margin-right: 2px;
	background: url(img/account/checkbox_open.svg) no-repeat center transparent;
	background-size: contain;
}
/*.uwp-radios.checked::before, .uwp_form_checkbox_row input[type="checkbox"]:checked + div::before, .uwp-remember-me label.checked::before, input[type="checkbox"]:checked + span::before, .cr_form input[type="checkbox"]:checked + label::before {*/
.uwp-radios input[type="radio"]:checked + .uwp-radio-inputblock::before, .uwp_form_checkbox_row input[type="checkbox"]:checked + div::before, .uwp-remember-me label.checked::before, input[type="checkbox"]:checked + span::before, .cr_form input[type="checkbox"]:checked + label::before {
	background-image: url(img/account/checkbox_checked.svg);
}
._brlbs-checkbox input[type="checkbox"] + span::before {
	background: transparent;
}
._brlbs-checkbox input[type="checkbox"]:checked + span::before {
	background: transparent;
}
.cr_form input[type="checkbox"] + label {
	padding-left: 40px;
}
.cr_form input[type="checkbox"] + label::before {
	position: absolute;
	margin-left: -40px;
}
.uwp-remember-me label {
	display: block !important;
}
body.uwp_page {
	/*background-color: var(--bg-light);*/
}
.uwp-login, .uwp-registration, .uwp-forgot, .uwp-account {
	padding: 60px;
	background-color: #fff;
	width: 100%;
	max-width: 1000px;
	margin: 0;
}
.uwp_page .block {
	padding: 30px;
	border-bottom: 1px solid #000;
}
.uwp_page .block:last-child {
	border-bottom: 0 none;
}
.uwp_page .block header {
	font-family: Karma;
	color: #fff;
	font-size: 24px;
	line-height: 1em;
	background-color: var(--text-default);
	margin: -30px -30px 30px -30px;
	padding: 30px;
}
.uwp_page .block .headline {
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.uwp-forgotpsw a {
	color: var(--text-default);
	text-decoration: none;
	text-align: right;
	display: block;
}
.uwp-forgotpsw a:hover {
	color: var(--text-default);
	text-decoration: underline;
}
.uwp_page .uwp-remember-me, .uwp_widgets .uwp-remember-me, .uwp_adv_search_form .uwp-remember-me {
	float: none;
}
.uwp_page .split {
	display: flex;
	margin-bottom: 20px;
}
.uwp_page .split > div {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.uwp-login .markedbutton, .uwp-login input[type="submit"].markedbutton {
	width: 250px !important;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
input[name="uwp_login_submit"] {
	margin-bottom: 0 !important;
}

#accountfloatbox {
	display: none;
}
#accountfloatbox.open {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
}
#accountfloatbox .uwp-login {
	padding: 0;
	border: 1px solid #000;
	max-width: 530px;
}
.uwp_input_fieldset {
	text-transform: uppercase;
	font-size: 18px !important;
	margin-bottom: 20px !important;
}
#anrede_row label {
	display: inline-block;
}
#anrede_row, #funktion_row, #first_name_row, #last_name_row, #ust_id__steuer_nr_row, #handelsregister_nummer_row, #strae_row, #stadt_row, #hausnummer_row, #plz_row {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
#strae_row, #stadt_row {
	width: 79%;
}
#hausnummer_row, #plz_row {
	width: 19%;
}
#funktion_row, #last_name_row, #handelsregister_nummer_row, #hausnummer_row, #stadt_row {
	float: right;
}
#funktion_row + h3, #firma_row + h3, #hausnummer_row + h3 {
	opacity: 0;
	height: 0;
	line-height: 0;
	font-size: 0 !important;
	margin: 0 !important;
}
#mobilnummer_row + h3, #email_rechnung_row + h3 {
	margin-top: 30px;
}
#register_gdpr_row, #recaptcha_row {
	margin-bottom: 30px;
}
.uwp_page input[type="submit"] {
	width: 50% !important;
	margin-right: 30px !important;
}
#register_gdpr_row a {
	color: var(--text-default);
	text-decoration: underline;
}
.uwp_form > div {
	position: relative;
}
.uwp_form_password_row, .login-password > div {
	position: relative;
}
.revealpassword {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	display: block;
	background: url(img/account/preview.svg) no-repeat center transparent;
	background-size: 20px;
	cursor: pointer;
}
input[type="text"] + .revealpassword {
	background-image: url(img/account/preview_close.svg);
}

.sticky {
	display: block;
}
div.uwp_page, .bsui {
	font-family: Roboto;
}
.uwp_page, .uwp_widgets, .uwp_adv_search_form, .uwp-account, .uwp-account-class {
  .uwp-login-form, .uwp-registration-form, .uwp-forgot-form, .uwp-change-form, .uwp-account-form {
    label {
      display: none;
    }
  }

	.formbuttons {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-content: start;
		gap: 20px;

		input[type="submit"], a {
			display: inline-block;
			margin-top: 20px;
		}
	}
	.uwp-radios {
		padding: 0 0 0 10px;
	}
}
.bsui h1, .bsui h2, .bsui h3, .bsui h4, .bsui h5, .bsui h6, .bsui .h1, .bsui .h2, .bsui .h3, .bsui .h4, .bsui .h5, .bsui .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
}
.uwp-radios, .uwp_form_checkbox_row, .uwp-remember-me {
	display: inline-block;
	position: relative;
}

@media (max-width: 1024px) {
	.uwp-login, .uwp-registration, .uwp-forgot, .uwp-account {
		padding: 20px !important;

		.formbuttons {
			grid-template-columns: 1fr;
		}
	}
	.uwp_form > div {
		display: block !important;
		width: 100% !important;
		float: none !important;
	}
	.uwp_page input[type="submit"] {
		width: 100% !important;
		margin-right: 0 !important;
	}
}

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

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

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

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.widget {
	margin: 0 0 1.5em;
}

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

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

.custom-logo-link {
	display: inline-block;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

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

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


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
body {
	overflow-x: hidden;

	#page {
		padding-top: 270px;

		@media (max-width: 1260px) {
			padding-top: 200px !important;
		}
	}

	&.category #page, 	&.single #page, 	&.post-type-archive-event #page, 	&.post-type-archive-partner #page {
		padding-top: 90px;

		@media (max-width: 1260px) {
			padding-top: 90px !important;
		}
	}

	#primary.error {
		padding-top: 150px;
	}

	&.page-id-33 {
		.nav-logoblock {
			transition: height 0.2s ease;
		}

		#page {
			transition: padding-top 0.2s ease;
		}

		&.scrolled {
			.nav-logoblock {
				height: 0;
				opacity: 0;

				.wrapper {
					display: none;
				}
			}

			#page {
				padding-top: 20px;
			}
		}
	}
}

.site > .wrapper, .site-main > .wrapper {
	padding: 80px 0;
}

.site-event > .wrapper {
	padding-top: 20px;
}

.site.accountpage {
	background-color: var(--bg-light);
}

.wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	min-height: 100%;
	max-width: 1260px;

	@media (max-width: 1260px) {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	&.page-splitter {
		@media (max-width: 1260px) {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
}

ul.menu {
	font-family: 'Roboto', sans-serif;
	font-size: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;

	> li {
		display: inline-block;
	}

	a {
		font-size: 14px;
		line-height: 1em;
		text-decoration: none;
	}
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #fff;
}

#wpadminbar + header > .site-header {
	top: 32px;
}

.nav-top {
	background-color: var(--bg-light);
	height: 40px;
	font-size: 0;

	nav, ul {
		display: inline-block;
	}

	li, a, .creditsum {
		line-height: 40px !important;
		height: 40px;
		text-transform: uppercase;
	}

	.creditsum {
		font-size: 14px;
		color: #3fa535;
	}
}

.nav-logoblock {
	height: 180px;
	border-bottom: 1px var(--bg-light) solid;
}

.nav-life {
	height: 50px;
	box-shadow: 0 4px 8px -8px rgba(0, 0, 0, .8);
	font-size: 0;
	line-height: 0;
	font-family: 'Roboto', sans-serif;

	nav, .part {
		display: inline-block;
		vertical-align: top;
	}

	a, .spacer {
		display: block;
		padding: 0 5px;
		font-size: 17px;
		line-height: 50px;
		text-transform: uppercase;
	}

	a:hover, li.current-cat > a {
		background-color: #1a1a18;
		color: #fff;
	}

	.spacer {
		padding: 0;
		margin: 0;
	}
}

#nav-main {
	li {
		position: relative;

		&:first-child a {
			margin-left: -10px;
		}
		&:last-child {
			margin-right: 0;
		}
		&:hover > ul {
			display: block;
		}
	}

	a {
		display: block;
		padding: 0 10px;
	}

	.facebook, .email, .instagram, .pinterest {
		vertical-align: top;
		margin: 0 5px;
		a {
			font-size: 0 !important;
			width: 15px;
			height: 40px;
			padding: 0;
			display: block;
			background: url(img/icon_email.png) no-repeat center transparent;

			&:hover {
				background-color: transparent !important;
			}
		}
	}

	.facebook a { background-image: url(img/icon_facebook.png); }
	.email a { background-image: url(img/icon_email.png); }
	.instagram a { background-image: url(img/icon_instagram.png); }
	.pinterest a { background-image: url(img/icon_pinterest.png); }
}

#nav-search {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
@media (max-width: 1280px) {
	#nav-search {
		right: 20px;
	}
}

#menu-search {
	vertical-align: top;

	a {
		font-size: 0 !important;
		width: 30px;
		height: 50px;
		display: block;
		background: url(img/icon_search.svg) no-repeat center transparent;
		background-size: contain;
		line-height: 50px;
		margin-right: 1px;
	}

	> div {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 200px;
		height: 0;
		z-index: 1000;
	}

	form {
		position: relative;
	}

	input {
		width: 100%;
		height: 50px;
		border: 1px solid var(--bg-light) !important;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 50px;
		padding: 0 8px !important;

		&::placeholder {
			color: rgba(0, 0, 0, .5);
		}
	}

	button {
		position: absolute;
		top: 1px;
		right: 1px;
		display: block;
		width: 30px !important;
		height: 48px;
		background: url(img/icon_search.svg) no-repeat center #fff !important;
		background-size: contain !important;
		border: 0 none !important;
		font-size: 0;
		line-height: 0;
	}
}

.searchform {
	position: relative;

	input {
		width: 100%;
		height: 50px;
		border: 1px solid var(--bg-light) !important;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 50px;
		padding: 0 8px !important;

		&::placeholder {
			color: rgba(0, 0, 0, .5);
		}
	}

	button {
		position: absolute;
		top: 1px;
		right: 1px;
		display: block;
		width: 30px !important;
		height: 48px;
		background: url(img/icon_search.svg) no-repeat center #fff !important;
		background-size: contain !important;
		border: 0 none !important;
		font-size: 0;
		line-height: 0;
	}
}

#nav-social {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

#nav-social-mobile {
	display: none;
}

.socialmenu {
	& a {
		font-size: 0 !important;
		width: 15px;
		height: 40px;
		display: block;
		background: url(img/icon_email.png) no-repeat center transparent;
	}

	& .facebook a { background-image: url(img/icon_facebook.png); }
	& .email a { background-image: url(img/icon_email.png); }
	& .instagram a { background-image: url(img/icon_instagram.png); }
	& .pinterest a { background-image: url(img/icon_pinterest.png); }

	& .login, 	& .myaccount {
		margin-right: 44px;

		& a {
			font-size: 14px !important;
			padding: 0 10px 0 32px;
			background-image: url(img/account/noun_user_account.svg);
			background-size: 15px;
			background-position: left 10px top 12px;
			width: auto;
		}

		&.active {
			filter: invert(100%);
			background-color: #fff;

			& a {
				color: var(--text-default);
			}
		}
	}

	& li {
		margin-right: 12px;
		vertical-align: top;

		&:last-child {
			margin-right: 0;
		}
	}
}

.logo-main {
	position: absolute;
	left: 0;
	bottom: 10px;
	line-height: 0;

	& img {
		height: 140px;
	}
}

.logo-life {
	display: inline-block !important;
	width: 100px;
	height: 50px;
	background-position: center;
	background-size: 100px auto;
	background-repeat: no-repeat;
	margin-right: 20px;
	vertical-align: top;

	&:hover {
		background-color: transparent !important;
	}
}

.magazin-block {
	position: absolute;
	right: 0;
	top: 16px;

	& > div {
		display: inline-block;
		height: 148px;
		width: 140px;
		margin-right: 40px;
		vertical-align: top;

		&:last-child {
			margin-right: 0;
		}
	}

	& .magazin, & .magazin > ._df_thumb {
		width: 104px;
	}
	& .magazin > ._df_thumb {
		margin: 0 !important;
		.df-book-wrapper, .df-book-cover {
			box-shadow: none;
		}
	}

	& p {
		line-height: 24px;
		text-align: right;
	}

	& .intro {
		color: #969a9c;
		text-transform: uppercase;
		margin: 24px 0 8px 0;
		font-family: Roboto;
	}

	& .titles {
		margin: 0;
		font-family: Roboto;
	}
}

.sidenav-btn {
	display: inline-block;
	width: 40px;
	height: 50px;
	margin-right: 30px;
	background: url(img/burgermenu.png) no-repeat center left transparent;
	cursor: pointer;
}

#nav-sub {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;

	& > li {
		display: inline-block;
		margin-right: 15px;

		&:last-child {
			margin-right: 0;
		}
	}
}

#nav-main, #nav-sub {
	li {
		height: auto;
		&:hover > ul {
			display: block;
		}
		&:hover > a {
			background-color: #1a1a18;
			color: #fff;
		}
		&.current-menu-item > a {
			background-color: #1a1a18;
			color: #fff;
		}
	}
	.children, .sub-menu, ul {
		position: absolute;
		width: auto;
		border: 1px solid #cbcbcb;
		background-color: #fff;
		display: none;
		z-index: 100;
		margin: 0;
		padding: 0;
		list-style-type: none;

		a {
			display: block;
			height: auto;
			font-weight: normal;
			margin: 0 !important;
			padding: 10px 30px;
			line-height: 30px !important;
		}
		li {
			display: block;
			&.current-cat-parent > a, &.current-cat > a {
				background-color: #1a1a18;
				color: #fff;
			}
		}
	}
}

.newsletter {
	background-color: var(--bg-dark);
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;

	&.fmargin {
		margin-bottom: 80px;
	}

	& img {
		margin: 0 auto 50px auto;
		width: 600px !important;
		max-width: 100%;
	}

	& .fsn-text p {
		text-align: center;
		font-size: 20px;
		font-weight: 400;
	}

	& .largetext p {
		font-size: 42px;
		line-height: 1.2em;
		font-weight: 600;
		margin-top: 80px;
	}

	& .cr_form {
		font-family: Roboto;
	}

	& .cr_form-inputgroup--typeemail {
		position: relative;
		max-width: 400px;
		margin: 50px auto;

		& label {
			display: none;
		}
	}

	& .cr_form-component--submit {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;

		& button {
			width: 60px;
			height: 50px;
			background-color: var(--text-default);
			color: #fff;
			font-size: 16px;
			line-height: 50px;
			margin: 0;
			padding: 0;
			border: 0;
			border-radius: 0;
		}
	}

	& input[type="email"] {
		font-size: 16px;
		line-height: 50px;
		height: 50px;
		padding: 0 80px 0 20px;
		border: 0;
		border-radius: 0;
	}

	& .cr_form-inputgroup--typecheckbox {
		font-size: 0;
		line-height: 0;

		& input, 		& label {
			display: inline-block;
			vertical-align: top;
			text-align: left;
			margin: 0;
			padding: 0;
		}

		& input {
			width: 30px;
		}

		& label {
			max-width: calc(100% - 30px);
			font-size: 12px;
			line-height: 1.5em;

			& a {
				text-decoration: underline;
			}
		}
	}
}

.sib-form * {
	font-family: inherit !important;
	/*font-size: inherit !important;*/
	line-height: inherit !important;
	color: inherit !important;
}
.sib-form {
	padding: 0;
	background-color: transparent !important;
}
#sib-container {
	padding: 0;
	margin: 0;
	display: block;
}
.sib-form-block {
	padding: 0;
}

.categories h1 {
	text-align: center;
	margin: 80px 0;
}
.category-matrix {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	.category-title {
		margin: 40px 0;
	}
	.topics a {
		position: relative;
		display: block;
		margin: 0 0 30px 34px;
		color: var(--text-default);
		&:last-child {
			margin-bottom: 0;
		}
		&::before {
			content: '';
			position: absolute;
			top: 9px;
			left: -34px;
			display: inline-block;
			width: 26px;
			height: 10px;
			background: url("img/arrow_black.svg") no-repeat center transparent;
		}
		&:hover {
			color: var(--text-red);
			text-decoration: underline;
			&::before {
				background-image: url("img/arrow_red.svg");
			}
		}
	}
	.category {
		display: block;
		margin-bottom: 80px;
		justify-self: center;
	}
}
@media (max-width: 1260px) {
	.category-matrix {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width: 939px) {
	.category-matrix {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 619px) {
	.category-matrix {
		grid-template-columns: 1fr;
	}
}

a.category-btn, button.category-btn, div.category-btn > a {
	display: inline-block;
	width: auto;
	background-color: #fff;
	border: 1px solid var(--text-default);
	color: var(--text-default);
	font-family: Roboto;
	font-size: 16px;
	line-height: 1em;
	padding: 10px 20px;
	border-radius: 0;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;

	&:hover {
		background-color: var(--text-default);
		color: #fff;
	}
}

a.category-btn.fixed, button.category-btn.fixed, div.category-btn.fixed > a {
	min-width: 230px;
	text-align: center;
}

a:hover .category-btn {
	background-color: var(--text-default) !important;
	color: #fff !important;
}

.magazine-info {
	.wrapper {
		padding: 80px 0;
		border-top: 1px solid #9c9d9d;
	}

	.magazin {
		display: inline-block;
		margin-right: 25px;
		margin-top: 15px;

		&:last-child {
			margin-right: 0;
		}
	}

	h1 {
		margin: 40px 0;
	}

	.fsn-text {
		margin-bottom: 35px;

		p, 		p * {
			font-family: Roboto;
			font-weight: 300;
			font-size: 18px;
			line-height: 1.5em;
		}

		strong {
			font-weight: 700;
		}

		h2 {
			font-family: Roboto;
			font-weight: 300;
		}
	}
}

.magazine-links {
	a, 	& + .category-btn {
		margin-bottom: 20px;
	}
}

.category-image {
	width: 100%;
	height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: inset 0 4px 8px -8px rgba(0, 0, 0, .8);

	.category-title {
		position: relative;
		color: #fff;
		font-family: Karma;
		font-weight: 400;
		font-size: 70px;
		line-height: 1.2em;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
	}

	@media (max-width: 768px) {
		height: 80px;

		.category-title {
			font-size: 30px;
			top: 55%;
		}
	}
}

.category-subnav {
	padding: 30px 0;

	ul {
		margin: 0;
		padding: 0;
		text-align: center;
		list-style-type: none;
		box-shadow: none;

		li {
			display: inline-block;
			margin-right: 20px;

			&:last-child {
				margin-right: 0;
			}
		}

		@media (max-width: 1024px) {
			width: auto;
			text-align: left;
			white-space: nowrap;
		}
	}

	a {
		padding: 0 10px;
	}

	.wrapper {
		@media (max-width: 1024px) {
			overflow: auto !important;
		}
	}
}

.searchresults {
	.page > a > div {
		display: grid;
		grid-template-columns: 70px 1fr;
		grid-gap: 20px;
		margin-bottom: 20px;
	}

	.img {
		display: block;
		width: 70px;
		height: 70px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

		&.fit {
			background-size: contain;
		}
	}

	.text {
		align-self: center;
	}

	.date {
		font-family: Roboto, sans-serif;
		font-weight: 300;
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 10px;
		width: 100% !important;
	}

	.title {
		font-size: 18px;
		line-height: 1.3;
		margin: 0 !important;
	}
}

.altposts {
	margin: 80px 0 0 0;

	.intro {
		font-size: 24px;
		margin-bottom: 20px;
	}
}

.partner-intro {
	width: auto;
	margin: 40px 0;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 20px;

	.text {
		align-self: center;

		span {
			color: #b60019;
			font-weight: bolder;
		}
	}

	h1, 	h2 {
		margin: 0;
	}

	p {
		margin-top: 30px;
	}

	img {
		max-width: 200px;

		@media (max-width: 768px) {
			max-width: 100px;
			height: auto;
		}
	}
}

/* Footer */
.site-footer {
	width: 100vw;
	max-width: 100%;
	background-color: var(--bg-light);
	font-family: Roboto;
	font-weight: 300;
	font-size: 0;
	line-height: 0;

	> .spacer {
		display: block;
		width: 100%;
		height: 100px;
		background-color: #fff;
	}

	.wrapper {
		padding: 25px 0 40px 0;
		margin-bottom: 0;
	}

	.text, 	nav {
		display: block;
		text-align: center;
	}

	nav {
		margin: 25px auto;
	}

	.text {
		font-size: 16px;
		line-height: 1.2em;
		color: #afafaf;
	}
}

#nav-impress {
	li {
		padding-right: 5px;
		border-right: 1px solid #afafaf;
		margin-right: 5px;

		&:last-child {
			padding-right: 0;
			border-right: 0 none;
			margin-right: 0;
		}
	}

	a {
		font-size: 16px;
		line-height: 1.2em;
		color: #afafaf;
		text-decoration: underline;

		&:hover {
			color: var(--text-default);
		}
	}
}

.shadowbox {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	z-index: 10000;

	.contentbox {
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 95vw;
		height: 90vh;
	}

	.closer {
		position: absolute;
		top: -50px;
		right: 0;
		margin: 0;
		padding: 0;
		border: 0 none;
		background-color: transparent;
		color: #fff;
		font-size: 50px;
		line-height: 1em;
		cursor: pointer;
	}

	iframe {
		position: relative;
		width: 100%;
		height: 100%;
		border: 0 none;
		background-color: #fff;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	}
}

/* Mobile menu */
#mobilemenu-box {
	position: fixed;
	top: 0;
	left: -100vw;
	width: 100vw;
	height: 100vh;
	overflow: auto;
	background-color: rgba(255,255,255,.9);
	transition: all .2s ease;
	z-index: 1000;
}
#mobilemenu-box.open {
	left: 0;
}
#mobilemenu {
	position: relative;
	width: 100%;
	max-width: 300px;
	padding: 30px;
	box-sizing: border-box;

	.closer {
		position: absolute;
		top: 30px;
		right: 10px;
		background: url(img/icon_close.png) no-repeat center transparent;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	.logo {
		width: 220px;
		max-width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	li {
		display: block;
	}
	a {
		font-family: Roboto;
		font-weight: 400;
		display: block;
	}
	.categories li {
		margin: 10px 0;
	}
	.categories .s {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	ul {
		margin-top: 10px;
		margin-left: 10px;
		li:last-child {
			margin-bottom: 0;
		}
	}
}
@media (max-width: 767px) {
	#mobilemenu {
		max-width: 100%;
		overflow-y: scroll;
	}
}
#mobilemenu .categories, #mobilenav1, #mobilenav-account {
	a {
		font-size: 16px;
		line-height: 24px;
		margin-left: -10px;
		padding: 0 10px;
	}
	a:hover, li.current-menu-item > a {
		background-color: #1a1a18;
		color: #fff;
	}
}
#mobilenav2 {
	margin-bottom: 16px !important;
}
#mobilenav2 li {
	display: inline-block;
}
#mobilenav1 li, #mobilenav-account li {
	margin-bottom: 10px;
}
#mobilenav3 li, #mobilenav4 li {
	margin-bottom: 6px;
}


/* Mobile adjustments */

@media (max-width: 1680px) {
	.site-footer .text, .site-footer nav {
		display: block;
	}
	.site-footer .text, #nav-impress {
		position: relative;
		text-align: center;
		margin: 0 auto;
		left: auto;
		right: auto;
		display: block;
	}
	.site-footer nav {
		margin-top: 20px;
	}
}
@media (max-width: 1260px) {
	.site > .wrapper {
		padding: 0;
	}
	.site .fsn-text {
		padding-left: 10px;
		padding-right: 10px;
	}
	.site-footer .fsn-text {
		padding-left: 0;
		padding-right: 0;
	}
	body.page .logo-life {
		display: inline-block;
	}
	#nav-main, .nav-logoblock .magazin-block, #nav-sub, #nav-social-mobile {
		display: none;
	}
	#nav-social {
		right: 20px;
	}
	.nav-logoblock {
		height: 118px;
	}
	.logo-main {
		position: relative;
		left: auto;
		bottom: auto;
	}
	.logo-main img {
		height: 90px;
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.wrapper {
		overflow-x: hidden;
	}
	.site-footer {
		text-align: center;
	}
}


/* Pages */
.full-width-row {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.full-width-container {
	width: 100%;
}

.fsn-row {
	&.dark {
		background-color: var(--bg-light);
	}

	&.newsletter {
		background-color: var(--bg-dark);
	}
}

.site-footer {
	ul {
		margin: 1em 0;
		padding: 0;
		list-style-type: none;
	}
}

.teaser-slider {
	position: relative;
	display: block;
	width: 100%;
	background-color: var(--bg-light);
	padding: 80px 0;

	.slider-container {
		overflow: hidden;
	}

	.slick-arrow {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: block !important;
		width: 45px !important;
		height: 45px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: url(img/slider_navigation_arrow.png) no-repeat center transparent !important;
		background-size: contain !important;
		font-size: 0 !important;
/*
		@media (max-width: 1440px) {
			display: none !important;
		}*/
	}

	.slick-prev {
		left: -90px !important;
	}

	.slick-next {
		right: -90px !important;
		transform: translateY(-50%) rotate(180deg) !important;
	}
}

@media (max-width: 1440px) {
	.teaser-slider {
		.slick-arrow {
			width: 25px !important;
			height: 25px !important;

			&.slick-next {
				right: 5px !important;
			}
			&.slick-prev {
				left: 5px !important;
			}
		}
		.slider-container {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
}

.home-slider, .category-slider {
	.item {
		display: inline-block;
		width: 400px;
		height: auto;
		vertical-align: top;
		margin: 0 15px;
	}

	.img {
		position: relative;
		display: block;
		width: 100%;
		height: 400px;
		background-size: cover;
		background-position: center;

		@media (max-width: 1260px) {
			height: auto;
			padding-bottom: 92%;
		}

		button {
			position: absolute;
			left: 0;
			bottom: 0;
			padding: 10px 20px !important;
		}
	}

	a .img {
		transition: filter 0.2s ease;
	}

	a:hover .img {
		filter: brightness(1.1) saturate(.9);
	}

	.title {
		font-size: 24px;
		line-height: 1.5em;
		text-align: center;
		padding: 25px 10px 0 10px;
	}

	.slider {
		width: calc(100% + 30px);
		margin-left: -15px;
	}
}

a {
	img {
		transition: filter 0.2s ease;
	}

	&:hover img {
		filter: brightness(1.1) saturate(.9);
	}
}

.splitpage {
	width: 100%;
	display: grid;
	grid-template-columns: 80%;
	grid-gap: 0;
	font-size: 0;
	line-height: 0;

	@media (max-width: 1260px) {
		grid-template-columns: 1fr;
	}
}

.category-posts {
	.item {
		display: block;
		width: 100%;
		height: auto;
		padding: 80px 0;
		border-bottom: 1px solid #9c9d9d;

		&:first-child {
			padding-top: 0;
		}

		&:last-child {
			border-bottom: 0 none;
		}

		a.category-btn + a.category-btn {
			margin-left: 20px;
		}

		.img, 		.content {
			vertical-align: top;
		}

		.img {
			display: block;
			width: 100%;
			height: auto;

			a {
				display: block;
				width: 100%;
				height: 100%;
				background-size: cover;
				background-position: center;
			}

			@media (max-width: 1260px) {
				width: 100%;
				height: auto;
				margin-bottom: 30px;

				a {
					width: 100%;
					height: 100%;
				}
			}
		}

		.content {
			display: block;

			a.category-btn + a.category-btn {
				margin-left: 20px;
			}

			@media (max-width: 1260px) {
				padding-left: 10px;
				padding-right: 10px;
			}
		}

		.category-btn {
			margin: 40px 0;
		}

		&.horizontal {
			.img {
				display: inline-block;
				margin-right: 30px;

				@media (max-width: 1260px) {
					width: 100%;
					margin-bottom: 30px;
				}
			}

			.content {
				display: inline-block;

				@media (max-width: 1260px) {
					width: 100%;
				}
			}

			.category-btn {
				margin-top: 0;

				@media (max-width: 1260px) {
					margin-top: 40px;
				}
			}
		}

		&.vertical .img {
			margin-bottom: 30px;
		}
	}
}

.category-posts .item {
	display: grid;
	grid-template-areas: "image"
		"title"
		"content";
	grid-gap: 0;
	grid-template-columns: 1fr;

	&.horizontal {
		grid-template-areas: "title title"
		"image content";
		grid-template-columns: minmax(200px, 400px) 1fr;
		grid-gap: 0 30px;
	}

	.img {
		grid-area: image;
	}
	.titleparts {
		grid-area: title;
	}
	.contentparts {
		grid-area: content;
	}
}
@media (max-width: 1260px) {
	.category-posts .item {
		grid-template-areas: "image"
			"title"
			"content" !important;
		grid-gap: 0 !important;
		grid-template-columns: 1fr !important;
	}
}
.category-posts .item {
	.note, 	.info .author, 	.info .date {
		font-family: Roboto;
		font-weight: 300;
		font-size: 12px;
		line-height: 1em;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.info {
		margin-bottom: 40px;

		.author {
			margin-bottom: 8px;
		}

		.date {
			line-height: 1.2em;
			color: #9c9d9d;
			margin-bottom: 0;
		}
	}

	.title, 	.teaser, 	.readmore {
		font-family: Karma;
		font-weight: 300;
		font-size: 42px;
		line-height: 1.2em;
		margin: 0 0 30px 0;
	}

	.title {
		@media (max-width: 1024px) {
			font-size: 24px;
			word-wrap: break-word;
		}
	}

	.teaser, 	.readmore {
		font-size: 20px;
		line-height: 1.4em;

		@media (max-width: 1024px) {
			font-size: 18px;
			word-wrap: break-word;
		}
	}

	.readmore {
		color: var(--text-red);
		text-decoration: underline;

		&::after {
			content: '';
			display: inline-block;
			width: 26px;
			height: 10px;
			margin-left: 4px;
			background: url("img/arrow_red.svg") no-repeat center transparent;
		}

		&:hover {
			color: var(--text-default);
			text-decoration: underline;

			&::after {
				background-image: url("img/arrow_black.svg");
			}
		}
	}
}

.category-pages {
	ul {
		margin: 40px 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}

	li {
		display: inline-block;
		margin-right: 10px;

		&:last-child {
			margin-right: 0;
		}
	}

	.current {
		background-color: var(--text-default);
		color: #fff;
	}
}

.post-subnav {
	.subcat {
		@media (max-width: 768px) {
			display: none;
		}
	}
}

.site-main > .wrapper {
	@media (max-width: 768px) {
		padding-top: 60px;
	}
}

.single-categories, .event-categories {
	padding: 0;
	margin: 30px 0 0 0;
	list-style-type: none;
	font-size: 0;
	line-height: 0;

	li {
		display: inline-block;
		margin: 0 20px 10px 0;
		font-size: 16px;
		line-height: 32px;

		&:last-child {
			margin-right: 0;
		}
	}
}

.event-categories {
	font-family: Roboto;
	font-weight: 300;

	li {
		margin: 0 10px 10px 0;

		&::before {
			content: '>';
			margin-right: 10px;
			display: inline-block;
			font-size: 16px;
			line-height: 32px;
		}

		&:first-child::before {
			content: '';
			margin: 0;
		}
	}
}

.post-page {
	padding-top: 50px;
	padding-left: 100px;

	@media (max-width: 1260px) {
		padding-left: 10px;
	}

	.note, 	.info .author, 	.info .date {
		font-family: Roboto;
		font-weight: 300;
		font-size: 12px;
		line-height: 1em;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.info {
		margin-bottom: 40px;

		.author {
			margin-bottom: 8px;
		}

		.date {
			color: #9c9d9d;
			margin-bottom: 0;
		}
	}

	.title {
		margin: 60px 0 25px 0;
	}

	.img {
		position: relative;
		font-size: 0;
		line-height: 0;

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

		.caption {
			font-size: 14px;
			line-height: 1.2em;
			margin-top: 16px;

			@media (max-width: 768px) {
				padding-left: 10px;
			}
		}
	}

	.images .img {
		margin-bottom: 40px;
	}

	.content {
		display: grid;
		width: 100%;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 40px;
		font-weight: 300;
		font-size: 18px;

		strong {
			font-weight: 600;
		}

		&.part1 {
			margin-top: 120px;
		}

		.text a {
			text-decoration: underline;
		}

		@media (max-width: 1024px) {
			grid-template-columns: 1fr !important;
			grid-row-gap: 20px;
		}
	}

	.contactinfo a {
		text-decoration: underline;
	}

	.midline {
		display: grid;
		width: 100%;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 20px;
		margin: 120px 0;

		&.layout2 {
			grid-template-columns: 1fr 2fr;
		}

		@media (max-width: 1024px) {
			grid-template-columns: 1fr !important;
			grid-row-gap: 20px;
		}
	}

	.text p:first-child {
		margin-top: 0;
	}
}

.post-page-splitter {
	display: block;
	width: 100%;
	padding-top: 150px;
	border-bottom: 1px solid #9c9d9d;
	clear: both;
}

.site-event {
	.post-page-splitter {
		padding-top: 20px;
	}
	.introtext {
		font-family: Roboto;
		line-height: 150%;
		.location {
			font-size: 20px;
			margin-bottom: 10px;
			font-weight: 400;
		}
		.date {
			font-size: 28px;
			margin-bottom: 10px;
			font-weight: 400;
		}
		.category {
			font-size: 14px;
			font-weight: 300;
			text-transform: uppercase;
		}
	}
	.error {
		color: #f00;
	}
	.u {
		text-decoration: underline;
	}
	h2 {
		margin: 30px 0 6px 0;
		text-transform: initial !important;
		font-weight: 400;
	}
	.tr, h2 {
		font-family: Roboto;
	}
	.tr > div:first-child {
		text-transform: uppercase;
		font-weight: 300;
	}
	.tr {
		display: grid;
		grid-template-columns: 260px 1fr;
		grid-gap: 20px 20px;
		font-weight: 400;
		.lb {
			align-self: end;
		}
	}
	.ts {
		padding-top: 40px;
	}
	.dates .r {
		display: grid;
		grid-template-columns: 70px 150px 150px;
		grid-gap: 10px;
	}
	.moredateslink {
		font-size: 14px;
		&:hover {
			cursor: pointer;
		}
	}
	.dates.moredates {
		display: none;
	}
	.contactdata {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 0 30px;
		padding-bottom: 0;
		font-family: Roboto;

		.title {
			font-weight: 300;
			text-transform: uppercase;
		}
		.address p {
			margin: .5em 0;
		}
		.nav {
			margin-top: 20px;
		}
		a {
			display: inline-block;
			min-width: 60px;
			box-sizing: border-box;
			padding: 0 20px;
			height: 50px;
			line-height: 50px;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			font-weight: 300;
			font-size: 22px;
			vertical-align: top;
			margin-right: 10px;
			background: url(img/icon_mail.png) no-repeat center #1a1a18 scroll;
		}
		.email {
			background-image: url(img/icon_mail.png);
		}
		.web {
			background-image: url(img/icon_web.png);
		}
		.loc {
			background-image: url(img/icon_loc.png);
		}
		.booking {
			background-image: none;
		}
	}
}
@media (max-width: 1024px) {
	.site-event .contactdata {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
}
.site-main {
	.shortsplitter {
		padding-top: 20px;
		padding-bottom: 20px;

		.post-page-splitter {
			padding-top: 20px;
		}
	}
}

.sharebar {
	border: 1px solid #9c9d9d;
	border-left-width: 0;
	border-right-width: 0;

	> div {
		float: left;
		color: var(--text-default);
		margin-top: 18px;
		padding: 14px;
		line-height: 40px;
		font-size: 20px;
		font-family: Roboto, sans-serif;
	}
}

.sharebar-icons {
	margin: 18px 0;
	padding: 14px;
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	background-color: var(--bg-dark);
	text-align: right;

	li {
		display: inline-block;
		margin-left: 10px;
	}

	a {
		display: block;
		width: 40px;
		height: 40px;
		background: url(img/share/share_facebook.png) no-repeat center transparent scroll;
		background-size: cover;
	}

	.facebook { background-image: url(img/share/share_facebook.png); }
	.instagram { background-image: url(img/share/share_instagram.png); }
	.linkedin { background-image: url(img/share/share_linkedin.png); }
	.mail { background-image: url(img/share/share_mail.png); }
	.pinterest { background-image: url(img/share/share_pinterest.png); }
	.twitter { background-image: url(img/share/share_twitter.png); }
	.whatsapp { background-image: url(img/share/share_whatsapp.png); }
	.xing { background-image: url(img/share/share_xing.png); }
}

#event_gmap {
	position: relative;
	width: 100%;
	height: 246px;
	background-color: rgb(229, 227, 223);
	border: 0 none;

	button {
		background: inherit !important;
		border: inherit !important;
		padding: inherit !important;
		text-transform: inherit !important;
		color: inherit !important;
		line-height: inherit !important;
	}
}
@media (max-width: 768px) {
	.site-event .tr {
		grid-template-columns: 1fr;
	}
	.site-event .dates .r {
		grid-template-columns: 20% 40% 40%;
	}
}

.eventfilterbar {
	width: 100%;
	margin: 20px 0 20px 0;
	padding: 30px 0;
	background-color: var(--bg-dark);
}

.eventfilter {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0 20px;
	justify-content: stretch;
	font-family: Roboto;
	font-weight: 400;
	line-height: 40px;

	@media (max-width: 900px) {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}

	@media (max-width: 492px) {
		grid-template-columns: repeat(1, 1fr);
	}

	> div {
		position: relative;
		align-self: end;
	}

	.sublist {
		display: grid;
		grid-template-columns: 60px 1fr;
		grid-gap: 0 20px;
	}

	.title {
		line-height: 40px;
		font-size: 20px;
	}

	input, .selectpicker {
		width: 100%;
		background-color: #fff;
		border-color: #888 !important;
	}

	.mu {
		margin-top: 20px;
	}

	.search {
		padding-right: 40px;
		background: url(img/account/search.svg) no-repeat center right 10px #fff;
		background-size: 30px;
	}

	.submit {
		position: absolute;
		display: block;
		right: 2px;
		/*bottom: 2px;*/
		top: 50%;
		transform: translateY(-50%);
		margin-top: 20px;
		background: transparent !important;
		width: 36px !important;
		height: 36px !important;
		border: 0 !important;
		/*
		background: url(img/account/search.svg) no-repeat center #fff !important;
		background-size: 30px !important;
		*/
		font-size: 0 !important;
		line-height: 0 !important;
		&:hover {
			background: transparent !important;
		}
	}
}

.site-eventlist {
	& > .wrapper {
		padding-top: 0;
	}
}

.eventlist {
	h1 {
		margin: 40px 0;
	}

	.paging {
		display: grid;
		grid-template-columns: 20% 80%;
		margin-bottom: 20px;

		.results {
			font-family: Roboto;
			font-weight: 300;
			line-height: 30px;
			vertical-align: top;
		}

		.pagination {
			text-align: right;
			font-size: 0;
			line-height: 0;
			margin: 0;
		}

		a {
			vertical-align: top;
		}
	}

	.list + .paging {
		margin-top: 20px;
	}

	.pagination {
		.prev, .next {
			display: inline-block;
			width: 30px;
			height: 30px;
			background: url(img/slider_navigation_arrow.png) no-repeat center transparent;
			background-size: contain;
		}

		.next {
			transform: rotate(180deg);
		}

		.page {
			display: inline-block;
			width: 30px;
			height: 30px;
			font-size: 16px;
			line-height: 30px;
			text-align: center;
			border: 1px solid #888;
			font-family: Roboto;
			margin: 0 4px;
		}
	}

	.list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;

		@media (max-width: 1024px) {
			grid-template-columns: repeat(2, 1fr);
		}
		@media (max-width: 768px) {
			grid-template-columns: repeat(1, 1fr);
		}

		> div {
			position: relative;
			align-self: start;
			height: 100%;
			border: 1px solid #c2c1ba;
		}

		a {
			display: block;
			width: 100%;
			height: 100%;

			&:hover {
				color: inherit;
			}
		}

		.topsign {
			position: absolute;
			top: -1px;
			right: 20px;
			background: url(img/topsign.png) no-repeat center transparent;
			background-size: contain;
			width: 92px;
			height: 103px;
		}

		.img .caption {
			display: none;
		}

		.introtext {
			padding: 30px 20px;
		}
	}

	.introtext {
		font-family: Roboto;
		line-height: 150%;

		.note {
			margin-bottom: 10px;
		}

		.location {
			font-size: 20px;
			margin-bottom: 10px;
			font-weight: 300;
		}

		.date {
			font-size: 20px;
			margin-bottom: 10px;
			font-weight: 400;
		}

		.category {
			font-size: 14px;
			font-weight: 300;
			text-transform: uppercase;
		}

		.title {
			font-family: Karma;
			font-size: 32px;
			line-height: 40px;
			font-weight: 400;
			margin-top: 30px;
			word-break: break-word;
		}
	}
}

.content-reloader {
	width: 100%;
	height: auto;
	padding: 40px 0 0 0;
	text-align: center;
	.spinner {
		display: block;
		margin: 0 auto;
		width: 64px;
		height: 64px;
		border: 5px solid #444;
		border-bottom-color: transparent;
		border-radius: 50%;
		box-sizing: border-box;
		animation: rotation 1s linear infinite;
	}
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.partnerlist .list > div {
	border: 0 none;
}
.partnerlist {
	.list .introtext {
		padding: 10px;
	}

	.introtext .title {
		font-size: 20px;
		font-family: Roboto;
		text-align: center;
		margin: 0;
	}

	.logobox {
		width: 100%;
		height: 290px;
		display: block;
		padding: 50px;
		box-sizing: border-box;
		border: 1px solid #000;
	}

	.logo {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.post-page {
	.social-icons {
		position: absolute;
		left: 0;
		margin-left: 0;
		z-index: 100;

		&.mleft {
			margin-left: -100px;
		}

		&.f {
			position: fixed;
			margin-left: -100px;
			left: auto;
		}

		@media (max-width: 1260px) {
			left: 10px;

			&.f {
				margin-left: 0;
			}
		}

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

		li {
			display: block;
			margin-bottom: 2px;
		}

		a {
			display: block;
			width: 50px;
			height: 50px;
			background: url(img/iconc_facebook.png) no-repeat center transparent;
			background-size: cover;
		}

		.facebook { background-image: url(img/iconc_facebook.png); }
		.instagram { background-image: url(img/iconc_instagram.png); }
		.pinterest { background-image: url(img/iconc_pinterest.png); }
		.linkedin { background-image: url(img/LinkeinIcon_quadratisch.svg); }
	}

	.instagram-media {
		margin-bottom: 120px !important;
	}

	.contactinfo {
		display: block;
		width: 820px;
		max-width: 100%;
		margin-top: 60px;

		.logo {
			display: block;
			width: 310px;
			height: 190px;
			max-width: 100%;
			background-position: left center;
			background-repeat: no-repeat;
			background-size: contain;

			&.vert {
				max-width: 160px;
			}
		}

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

		.text {
			padding-top: 60px;

			p {
				margin-top: 0;
			}
		}
	}

	aside.img {
		@media (max-width: 1260px) {
			margin-left: -10px;
			margin-right: -10px;
		}
	}

	.contentimages {
		@media (max-width: 1260px) {
			width: auto;
		}

		.imgbox {
			@media (max-width: 768px) {
				width: 100% !important;
				margin-right: 0 !important;
				margin-bottom: 20px;
			}
		}
	}

	.sideimages {
		@media (max-width: 768px) {
			display: block;
			width: auto;
			float: none;

			div {
				margin-top: 0;
				margin-bottom: 20px;
			}
		}
	}
}

.printausgaben {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(103px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	> div {
		display: inline-block;
		line-height: 1.5em;
	}
	._df_thumb {
		width: 104px;
		margin: 0 !important;
		.df-book-wrapper, .df-book-cover {
			box-shadow: none;
		}
	}

	.title {
		padding-top: 6px;
	}
}

.logo-eventkalender {
	display: block;
	width: 100%;
	height: 200px;
	background: url(img/eventkalender.jpg) no-repeat center transparent;
	background-size: cover;

	> div {
		font-family: Karma;
		font-size: 54px;
		color: #fff;
		line-height: 200px;
		text-align: center;
	}

	@media (max-width: 1260px) {
		height: 150px;

		> div {
			font-size: 44px;
			line-height: 150px;
		}
	}

	@media (max-width: 768px) {
		height: 110px;

		> div {
			font-size: 30px;
			line-height: 110px;
		}
	}
}

.preview-close {
	position: fixed;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	width: auto;
	height: auto;
	border: 1px solid #000;
	background-color: #fff;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 1em;
	font-family: Roboto;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 100;
}

/* archive */
.archive-search {
	text-align: center;
	background-color: var(--bg-dark);
	padding: 10px;

	label {
		display: inline-block;
		margin-right: 10px;
	}

	select {
		padding: .5em 1em !important;
		margin-right: 20px;
		background-color: #fff;
	}
}

.archive-result {
	margin-top: 60px;

	.noresults {
		font-style: italic;
	}

	.results {
		font-size: 24px;
	}

	ol {
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	li {
		margin-bottom: 10px;
	}

	a {
		text-decoration: none;
		display: block;
	}

	.date {
		display: inline-block;
		width: 80px;
		max-width: 100%;
	}

	.title {
		font-size: 18px;
		word-break: break-word;
	}
}

.lapagination {
	display: block;
	text-align: center;
	margin-top: 40px;

	.page-numbers {
		display: inline-block;
		padding: 0 12px;
		margin: 0 6px;
		border: 1px solid #aaa;
		border-radius: 4px;
		font-family: Roboto, sans-serif;

		&.current {
			background-color: #eee;
		}
	}
}

/* ads */
.advertisement {
	position: relative;
	display: block;
	width: 100%;
	height: auto;

	&.listing {
		padding: 80px 0;
		border-bottom: 1px solid #9c9d9d;
		max-width: 830px;

		img {
			max-width: 830px;
			max-height: 250px;
		}
	}

	&.column {
		padding: 80px 0;
		max-width: 350px;

		img {
			max-width: 350px;
			max-height: 600px;
		}
	}

	.info {
		position: absolute;
		top: 50px;
		right: 0;
		margin: 0;
		font-family: Roboto;
		font-weight: 300;
		font-size: 12px;
		line-height: 1em;
		text-transform: uppercase;
		text-align: right;
		color: #9c9d9d;
	}

	.ad {
		display: block;
		text-align: center;
	}

	a {
		display: block;
	}

	img {
		margin: 0 auto;

		@media (max-width: 1260px) {
			max-width: 100% !important;
		}
	}
}

.gmaps_box {
	position: relative;
	width: 100%;
	height: 100%;

	.info {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 20px 30px;
		text-align: center;
		font-style: italic;
		cursor: pointer;
	}
}

.selectpicker {
	text-transform: uppercase;
	background: url(img/account/dropdown.svg) no-repeat center right #fff scroll;
	background-size: contain;

	&.fullsize {
		height: 42px;
		width: 100%;
	}

	&.open, 	&.marked {
		filter: invert(100%);
		background-color: #fff;
		border-color: #fff !important;
	}

	&:hover {
		z-index: 100;
	}

	&.open {
		.selection, 		.subselection {
			filter: invert(100%);
			display: block;
			padding: 0 !important;
		}
	}

	&.check.open .subselection {
		padding: 10px !important;
	}

	.selection, 	.subselection {
		position: absolute;
		top: auto;
		left: -1px;
		background-color: #fff;
		display: none;
		width: calc(100% + 2px);
		z-index: 100;
		margin-top: .6em;
	}

	.selection label {
		position: relative;
		background-color: #fff;
		margin: 0;
		padding: .6em 1em;
		display: block;
		cursor: pointer;
		text-transform: uppercase;
		line-height: 24px;
		margin-bottom: 10px;

		&.checked, &:hover {
			filter: invert(100%);
			cursor: pointer;
		}
	}

	.subselection {
		padding: 20px;

		input {
			display: none !important;
		}

		label {
			display: inline-block !important;
			padding-top: 6px;
		}
	}
}

.eventfilter {
	input, .selectpicker {
		height: 42px;
	}
	.title + .sublist input[type="date"] {
		margin-bottom: 0;
	}
	label > input {
		position: absolute;
		top: 0;
		left: 0;
		&:hover {
			cursor: pointer;
		}
	}
}

.home #wpadminbar {
	display: none;
	+ header > .site-header {
		top: 0;
	}
}

.contactplaceholder {
	display: block;
	border: 2px dashed #d00;
	padding: 30px 40px;
	background-color: #eee;
	cursor: pointer;
	color: var(--text-default);
	text-decoration: none;
}
.recaptchalink:hover {
	text-decoration: none !important;
}
.uwp-recaptcha-info {
	display: block;
	color: #080;
	margin-bottom: 20px;
}

.bgimg {
	display: block;
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: center;

	&.main, &.horizontal {
		padding-top: 66%;
	}
	&.square {
		padding-top: 100%;
	}
	&.vertical {
		padding-top: 120%;
	}
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker {
	height: auto !important;
}