/* @override https://thomashoenel.de/wp/wp-content/themes/thomashoenel2018/style.css?* */


/*
Theme Name: THOMAS HÖNEL 2018
Theme URI:
Description: update color 2021 (yellow to ochre)
Version: 1.2
Author: PD
Author URI:
Tags:
*/


@import url("css/columns.css");



/*	WEBFONTS
-------------------------------------------------------------------------------*/

/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/work-sans-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('webfonts/work-sans-v18-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/work-sans-v18-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('webfonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/work-sans-v18-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/work-sans-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




/*	RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
input:focus, textarea:focus, select:focus { outline: none;}

input { /* remove top input shadow */
-webkit-appearance: none;
-moz-appearance: none;
}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0; border-radius: 0; font-family: 'Work Sans', Arial;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible; outline: none;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; height: 0px; overflow: hidden;}
.clr:after { content: ""; display: table; clear: both;}
.cf:after {	content: ""; display: table; clear: both; }

/* prevent flickering on touch */
* {
	-webkit-tap-highlight-color:transparent;
}

/* natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }


/* -------------------------------------------------------------------------------*/

/*

GELB (alt)	#FFEB00    rgba(255, 235, 0, 1)
OCKER (neu)	#DFD8CB    rgba(223, 216, 203, 1)


LINK		#000

*/

:root {
	--secondary-color: #DFD8CB;
	
	--primary-bg: rgba(223, 216, 203, .25);
	
	--font-sans: 'Work Sans', sans-serif;
	--font-serif: "garalda", garalda, serif;
}


/* FRESH START */

html, body {
	height: 100%;
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	 -webkit-text-size-adjust: 100%;
}

body {
	height: 100%;
	line-height: 165%;
	background: #FFF;

}

a {
	position: relative;
	color: #000;
	text-decoration: none;
}

a, input {
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease-in-out;
}

a:visited {
	color: #000;
}

a:active {
	color: var(--secondary-color);
}

a:hover {
	color: #999;
}


h1,h2,h3,h4 {
	line-height: 130%;
	margin: 0px 0 2rem 0;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	position: relative;
	font-size: 58px;
	font-size: 3.3rem;
	font-family: var(--font-serif);
	font-feature-settings: "normal";
	font-weight: normal;
	font-style: italic;
	text-align: center;
	margin-bottom: 4.5rem;
	padding-bottom: 1.0rem;
}

h1:first-letter {
	font-feature-settings: "swsh";
}


h1:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -30px;
	width: 60px;
	display: block;
	border-top: 6px solid var(--secondary-color);
}



h2 {
	font-size: 25px;
	font-size: 2rem;

	font-family: var(--font-serif);
	font-feature-settings: "normal";
	font-weight: normal;
	font-style: italic;
}

h2:first-letter {
	font-feature-settings: "swsh";
}


h3 {
	line-height: 140%;
	font-size: 1.5rem;
	AUS-text-transform: uppercase;

}

h4 {
	line-height: 125%;
	font-size: 1.05rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-feature-settings: normal;
}

p {
	margin: 0 0 2rem 0;
}

hr {
	position: relative;
	display: block;
	height: 1px;
	border: 0;
	background: transparent;
	border-bottom: 1px solid #BBB;
	padding: 0rem 0 0 0;
	width: 100%;
	margin: 3rem auto;
}

a:hover img {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}


/* BASIC
---------------------------------------------------------------------------------*/

.page-wrap {
	position: relative;
	min-height: 100%;
	height: auto;
	overflow: hidden;
}

.container,
.container-fluid {
	position: relative;
	max-width: 1200px; /*1140*/
	margin: 0 auto;
	padding: 0 30px;
}

.container:before,
.container:after {
	content: "";
	display: table;
	clear: both;
}


.container-fluid {
	max-width: none;
	width: 100%;
	padding: 0;
}



/* HEADER
---------------------------------------------------------------------------------*/

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	color: #FFF;
	background: #000;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.has_pagebanner #header {
	background: transparent;
}

#header .container {
	width: auto;
	max-width: 100%;

}

#header .inner {
	display: flex;
	height: 90px;
	justify-content: space-between;
	align-items: center;
}

#header .logo {
	max-width: 2000px;
	padding-bottom: 5px; /*Ausgleich*/
}


#header .logo img {
	display: block;
	width: 100%;
}


#header .logo a {
	display: block;
	color: #FFF;
	font-weight: 700;
	font-size: 21px;
	white-space: nowrap;
	text-transform: uppercase;
}



/* NAV
---------------------------------------------------------------------------------*/

#nav {
	display: block;
	flex: 1 auto;
}


#nav .menu-wrap {
	display: flex;
	justify-content: flex-end;
}

.main-menu {
	display: flex;
	flex-wrap: nowrap;
}

.main-menu li {
	flex: 1 auto;
	position: relative;
	margin: 0 0 0 30px;
	opacity: 1;
	animation: none;
	display: flex;
}


.main-menu li a {
	position: relative;
	font-weight: 700;
	font-size: 15px;
	display: flex;
	line-height: 1.3;
	letter-spacing: 0.06rem;


	color: #FFF;

	text-transform: uppercase;
	transition: all 300ms ease;
}

.main-menu li a:hover,
.main-menu li.active > a {
	color: var(--secondary-color);
	color: rgba(255,255,255, .8);
}




.main-menu li.menu-item-has-children > a:after {
	content: "\e80a";
	position: relative;
	AUS_display: inline-block;
	margin: 0 0 0 7px;
	font-family: 'icons';
	color: rgba(255,255,255, .5);
	transition: all 300ms ease-in-out;
}

.main-menu li.menu-item-has-children.active > a:after {
	transform: rotate(-180deg)
}


.main-menu ul.sub-menu {
	display: none; /*js toggle*/
	position: absolute;
	top: 100%;
	left: 0;
	width: auto;
	margin-left: -30px;
	margin-right: -30px;
	padding: 30px;
	background: #000;
}


.has_pagebanner .main-menu ul.sub-menu {
	background: transparent;
	text-shadow: 0 0 8px rgba(0,0,0, .4);
}

.main-menu li:last-child ul.sub-menu {
	left: auto;
	right: 30px;
}

.main-menu li:last-child ul.sub-menu li {
	width: auto;
}


.main-menu li li {
	margin: 0;
	display: block;
	width: 300px;
}

.main-menu li li a {
	margin: 0 0 20px 0;
	line-height: 150%;
}

.main-menu li li:last-child a {
	margin-bottom: 0;
}






/* Menu Trigger */

.menu-trigger {
	display: none;
	border: none;
	width: 40px;
	height: 40px;
	z-index: 100;
	margin-right: -8px;
	text-transform: uppercase;
	background: transparent;
}

.menu-trigger.open {
}

/*prevent background scoll on touch */
.menu-open .page-wrap,
.search-open .page-wrap {
	height: 100%;
	overflow: hidden;
}



/* Hamburger Icon ani*/


.menu-trigger span {
	margin: 0 auto;
	position: relative;
}
.menu-trigger span:before,
.menu-trigger span:after {
	position: absolute;
	content: '';
}
.menu-trigger span,
.menu-trigger span:before,
.menu-trigger span:after {
	width: 26px;
	height: 3px;
	background-color: #FFF;
	display: block;
}
.menu-trigger span:before {
	margin-top: -9px;
}
.menu-trigger span:after {
	margin-top: 9px;
}


.menu-trigger.open span,
.menu-trigger.open span:before,
.menu-trigger.open span:after {
	background-color: #FFF;
}



/* --- btn --- */

.menu-trigger span {
	-webkit-transition-duration: 0s; transition-duration: 0s;
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.menu-trigger.open span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.menu-trigger span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.menu-trigger.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
.menu-trigger span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.menu-trigger.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}


/* end Hambuger Icon ani*/






/* CONTENT
---------------------------------------------------------------------------------*/

#content {
	position: relative;
	clear: both;

	padding-top: 90px; /*header height*/
}

.has_pagebanner #content {
	padding-top: 0;
}


img {
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


main {
	display: block; /*IE*/
	min-height: 60vh;
	margin-top: 5.5rem;
}


main a {
	text-decoration: none;
	border-bottom: 1px solid #000;
}


main a:hover {
	border-color: #BBB;
}

main a[href$=jpg],
main a[href$=jpeg],
main a[href$=jpe],
main a[href$=png],
main a[href$=gif] {
	text-decoration: none;
	border: none;
}


.main {
	max-width: 820px;
}



#primary a:hover img {
	opacity: .8;
}


/* WP core styles */

.alignnone {

}

.aligncenter,div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
	margin: 5px 1.4rem 1.4rem 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 1.4rem 1.4rem;
}

img.alignnone,
a img.alignnone {
	/* margin: 5px 20px 20px 0; */
	margin: 0;
	padding: 0;
}

a img.alignleft {
	float: left;
	margin: 5px 1.4rem 1.4rem 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sticky {

}

.bypostauthor {

}

a.post-edit-link {
	display: inline-block;
	margin: 0 0 15px 0;
	position: relative;
	font-size: 11px;
	line-height: 11px;
	padding: 8px 12px;
	text-transform: uppercase;
	background: #0073AA;
	color: #FFF;
	border: none;
	border-radius: 3px;
}

.link-icon {
	position: relative;
	display: block;
	margin: 0 3px 8px 0;
	font-weight: 700;
}

p > span.link-icon {
	margin-bottom: 0;
}

.link-icon:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.1em;
	font-weight: normal;
	color: #C70370;
	margin: 0 8px 0 0;
}

i { /* IE */
	font-family: 'icons';
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Lists */

.main ul,
.main ol {
	margin: 0 0 2rem 0;
}

.main ul {
	list-style-type: none;
}

.main li {
	position: relative;
	padding: 0.05rem 0;
	padding-left: 15px;
}

.main li:last-child {
	border-bottom: none;
}

.main ul li:before {
	position: absolute;
	content: " ";
	width: 4px;
	height: 4px;
	top: 0px;
	left: 0;
	margin: 0.78rem 0 0 0;
	background: #000;
	border-radius: 100%;

}

.main ol {
	padding: 0 0 0 1.5rem;
}

.main ol li {
	padding-left: 0;
	border-bottom: none;
}


/* Shortcodes */

.textIntro {
	font-size: 18px;
	font-size: 1.4rem;
	font-size: 120%;
	line-height: 160%;
	font-weight: normal;
	margin-bottom: 4rem;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.box > *:last-child {
	margin-bottom: 0;
}

.textNotiz {
	font-size: 11px;
	font-size: 0.8em;
	line-height: 135%;
	margin-bottom: 2rem;
}

blockquote {
	position: relative;
	text-align: center;
	margin-bottom: 2rem; /*mb*/
	font-family: var(--font-serif);
	font-weight: normal;
	font-style: italic;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-size: 180%;
	line-height: 140%;

	font-feature-settings: "swsh";
	font-feature-settings: "none";
}


blockquote:first-letter {
	font-feature-settings: "swsh";
}

blockquote p strong,
blockquote cite {
	display: block;
	font-family: 'Work Sans', sans-serif;
	font-feature-settings: normal;

	text-transform: uppercase;
	font-size: 0.85rem;
	font-style: normal;
	font-weight: bold;
	padding: 0;
	line-height: 130%;
	margin: 0.5rem 0 0 0;
}

blockquote p + p {
	margin-top: -1rem;
}

.box,
.boxImportant {
	padding: 35px;
	padding: clamp(35px, 5vw, 50px);
	background: var(--secondary-color);
	margin: 0 0 2rem 0; /*mb*/
	border-radius: 0px;

	font-size: 95%;
	line-height: 160%;
}

.boxImportant {
	background: #FFD6D6;
}


.box p:last-child,
.box p:nth-of-type(2),
.boxImportant p:last-child,
.box ul:last-child,
.boxImportant ul:last-child,
.box ol:last-child,
.boxImportant ol:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

i.icon {
	font-weight: normal!important;
}

.icon.download {
	font-size: 1.5em;
	color: #4FA7C1;
	margin: 0 5px 5px 0;
	vertical-align: middle;
	display: inline-block;
}

.icon.bullet {
	font-size: 85%;
}


.main .list-style.line ul li:before {
	display: none;
}

.main .list-style.line ul,
.main .list-style.line ul li {
	padding-left: 0;
}

.main .list-style.line ul li {
	padding: 0.5rem 0;
	margin-bottom: 0.2rem;
	border-bottom: 1px solid rgba(67, 0, 43, 0.3);
}

.main .list-style.line ul li:last-child {
	border-bottom: none;
}



.main .list-style.block ul li:before {
	display: none;
}

.main .list-style.block ul,
.main .list-style.block ul li {
	padding-left: 0;
}

.main .list-style.block ul li {
	background-color: rgba(190, 218, 225, .4);
	padding: 0.8rem;
	margin-bottom: 0.2rem;
}


.button-p {
	text-align: center;
}


.wide {
	position: relative;
	margin-left: calc(25% - 25vw);
	margin-right: calc(25% - 25vw);
	width: auto;
	max-width: 1000%;
}

@media screen and (max-width: 768px) {
	.wide {
		margin-left: 0;
		margin-right: 0;
	}

}


/* Shortcode Columns */

.sc-col {
	float:left;
	margin-right: 4%;
	margin-bottom: 20px;
	position:relative;
	background: rgba(1,222,1, .2);
	background-color: transparent;
}

.last {
	margin-right:0 !important;
}

.one-half {
	width:48%;
}

.one-third {
	width:30.66%;
}

.two-third {
	width:65.33%;
}

.one-fourth {
	width: 22%;
}

.three-fourth {
	width: 66%;
}


/* TABS */

.tabs-wrapper {
	margin: 0 0 2rem 0;
}

.tabs-content {
	background-color:#FFF;
	padding: 10px 15px;
	width: 100%;
}

.tabs-content-wrapper{
	clear:both;
	border: 1px solid #CCC;
}

#content ul.tabs {
	margin-bottom: -1px;
	position: relative;
	z-index: 50;
	padding: 0px;
	margin: 0;
}

#content ul.tabs li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	margin: 0 1px -1px 0;

}

ul.tabs li:before {
	display: none;
}


ul.tabs li a {
	display: block;
	padding: 10px 15px;
	font-family: MuseoSans-700;
	border: 1px solid transparent;
	border-bottom: none;
}

ul.tabs li.active a {
	background: #FFF;
	border-color: #CCC;
}

ul.tabs li.active {
}


.tabs-head {
	display: none;
}

.tabs-head a {
	display: block;
	background: #FFF;
	padding: 12px;
}


/* AUFKLAPPER */

.accordion-item {
	position: relative;
	margin: -1px 0 2.2rem 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.accordion-item.not-last {
	margin-bottom: 0;
}

.accordion-item:first-of-type {
	margin-top: 0;
}

.accordion .accordion-trigger {
	display: block;
	padding: 0.9rem 0;
	padding-left: 2.2rem;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

.accordion .accordion-trigger:after {
	position: absolute;
	top: 1.2rem;
	left: 0;
	margin: 0;
	content: "+";
	display: block;
	line-height: 1rem;
	border-radius:0;
	font-size: 1.3rem;
	font-weight: bold;
	color: #BBB;
}

.accordion .accordion-trigger:hover:after {
}

.accordion  .accordion-trigger.active:after {
	content: "–";
}

.accordion-content {
	padding: 5px 0 0 0;
	display: none; /* js toggled */
}



article {
	clear: both;
}

a.btn,
main a.btn {
	background: #29D9D5; /*mint*/
	background: #DAF7A6; /*blassgrün*/
	border: 0px solid #000;
	text-transform: uppercase;

	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 13px;
	font-size: .9rem;
	line-height: 1.5;
	display: inline-block;
}

a.btn:hover,
main a.btn:hover  {
	opacity: 1;
	color: #000;
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}

a.btn + br + a.btn {
	margin-top: 0.7rem;
}


a.btn-yellow,
main a.btn-yellow {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
}

a.btn-yellow:hover,
main a.btn-yellow:hover {
	background: #000;
	color: #FFF;
	border-color: #000;
}



a.btn-black:hover,
main a.btn-black:hover {
	background: #000;
	color: #FFF;
	border-color: #000;
}

a.btn-black,
main a.btn-black {

}



a.btn-black:hover,
main a.btn-black:hover {
	background: #000;
	color: #FFF;
}

/* Audio */


.wp-audio-shortcode {
	margin: 0 0 2rem 0;
}

.wp-playlist.wp-audio-playlist {
	margin: 0 0 2rem 0;
	border: none;
	padding: 30px;
	background: var(--primary-bg);
}

.wp-playlist.wp-audio-playlist .wp-playlist-item a {
}

.wp-playlist.wp-audio-playlist .wp-playlist-item a {
	text-decoration: none;
	border: none;
	padding: 10px 0;
}

.wp-playlist.wp-audio-playlist .wp-playlist-item-length {
	top: 10px;
}
	


/* --- Blog  --- */


article.post {
	position: relative;
	padding: 5rem 0;
	background: #FFF;
	z-index: 1;
}


article.post:first-child {
	padding-top: 2rem;
}


article.post:nth-child(even) {
	background: var(--primary-bg);
}


article.post:nth-child(even) .entry-thumbnail-wrap {
	float: right;
}



article.post:nth-child(even):after,
article.post:nth-child(even):before {
	content: "";
	position: absolute;
	top: 0;
	width: 1500px;
	height: 100%;
	background: var(--primary-bg);
	z-index: 0;
}

article.post:nth-child(even):after {
	right: 100%;
}

article.post:nth-child(even):before {
	left: 100%;
}

.entry-header {
	padding-left: 10px;
}

article.post:nth-child(even) .entry-header {
	padding-right: 10px;
}






h2.entry-title {
	margin: 0 0 2rem 0;
	padding: 0;
	font-size: 2.5rem;
	line-height: 130%;
}

h2.entry-title a {
	border: none;
	text-decoration: none;
}

h2.entry-title a:hover  {
	color: #888;
}


.entry-meta {
	display: none;
	font-size: 0.8rem;
	margin: 0 0 1.8rem 0;
}

.entry-meta a {
	border: none;
}


.entry-date {
	display: inline-block;
	margin: 0 0.1rem 0 0;
}

.entry-cats {
	display: inline-block;
}

.entry-cats span {
	font-family: var(--font-serif);
	AUS-font-feature-settings: "swsh";
	font-weight: normal;
	font-style: italic;
	color: #999;
	font-size: 0.9rem;
	margin: 0 2px 0 0 ;
}


.entry-header a.btn {
	background: transparent;
}


.entry-thumbnail {
	overflow: hidden;
}

.entry-thumbnail a {
	display: block;
	border: none;
}

.entry-thumbnail a img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;

	transition: all 500ms ease-in-out;
}

.entry-thumbnail a:hover img {
	opacity: .8;
	transform: scale(1.1);
}

.entry-excerpt {
	margin-bottom: 2rem;
}

.entry-excerpt a {
	border: none;
}



.single article.post {
	padding-top: 0;
	padding-bottom: 1rem;
}


.single h1.entry-title {
}


.single .entry-content {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #DDD;
}

.single .entry-meta {
}


.single .entry-thumbnail {
	position: relative;
	width: 130%; /*Überbreite*/
	padding: 0;
	margin: 0 0 2.5rem 0;
	margin-left: -15%;
	display: block;
	overflow: visible;
	text-align: center;
}

.image-wide {
	position: relative;
	width: 130%; /*Überbreite*/
	padding: 0;
	margin-left: -15%;
	display: block;
	overflow: visible;
	text-align: center;
}


img.size-Gross-quer {

}


.single .entry-thumbnail p.wp-caption-text {
	font-size: 0.85rem;
	color: #666;
	line-height: 130%;
	padding: 0.2rem 11.6%;
	padding-bottom: 0;
	margin: 0 auto;
	text-align: left;
	max-width: 820px;
	box-sizing: content-box;
}

.single .entry-tags {
	margin: 0 0 4rem 0;
}

.single .entry-tags a {
	border: none;
	font-size: 0.9rem;
	color: #999;
}

.single .entry-tags a:hover {
	color: #000;
}

.single .entry-tags a:before {
	content: "#";
}

.single .entry-footer {
}


.single .entry-widget {
	margin: 0 0 3rem 0;
	font-size: 0.95rem;
}


.single .entry-widget-share {
}

.single .entry-widget a {
	color: #666;
	border-color: #666;
}

.single .entry-widget a:hover  {
	color: #000;
	border-color: #000;
}

.single .entry-widget-title {
	font-family: var(--font-serif);
	AUS-font-feature-settings: "swsh";
	font-weight: normal;
	font-style: italic;

	font-size: 1.3rem;
	margin: 0 0 0.5rem 0;


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.single .entry-widget-books a {
	display: inline-block;
	margin: 0 0.5rem 0.5rem 0;
	line-height: 130%;
}




/* --- Post Tables --- */

table {
	width: 100%;
	margin: 0px 0px 2rem 0px; /*mb*/
	border-top: 1px solid #DDD;
}

table thead {
	border-top: 1px solid #DDD;
}

table thead td {
	font-weight: 700;
	background: var(--primary-bg);
}

table tr {
	background: #FFF;
	border-bottom: 1px solid #DDD;
}

table tr th {
	padding: 5px 10px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table tr td {
	padding: 5px 10px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table p {
	margin: 0;
}



/* post-pagination */

.post-pagination {
	margin-top: 3rem;
	text-align: center;
}

.post-pagination .page-numbers {
	padding: 5px 8px;
	display: none;

}

.post-pagination .page-numbers.current {
}


.post-pagination a {
	color: #000;
}


.post-pagination a:hover {
	color: #999;
}

.post-pagination a.prev,
.post-pagination a.next {
	padding: 0 10px;
	display: block;
	text-transform: uppercase;
	font-size: 0.9rem;
	display: inline-block;

	border: none;
	text-decoration: none;
}

.post-pagination a.prev {
}



a.prev span,
a.next span {
}

body:not(.paged) .post-pagination a.next,
body:not(.paged) .post-pagination a.next {
}


/* Post Navigation */

.post-nav {
	margin: 0 0 20px 0;
}

.post-nav a {
	position: relative;
	display: block;
	width: 40%;
	float: left;
	color: #666;
	font-size: 1rem;
	line-height: 140%;
	border: none;


	font-family: var(--font-serif);
	AUS-font-feature-settings: "swsh";
	font-weight: normal;
	font-style: italic;
}

.post-nav a:hover {
	color: #999;
}


.post-nav .prev-post a {
}

.post-nav .next-post a {
	float: right;
	text-align: right;
}


.post-nav.first-post a,
.post-nav.last-post a {
	float: none;
	width: 100%;
	text-align: center;
}

/* WP gallery */

.gallery {
	margin: 0 auto;
	padding: 0;
	margin-bottom: 2rem; /*mb*/
	position: relative;
	clear: both;
}

.gallery:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}


.gallery-item {
	float: left;
	overflow: visible;
	margin: 0 0 0px 0!important;
	text-align: left!important;
	width: 25%; /*gallery column */
}


.gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.25;
	color: #999;
	display: block;
	display: none;
/* gallery captions AUS */
}

.gallery img {
   border: none;
}

.gallery a:hover img {
	opacity: .8;
}

.gallery-caption {
	display: none;
}

.wp-caption {
	display: inline-block;
	margin: 0 10px 20px 0;
	padding: 0;
	background: transparent;
	max-width: 100%;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}


.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}

.postThumb p.wp-caption-text,
.wp-caption p.wp-caption-text,
.gallery-caption {
	font-size: 0.85rem;
	line-height: 130%;
	margin: 0;
	color: #666;
	padding: 10px 0px 1.5rem 0px;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.gallery-caption {
	display: none;
}

figure.wp-caption {
	max-width: 100%;
/*!*/
}


dl.gallery-item + br {
	display: none;
}

.gallery p {
	margin: 0;
	display: inline-block; /* remove column break */
}

.gallery-row {
}

.gallery-clear {
}

.gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.25;
	color: #999;
	display: block;
	display: none;
}

.gallery-icon a {
	display: block;
	overflow: hidden;
	margin: 0 2px 2px 0;
}

.gallery-icon {
	position: relative;
	margin: 0;
}

.gallery-icon img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}

.gallery-icon * {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Instagram Embeds*/


iframe.instagram-media {
	margin: 15px auto !important;
}


/* Responsive iFrame */

.embed-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 2rem; /*mb*/
}

.embed-responsive iframe,
.embed-responsive object,
.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}



iframe.googlemap {
	width: 100%!important;
	height: 400px;
}

.iframe.issuu {
	margin: 0 0 20px 0;
}

iframe.googlemap.size-1 { height: 300px;}
iframe.googlemap.size-2 { height: 400px;}
iframe.googlemap.size-3 { height: 600px;}



.iframe {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe iframe,
.iframe object,
.iframe embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* Archive */

.archive .main:first-child:before,
.category .main:first-child:before,
.search .main:first-child:before  {
	display: none;
}

.archive-header,
.search-header {
	position: relative;
	margin: 0 0 4rem 0;
	font-size: 1.2rem;
	padding: 2rem 1rem;
	text-align: center;
	background: var(--secondary-color);
}

.archive-title,
.search-title {
	display: block;

	font-family: var(--font-serif);
	font-feature-settings: "swsh";
	font-weight: normal;
	font-style: italic;
	font-size: 2rem;
	margin: 1rem 0;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.archive-title span,
.search-title span {
	display: block;
	font-size: 0.75rem;
	font-family: 'Work Sans', sans-serif;
	font-feature-settings: normal;
	text-transform: uppercase;
	font-weight: bold;
	margin: -10px 0 1.5rem 0;
	letter-spacing: 2px;
}

a.showAll {
	font-size: 0.8rem;
	display: block;
	text-transform: uppercase;
	border: none;
	color: #000;

	display: none;
}



.socialshare {
	clear: both;
	width: 100%;
	margin: 1rem 0 0 0;
	background:  #FFF;
}

.main .socialshare li:before {
	display: none;
}

.main .socialshare ul {
	padding: 0;
}

.main .socialshare li {
	padding: 0;
	display: inline-block;
	border-radius: 50px;
	margin: 0 0.4rem 0  0;
	border: none;
}

.socialshare li a {
	display: block;
	text-align: center;
	color: #999;
	border:  none;
	line-height: 50px;
	margin: 0 15px 0 0;

}

.socialshare li a i {
	display: inline-block;
	text-align: center;
	font-size: 1.2rem;
}

.socialshare li a:hover {
	color: #000;
}


/* Tags */

/* Search */

.searchResult {
	background: var(--primary-bg);
}

.searchResult form {
		position: relative;
}

.searchResult .s {
	border: none;
	padding: 10px;
	height: 40px;
	font-size: 1.3rem;
	min-width: 50%;
}

.searchResult .searchsubmit {
	border: none;
	font-size: 0.7em;
	padding: 0 20px;
	height: 40px;
	line-height: 0px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 0 -3px;
	color: #999;
	background: #DDD;

	-webkit-appearance: none;
}

.search-no-results .main .icon-search  {
	display: none;
}

.search .hentry {
	border: 0;
	border-bottom: 1px solid #DDD;
	margin: 0;
}

.search .hentry a {
	display: block;
	font-weight: bold;
	padding: 0.9rem 0;
	border-bottom: none;
}

.search .hentry.type-page .entry-details {
	display: none;
}

.search .post-pagination {
	margin-top: 30px;
}


.search-results .entry-details span {
	display: none;
}

/* 404 */

.error404 {

}

.error404 #footer {
	display: none;
}

.error404 main {
	text-align: center;
}

.error404 .slogan {
	transform: rotate(180deg);
}



/* Template: Startseite */


main.start {
	margin-top: 0;
}


.hero {
	position: relative;
	height: 100vh;
	overflow: hidden;
	background-color: #000;
}

.hero:after { /*nav gradient overlay*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	opacity: .5;
}


.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:#000;
	pointer-events: none;
	opacity: .35; /*default image+video overlay*/
}

.hero-slider,
.hero .slick-list,
.hero .slick-track,
.hero .slick-slide  {
  height:100%!important;
}

.hero-image {
	height: 100%;
}


.hero-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.hero-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;

	display: flex;
	align-items: flex-end;
	pointer-events: none;
}

.hero-content .container {
	width: 100%;
}

h1.hero-title {
	color: #FFF;
	text-align: left;
	font-size: 70px;

	margin-bottom: 6rem;
}

h1.hero-title br {
	display: block;
}

h1.hero-title:after {
	left: 0;
	margin: 0;
}



.hero video {
	width: 100%;
	height: 100%;
}

.hero video {
  position:absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.hero .slick-prev,
.hero .slick-next {
	display: none!important;
}



.hero-scrolldown {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 80px;
	height: 60px;
	margin-left: -40px;
	z-index: 2;
}

.hero-scrolldown a {
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 1.8rem;
	border: none;
}

.hero-scrolldown a:hover {
	margin-top: 10px;
}


.hero-scrolldown a i {
	width: 100%;
	transform: rotate(90deg);
	display: block;
}


.submenu-open .hero > * {
	transition: all 300ms ease-in-out;
	opacity: .6; /*smoothie darken on submenu click*/
}


/* Hero Offers */


.hero-offers {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 600px;
}

.hero-offers-slider {
	position: relative;
	height: 100%;
}

.hero-offers-slider,
.hero-offers .slick-list,
.hero-offers .slick-track,
.hero-offers .slick-slide  {
  height:100%!important;
}


.hero-offers-slide {
	height: 100%;
}

.hero-offers-slide__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hero-offers-slide__image img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.hero-offers-slide__image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0;
}


.hero-offers-slide__content {
	position: relative;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding: 100px 30px;
	max-width: 90rem;
	margin: 0 auto;
	border: 0px solid YELLOW;
}

.hero-offers-card {
	max-width: 60ch;
	padding: clamp(30px, 5vw, 40px);
	position: relative;
	font-weight: bold;
	font-size: clamp(1rem, 5vw, 1.2rem);
	line-height: 1.6;
	color: #FFF;/*custom setting*/ 
	background: rgba(0,0,0, .5); /*custom setting*/ 
	
	backdrop-filter: blur(10px);
	
	transform: translateX(5%);
	opacity: .5;
	transition: all 600ms ease;
}

.slick-active .hero-offers-card {
	transform: translate(0,0);
	opacity: 1;
}


.hero-offers-card > * + * {
	margin-top: 1.5rem;
}

hero-offers-card__title {
}


@media screen and (max-width: 600px) {
	
	.hero-offers-slide__content {
		padding: 70px 10px;
		font-size: 15px;
		line-height: 1.5;
	}
	
}






.section-intro {
	padding: 8rem 0;
}

.section-intro p {
	margin-bottom: 0;
}

.section-intro .textIntro {
	margin-bottom: 0;
}



.section-title {
	text-align: center;
	font-size: 48px;
	font-size: 2.6rem;
	margin: 0 0 4rem 0;
}


.section-productteaser {
	padding: 5rem 0;
	background: var(--secondary-color);
}




.productteaser {
	background: #FFF;
	margin: 0 0 2rem 0;
	align-self: center;
	max-width: 600px!important;

	display: flex;
	flex-direction: column;
 	flex:1;

	box-shadow: 0px 5px 10px -2px rgba(0,0,0, .1);
	transition: all 200ms ease-in-out;
 }

.productteaser-image {
	position: relative;
}


.productteaser-image a {
	position: relative;
	display: block;
	background: #000;
	border: none;
}

.productteaser-image a:hover img {
	opacity: .8;
}

.productteaser-image img {
	display: block;
	width: 100%;
	height: auto;
}

.productteaser-image-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	pointer-events: none;
	background: rgba(0,0,0, .05);
}

.productteaser-content {
	padding: 30px;
	flex:1;
	display: flex;
	flex-direction: column;
}

.productteaser-title {
	font-weight: bold;
	font-family: 'Work Sans';
	text-transform: uppercase;
	font-size: 1.1rem;
	line-height: 150%;
	margin: 0 0 20px 0;
}

.productteaser-desc {
	margin: 0 0 1.6rem 0;
	font-size: 0.85rem;
	font-size: 15px;

	line-height: 150%;
	flex-grow: 1; /* Grow to fill available space, so the button (next) is always bottom*/
}


.productteaser-btn {
	text-align: center;
	width: 100%;
}



.section-lectures {
	padding: 6rem 0;
	AUS-background-image: url(images/bg-lines.svg);
	background-position: top center;
}


.lectures-list {
	text-align: center;
	margin: 0 0 2rem 0;
}

.lectures-list-item {
	position: relative;
	margin: 2.5rem 0;
	padding-bottom: 2.5rem;
}

.lectures-list-item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 90px;
	height: 1px;
	margin-left: -45px;
	background: #979797;

	width: 60px;
	height: 6px;
	margin-left: -30px;
	background-color: var(--secondary-color);
}

.lectures-list-item:last-child:after {
	display: none;
}

.lectures-list-title,
a.lectures-list-title {
	display: block;
	line-height: 150%;
	font-weight: bold;
	font-size: 1.15rem;

	letter-spacing: 1px;
	border: none;
}

a.lectures-list-title:hover {

}


.lectures-list-desc {
	display: none; /*js*/
	padding-top: 1rem;
	max-width: 700px;
	margin: 0 auto;
	font-size: 0.9rem;
	line-height: 150%;
	background: transparent;
	color: #666;
}




.lectures-btn {
	text-align: center;
}



/* Testimonials */


.section-testimonials {
	padding: 5rem 0;
	background: var(--primary-bg);
}

.testimonials-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}


.testimonial-card {
	position: relative;
	background: #FFF;
	box-shadow: 0px 3px 35px -10px rgba(0,0,0, .1);
;
}


.testimonial-card__image {
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	background: var(--primary-bg);
	box-shadow: 0px 3px 20px -5px rgba(0,0,0, .0);
}


.testimonial-card__image img{
	display: block;
}

.testimonial-card__content {
	padding: 35px;
}

.testimonial-card blockquote {
	margin: 0;
}

.testimonial-card blockquote > *:first-child {
	margin-top: 0;
}


.testimonial-card__quote,
.testimonial-card__quote-more {
	font-size: 1.2rem;
	line-height: 1.35;
	margin: 0 ;
	max-width: 900px;
}


.testimonial-card__quote-more {
}

.testimonial-card__quote-more.active {
	
}

.testimonial-card__read-more-btn {
	display: block;
	margin: 0 auto;
	margin-top: .4rem;
	border: none;
	outline: none;
	background: transparent;
	font-size: .8rem;
	font-weight: bold;
	opacity: .4;
	transition: 250ms;
}

.testimonial-card__read-more-btn .less {
	display: none;
}

.testimonial-card__read-more-btn.active .less {
	display: block;
}

.testimonial-card__read-more-btn.active .more {
	display: none;
}

.testimonial-card__read-more-btn:hover {
	opacity: 1;
}


.testimonial-card__cite {
	font-weight: bold;
	font-family: 'Work Sans';
	font-feature-settings: normal;
	text-transform: none;
	font-size: 14px;
	font-size: 0.8rem;
	line-height: 150%;
	margin: 0 auto;
	margin-top: 1.5rem;
	font-style: normal;

}


@media screen and (max-width: 996px) {
	.testimonials-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 760px) {
	.testimonials-grid {
		grid-template-columns: 1fr;
	}
}





.section-newsletter {
	padding: 6rem 0;
	border-top: 1px solid var(--primary-bg);

}

.newsletter-signup {
	margin: 0 auto;
	text-align: center;
}

.newsletter-signup-title {
	border-bottom: 0px solid #000;
	margin-bottom: 1rem;
}

.newsletter-signup-title h2 {
	position: relative;
	padding: 0 0 1rem 0;
	display: inline-block;
	margin: 0;
	font-feature-settings: "none";
	font-size: 31px;
	font-size: 1.7rem;
}

.newsletter-signup-title h2:first-letter {
	font-feature-settings: "swsh";
}


.newsletter-signup-text {
	font-size: .95rem;
	margin: 2rem 0 0rem 0;
}


.newsletter-signup-form {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}

.newsletter-signup-form #rmOrganism .rmSubscription .rmBase__comp--heading {
}


.newsletter-signup-form label {
	display: none;
}

.mc-field-group {
	position: relative;
}

.mc-field-group .field-wrap {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
}


.newsletter-signup-form input {
	border: none;
	padding: 1rem 1rem;
	color: #000;
	border-bottom: 1px solid #FFF;

	font-size: 1.4rem;
	font-family: var(--font-serif);
	font-feature-settings: "normal";
	font-weight: normal;
	font-style: italic;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*placeholder browser madness*/
.newsletter-signup-form input::-webkit-input-placeholder {
	opacity: 1;
	color: #000;
}
.newsletter-signup-form input::-moz-placeholder {
	opacity: 1;
	color: #000;
}
.newsletter-signup-form input:-moz-placeholder {
	opacity: 1;
	color: #000;
}

.newsletter-signup-form input:focus::-webkit-input-placeholder {
	opacity: .3;
}

.newsletter-signup-form input:focus::-moz-placeholder {
	opacity: .3;
}

.newsletter-signup-form input:focus:-moz-placeholder {
	opacity: .3;
}



.newsletter-signup-form input:focus {
	border-color: #000;
}

.newsletter-signup-form input[type=email] {
	width: 100%;
	padding-right: 80px;
	background: var(--secondary-color);
}

#mc-embedded-subscribe.button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border: none;
	display: block;
	text-align: center;
	padding: 0.4rem 1.5rem;
	font-family: 'Work Sans', sans-serif;
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.9rem;
	text-transform: uppercase;
	background-color: transparent;

}

#mc-embedded-subscribe.button:hover,
#mc-embedded-subscribe.button:active {
	background-color: #000;
	color: #FFF;
}


input.mce_inline_error {
	background: #FFF;
}

.newsletter-signup-form #mc_embed_signup div.mce_inline_error {
	font-size: 0.9rem;
	color: RED;
	font-weight: normal;
	background: transparent;
	margin: 10px 0 0 0;
}

#mce-success-response.response {
	font-size: 1rem;
	margin: 1rem 0 0 0;
	line-height: 140%;
	color: GREEN;
}


/* Instagram Feed */

.instagram-feed {
	margin: 3rem 0 0 0;
	text-align: center;
	padding: 4rem 30px 3rem 30px;
	background: var(--primary-bg);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.instagram-feed_title {
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 1rem 0;
}


.instagram-feed_name a {
	font-weight: bold;
	border: none;
	display: inline-block;
	margin: 0 0 2rem 0;
}


.instagram-feed .sbi {
	max-width: 1500px;
}

.instagram-feed .sbi_photo_wrap {
}

.instagram-feed .sbi_photo_wrap:hover {
}


.pagebanner {
	position: relative;
	height: 700px;
	max-height: 90vh; /*the height*/
	margin: 0 0 0rem 0;
}

.pagebanner:after { /*nav gradient overlay*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	opacity: .5;
}

.pagebanner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;

	pointer-events: none;
	background: #000;
	opacity: .35; /*default image overlay*/
}

.pagebanner-content {
	display: flex;
	height: 100%;
	position: relative;
	z-index: 2;
	pointer-events: none;

}

.pagebanner .container {
	display: flex;
	flex: 1 auto;
	align-items: bottom;
    overflow:visible;
    pointer-events:none;
}

.pagebanner-title {
	align-self: flex-end;
}

.pagebanner-title h1 {
	color: #FFF;
	text-align: left;
	text-shadow: 0 0 8px rgba(0,0,0, .3);
}

.pagebanner-title h1:after {
	left: 0;
	margin-left: 3px;
}

.pagebanner .slick-list,
.pagebanner .slick-track,
.pagebanner .slick-slide  {
  height:100%!important;
}


.pagebanner-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #000;
}


.pagebanner .slick-prev,
.pagebanner .slick-next {
	display: none!important;
}


.pagebanner .pagebanner-image {
	height: 100%;
}


.submenu-open .pagebanner-content,
.submenu-open .pagebanner-image img {
	opacity: .6; /*smoothie darken on submenu click*/
}

.pagebanner-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;

}


.productbox-wrap + .productbox-wrap .productbox {
	margin-top: 0rem;
}

.productbox {
	text-align: center;
	padding: 2.5rem 1rem;
	background: var(--secondary-color);
	margin-top: 2rem;
	margin-bottom: 2rem; /*mb*/
}

.productbox .inner {
	margin: 0 auto;
}

.productbox-meta {
	text-transform: uppercase;
	letter-spacing: 0.3rem;
	margin-bottom: 1.5rem;
}

.productbox-title h2 {
	font-size: 2.5rem;
	margin-bottom:1rem;
}

.productbox-date {
	font-weight: 600;
	margin-bottom:1rem;

}

.productbox-desc {
		margin-bottom:1rem;
}

.productbox-important {
	display: inline-block;
	color: #FF2000;
}

.productbox-btn {
		margin: 2rem 0 0.3rem 0;
}

.productbox-btn .btn {
}

.productbox-btn .btn:hover {

}





/* @group CARDS */

/* CARDS
--------------------------------------------------------------------------------- */

.cards-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	margin-bottom: 3rem; /*mb*/	
}

.cards-grid.cards-1 {
	max-width: 480px;
	grid-template-columns: 1fr;
}

.cards-grid.cards-2 {
	max-width: 760px;
	grid-template-columns: 1fr 1fr;
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #FFF;
	box-shadow: 0px 5px 40px -10px rgba(0,0,0, .25);
}

.card__image {
}

.card__image a {
	display: block;
	background: #000;
	border: none;
}

.card__image a:hover img {
	opacity: .8;
}


.card__image img {
	display: block;
	width: 100%;
}

.card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.card__title {
	font-weight: bold;
	font-family: 'Work Sans';
	text-transform: uppercase;
	font-size: 1.1rem;
	line-height: 150%;
	margin: 0 0 20px 0;
}

.card__desc {
	margin: 0 0 1.6rem 0;
	font-size: 0.85rem;
	font-size: 15px;

	line-height: 150%;
	flex-grow: 1; /* Grow to fill available space, so the button (next) is always bottom*/
}

.card__btn {
	text-align: center;
}


@media screen and (max-width: 980px) {
	.cards-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 680px) {
	.cards-grid,
	.cards-grid.cards-2 {
		grid-template-columns: 1fr;
	}
}



/* @end */



/* FORMS (contact form 7)
---------------------------------------------------------------------------------*/

.wpcf7 {
	position: relative;
}

.wpcf7 form {
	position: relative;
	margin: 0 auto;
	max-width: 800px;
	margin-bottom: 2rem;

}

.wpcf7 .form-label {
}

.wpcf7 br {
	display: none;
}


.wpcf7 h2 {
	margin: 0 0 2.0rem 0;
}

.wpcf7 label {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding-bottom: 0.2rem;
	color: #999;
	cursor: default;
}

.wpcf7 .row {
	margin-left: -10px;
	margin-right: -10px;
}

.wpcf7 .row-pflichtangaben {
	margin-bottom: 0.5remrem;
	font-size: 0.6rem;
	text-align: right;
	text-transform: uppercase;
	color: #999;
}

.wpcf7 .row-submit {
}

.wpcf7 .row.response {
	margin-bottom: 0;
}

.wpcf7 [class*=col-] {
	padding: 0 10px;
}


.wpcf7 .form-field {
	margin-bottom: 0.5rem;

}

.wpcf7 span {
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.9rem;
}

.wpcf7 input.wpcf7-text,
.wpcf7 input.wpcf7-quiz,
.wpcf7-text,
.wpcf7 textarea,
.wpcf7 .select-styled,
.wpcf7-date,
.wpcf7-captchar{
	padding: 0.8rem;
	font-size: 1rem;
	color: #333;
	background: #FFF;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border: 1px solid #979797;
	border-radius: 0px;
	-webkit-appearance: none;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
	padding: 0.8rem;
	background: var(--secondary-color);

}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder,
input::-moz-placeholder {
}


.wpcf7 textarea {
	max-height: 150px;
	line-height: 150%;
	max-height: 16vh;
	width: 100%;
}



.wpcf7 select {
   -webkit-appearance: none;
}

.wpcf7-recaptcha {
	 overflow: hidden;
	 margin-bottom: 0.5rem;
}


.wpcf7 .form-field--submit {
	margin: 0;
}


.wpcf7 .submit {
	clear: both;
}

.wpcf7 input.wpcf7-submit {
	width: auto;
	-webkit-appearance: none;
	background: transparent;
	border: 2px solid #000;
	text-transform: uppercase;

	margin: 0.5rem 0 0 0;
	padding: 1rem 1.5rem;
	font-weight: bold;
	font-size: 13px;
	font-size: .9rem;
	background: #FFF;

	display: inline-block;
}

.wpcf7 input.wpcf7-submit:hover {
	color: #000;
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}


.wpcf7 input.wpcf7-submit:active {
	background: var(--secondary-color);
}


.wpcf7 img.ajax-loader {
	position: absolute;
	bottom: -1.8rem;
	right: 50%;
	margin-right: -9px;
	display: block;
	AUS-visibility: visible!important;

}

.wpcf7 .wpcf7-response-output {
	background: #FFF;
	font-size: 0.9rem;
	line-height: 145%;
	padding: 1rem;
	margin: 1rem 0 0 0;
	clear: both;
	position: relative;
}

.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
	border-color: RED;
}

.wpcf7 .wpcf7-form.sent {
}


.wpcf7 .wpcf7-mail-sent-ok {
	border: none;
	font-weight: 500;
	background: #6FBA54;
	background: var(--secondary-color);

	font-size: 1.5rem;
	padding: 2rem 1rem;
	text-align: center;


	font-family: var(--font-serif);
	font-feature-settings: "normal";
	font-weight: normal;
	font-style: italic;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.wpcf7 .wpcf7-mail-sent-ok:first-letter {
	font-feature-settings: "swsh";
}



.wpcf7 span.wpcf7-not-valid-tip {
	background: red;
	color: #FFF;
	display: none;
}


.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
	border: 1px solid red;
}


.wpcf7 .field-note {
	font-size: 0.7rem;
}

/* Datenschutz */

.wpcf7 .form-field--datenschutz {
	margin-bottom: 1rem;
	padding: 0;
}

.wpcf7 .form-field--datenschutz > label {
	display: none;
}

.wpcf7 .form-field--datenschutz .wpcf7-acceptance {
}

.wpcf7 .form-field--datenschutz .wpcf7-acceptance .wpcf7-list-item  {
	margin: 0;
	padding: 0 10px;
}

.wpcf7 .form-field--datenschutz .wpcf7-acceptance .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
}


.wpcf7 .form-field--datenschutz .wpcf7-acceptance .wpcf7-list-item-label {
}


.wpcf7 .form-field--datenschutz .wpcf7-acceptance label span {
	font-size: 0.8rem;
	line-height: 150%;
	font-weight: normal;
	color: #555;
	text-transform: none;
}

.wpcf7 .form-field--datenschutz input {
	margin: 3px 10px 0 0;
}


.wpcf7 .form-field--datenschutz .wpcf7-acceptance.wpcf7-not-valid label {
	padding: 5px;
	border: 1px solid red;
}





/* Checkbox & Radiobuttons */

.wpcf7 .wpcf7-radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: left;
    align-content: flex-start;
}

.wpcf7 input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
}

.wpcf7 input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item  {
  	margin: 0 0 20px 0;
}

.wpcf7-radio input,
.wpcf7-checkbox input {
	display: none; /*custom*/
}

.wpcf7-radio label,
.wpcf7-checkbox label {
	color: #333;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	cursor: pointer;
}

.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
	display: block;
	line-height: 130%;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 0;
	padding-right: 30px;
	padding-left: 60px;
	color: #999;
	transition: all 300ms ease;
}

.wpcf7-radio .wpcf7-list-item-label:hover,
.wpcf7-checkbox .wpcf7-list-item-label:hover {
	color: #000;
}

.wpcf7-radio .wpcf7-list-item-label:before,
.wpcf7-checkbox .wpcf7-list-item-label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: #FFF;
	border: 1px solid #000;
	border-radius: 50%;
	opacity: 1;
}


.wpcf7-radio .wpcf7-list-item-label:after,
.wpcf7-checkbox .wpcf7-list-item-label:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 24px;
	height: 24px;
	background: #000;
	border-radius: 50%;
	opacity: 0;
	transition: all 300ms ease;

}

.wpcf7-radio input:checked + .wpcf7-list-item-label,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label {
	color: #000;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label:before,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:before {
	border-color: #000;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label:after,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:after {
	opacity: 1;

}


.wpcf7-radio.wpcf7-not-valid .wpcf7-list-item-label:before,
.wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label:before {
	border-color: RED;
}


.form-field.form-field--interesse {
	margin-bottom: 1.5rem;
}


/* Popup (Hustle Plugin) */


.hustle-modal {
	max-width: 590px!important;
}

.hustle-modal .hustle-modal-body {
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	 -webkit-text-size-adjust: 100%;
	border-radius: 6px;
}

.hustle-modal .hustle-modal-body section {
 	border-radius: 6px;
	overflow: hidden;
}

.hustle-modal .hustle-modal-body .hustle-modal-message {
	color: #333!important;
	text-align: center;
    overflow: hidden!important;
	padding: 2rem!important;

}

.hustle-modal .hustle-modal-body .hustle-modal-message p {
	font-size: 0.9rem;
	line-height: 160%;
	text-align: center!important;
}

.hustle-modal .hustle-modal-body .hustle-modal-message h2 {
	font-size: 1.8rem;

	font-family: var(--font-serif);
	font-feature-settings: "normal";
	font-weight: normal;
	font-style: italic;
	margin-bottom: 2rem;
	line-height: 130%;
}

.hustle-modal .newsletter-signup-form {
	margin-top: 2rem;
	margin-bottom: 0;
}

.hustle-modal .newsletter-signup-form {

}

.hustle-modal .newsletter-signup-form input {
	background: var(--secondary-color)!important;
	border: none;
}

.hustle-modal .newsletter-signup-form input[type=email] {
	width: 100%!important;
}

.hustle-modal .newsletter-signup-form input[type=submit] {
}

.hustle-modal .newsletter-signup-form input[type=submit]:hover {
		background: #000!important;
}

.hustle-modal .valid {
	display: none;
}





/* FOOTER
---------------------------------------------------------------------------------*/

#footer {
	position: relative;
	width: 100%;
	padding: 5rem 0;
	text-align: center;
}


#footer a {
}

.footer-social {
	margin: 0 0 2.5rem 0;
}

.footer-social a {
	display: inline-block;
	font-size: 25px;
	margin: 0 5px;
}


ul.footer-menu {
	display: inline-block;
	margin: 0 0 1rem 0;
}

.footer-menu li {
	display: inline-block;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.footer-menu li a {
	padding: 0 0.5rem;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.05rem;
	color: #BBB;
	text-transform: uppercase;
}

.footer-menu li a:hover {
	color: #000;
}


.footer-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	margin-bottom: 50px;
}

.footer-logo {
}

.footer-logo img {
	display: block;
}



/* Site Sticky Button */

.site-sticky-button {
	position: fixed;
	top: 50%;
	right: 0;
	display: block!important;
	transform: translate(100%, -100%);
	writing-mode: vertical-lr;
	z-index: 1;
	transition: 400ms;
}


.site-sticky-button.active {
	transform: translate(0, -100%);
}


.site-sticky-button a {
	display: block;
	padding: 30px 20px;
	color: #000;
	background: var(--secondary-color);
	box-shadow: 0px 0px 30px -5px rgba(0,0,0, .15);
	
	color: #FFF;
	background: #000;
	box-shadow: none;
	
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	transform: rotate(-180deg);

}

.site-sticky-button a:hover {
}

.menu-open .site-sticky-button a {
}


@media screen and (max-width: 600px) {
	
	AUS.site-sticky-button {
	top: auto;
	bottom: 0;
	right: 50%;
	transform: translate(50%, 0);
	writing-mode: horizontal-tb;
	z-index: 1;
}
		
	.site-sticky-button a {
		font-size: 0.8rem;
		padding: 10px 25px;
		padding: 20px 10px;
		AUS_transform: rotate(0deg);
	
	}
}





/* Slick Slider
-----------------------------------------------------*/

/* --- Slick neccessary --- */


/* Slider */

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;

	opacity: 0;
}

.slick-slider.slick-initialized {
	/* fadeIn*/
	opacity: 1;
}


.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/* --- Slick Theme --- */

/* Slider */

.slick-loading .slick-list {
	AUS_background: YELLOW url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */


/* Arrows */

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	-moz-transform: translateY(-58%);
	-webkit-transform: translateY(-58%);
	transform: translateY(-58%); /*vertical center*/
	padding: 20px;
	cursor: pointer;
	color: transparent;
	background: transparent;
	border: none;
	outline: none;
	z-index: 99;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'icons';
	font-size: 2.0rem;
	line-height: 1;
	opacity:1;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 0;
}


.slick-prev:before {
	content: '\e80d';
}

.slick-next {
	right: 0;
}

.slick-next:before {
	content: '\e806';
}


/* Dots */

.slick-slider {
}

.slick-dots {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0rem;
	padding: 0;
	list-style: none;
	text-align: center;
	z-index: 20;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px!important;
	padding: 0;
	background: transparent;
}

.slick-dots li:before {
	display: none;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px;
	cursor: pointer;
	border: 0;
	outline: none;
	border-radius: 50%;
	background: rgba(0,0,0, .2);
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li.slick-active button {
	background: #183D1A;
}

.slick-slide img {
	width: 100%;
}




/* Swipebox  */

#swipebox-container a#swipebox-close {
	background: transparent!important;
	text-align: center;

}

#swipebox-container a#swipebox-close:after {
	content: "×";
	font-size: 2.3em;
	color: #FFF;
	line-height: 50px;
}

a#swipebox-prev,
a#swipebox-next {
	background-color: transparent!important;
	text-align: center;
}

a#swipebox-prev:after,
a#swipebox-next:after {
	line-height: 45px;
	color: #FFF;
	text-shadow: none;
	font-size: 1.5rem;
}

a#swipebox-prev:after {
	content: "←";
}

a#swipebox-next:after {
	content: "→";
}


/* Cookie Notice */


#cookie-notice {
	font-size: 0.80rem!important;
	background: transparent!important;
	font-family: var(--font-sans)!important;
}

#cookie-notice #cn-accept-cookie {
	padding: 12px 30px;
	line-height: 1;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	border-radius: 0;
	background-color: var(--secondary-color)!important;
	color: #000;
	font-size: 1.0rem;
	font-family: var(--font-sans);
	
}


#cookie-notice a {
	color: #999;
	text-decoration: underline;
}

.cookie-notice-container {
	background: rgba(0,0,0, 1);
}




/* Calendly Embed */


.calendly-embed {
	margin-left: calc(25% - 25vw);
	margin-right: calc(25% - 25vw);
	max-width: 1000%;
	width: auto;
	
	margin-bottom: 2rem;
	padding: 20px 20px;
	
	background: var(--primary-bg);

}



/* Rapidmail Embed */

#rmOrganism {
	background: var(--primary-bg);
}

.start #rmOrganism {
	background: transparent;
}
	
main #rmOrganism * {
	font-family: var(--font-sans);
}

main #rmOrganism .rmSubscription .rmBase__comp--heading {
	font-family: var(--font-serif);
	font-size: 2.3rem;
	margin: 0 0 2rem 0;
	font-weight: normal;
	font-style: italic;
}

main #rmOrganism .rmLayout--horizontal.rmBase {
	max-width: 100%;
	margin-bottom: 2rem;
}




/* @group ANIMATIONS */


/* ANIMATIONS
---------------------------------------------------------------------------------*/

/*  https://github.com/daneden/animate.css */


.animated {
  -webkit-animation-duration: 1s;
  		  animation-duration: 1s;

  -webkit-animation-fill-mode: both;
  		  animation-fill-mode: both;

  -webkit-animation-timing-function: ease-in-out;
 		  animation-timing-function: ease-in-out;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;

}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

/* @end */




/* GLOBALS

---------------------------------------------------------------------------------*/


/* Media Queries

---------------------------------------------------------------------------------*/


@media screen and (max-width: 1180px) {
body:after {
	content: "<1180";
	position: fixed;
	top: 0;
	left: 0;
	line-height: 1;
	padding: 5px;
	font-size: 12px;
	background: lawngreen;
	z-index: 1000;
	opacity: .8;

	display: none; /* AN/AUS*/
}


.main-menu li a {
	font-size: 14px;
}




#header .inner {
	height: 70px;
}

#content {
	padding-top: 70px;
}



.menu-trigger {
	display: block;
}

#nav {
	display: none;
	background: rgba(0,0,0, .9);
	position: fixed;
	overflow-y: auto;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}

.menu-open #nav {
	display: block;
}


.main-menu {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 0 20px;
	padding-top: 100px;
	background: transparent;
}

.main-menu li {
	display: block;
	position: relative;
	margin: 0 0 3rem 0;
}

.main-menu li li {
	width: 100%;
}

.main-menu li a {
	font-size: 25px;
	margin: 0;
}

.main-menu ul.sub-menu {
	position: relative;
	top: auto;
	left: auto;
	margin: 0;
	padding: 30px 0;
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255, .2);
}


.main-menu ul.sub-menu a {
	font-weight: 500;
	font-size: 17px;
}





/* Menu Animation */

.main-menu li {
  opacity: 0;

  animation: fadeLiIn 500ms ease-in-out 1 forwards;
 }

.main-menu li:nth-child(1) {
  animation-delay: 100ms;
}

.main-menu li:nth-child(2) {
  animation-delay: 200ms;
}

.main-menu li:nth-child(3) {
  animation-delay: 300ms;
}

.main-menu li:nth-child(4) {
  animation-delay: 400ms;
}

.main-menu li:nth-child(5) {
  animation-delay: 500ms;
}

.main-menu li:nth-child(6) {
  animation-delay: 600ms;
}





}




@media screen and (max-width: 996px) {
body:after {
	content: "<996";
	background: PINK;
}

html, body {
	font-size: 17px;
}


h1:after {

}





.main {
	max-width: 690px;
}


.sc-col {
	width: 100%;
}


.wp-caption,
img.size-medium,
img.size-small {
	margin-left: 0;
	margin-right: 0;
	float: none;
	display: block;
}

a:hover img { /* no image hover effects for mobile */
	opacity: 1!important;
	transform: none!important;
}

#header.site-header-start .logo-wrap {
	position: absolute;
}

.header-image {
	background-attachment: scroll;
}


.image-wide {
	width: 100%;
	margin-left: 0;
	text-align: left;
}


.pagebanner {
	height: 550px;
}

h1 {
	font-size: 2.4rem;
}


h1.hero-title {
	font-size: 58px;
}



.newsletter-signup-title h2 {
	font-size: 1.4rem;
}


h2.entry-title {
	font-size: 1.9rem;
}

.entry-excerpt {
	display: none;
}

.entry-header,
article.post:nth-child(even) .entry-header {
	padding: 0px;
}





}



@media screen and (max-width: 600px) {
body:after {
	content: "<600";
	background: YELLOW;
}

html, body {
	font-size: 16px;
}

.container {
	padding: 0 20px;
}


h1:after {
	border-width: 4px;
}


.pagebanner-title h1 {
	font-size: 2.1rem;
}

h2 {
	font-size: 1.9rem;
}

h3 {
	font-size: 1.3rem;
}

h2.entry-title {
	font-size: 2.4rem;
}

h1 br,
h2 br {
	display: none;
}


blockquote {
	font-size: 160%;
}



.gallery-item {
	width: 33.333%;
}


.alignleft {
	float: none!important;
	display: block;
}

#header .inner {
	height: 60px;
}

#content {
	padding-top: 60px;
}

main {
	margin-top: 3.5rem;
}


#header .logo {
	width: 160px;
}


#header.site-header-start .logo {
	margin: 0 0 10vh 0;
}


.main-menu li {
	margin-bottom: 2rem;
}

.main-menu li a {
	font-size: 20px;
}


.box,
.boxImportant {
	padding: 20px;
}

.page-template-template-startseite #content {
	padding: 0;
}


h1.hero-title {
	font-size: 2.6rem;
}



.section-intro {
	padding: 3rem 0;
}


.newsletter-signup-form input {
	font-size: 1.4rem;
}

#mc-embedded-subscribe.button {
	padding: 0.4rem 1.0rem;
	font-size: 1rem;
}

.pagebanner {
	height: 350px;
}


h1 {
	font-size: 2.4rem;
	margin-bottom: 2.5rem;
}

.pagebanner-title h1 br {
	display: block;
}



.lectures-list li {
	font-size: 1.1rem;
	margin: 2rem 0;
	padding-bottom: 2rem;
}




.testimonials-slider {
	padding: 0 0rem;
}


.testimonials-slider .slick-track,
.testimonials-slider .slick-track .slick-slide {
  display: block;
}


.testimonials .slick-prev,
.testimonials .slick-next {
	display: none!important;
}


.testimonials blockquote p {
	font-size: 20px;
	font-size: 1.4rem;
	line-height: 150%;
}

.entry-thumbnail {
	margin: 0 0 1.5rem 0;
}

h2.entry-title {
	font-size: 2.0rem;
}

.productbox-meta {
	font-size: 0.9rem;
}

.productbox-title h2 {
	font-size: 1.9rem;
}

.productbox-desc br {
	display: none;
}



}



@media screen and (max-width: 320px) {
body:after {
	content: "<320";
	background: MAGENTA;
}

html, body {
	font-size: 15px;
}

.container {
	padding: 0 10px;
}


}




/* Animation steps */

@keyframes fadeLiIn {
  0% {
	opacity: 0.0;
    transform: translate(0px,-10px);
 	}
  100% {opacity: 1.0;
    transform: translate(0,0);
    }
}





/* END
---------------------------------------------------------------------------------*/