@charset "UTF-8";
#wp-admin-bar-wp-logo,
#wp-admin-bar-updates,
#wp-admin-bar-comments,
#wp-admin-bar-new-content,
#wp-admin-bar-customize,
#wp-admin-bar-plugins,
#wp-admin-bar-themes {
	display: none !important;
}

/*=======================================================
                      Definitions                 
======================================================= */
@font-face {
	font-family: "Lato";
	font-weight: 400;
	src: url("fonts/lato-v24-latin-regular.woff2") format("woff2");
}
@font-face {
	font-family: "Lato";
	font-weight: 300;
	src: url("fonts/lato-v24-latin-300.woff2") format("woff2");
}
@font-face {
	font-family: "Lato";
	font-weight: 700;
	src: url("fonts/lato-v24-latin-700.woff2") format("woff2");
}
@font-face {
	font-family: "Lato";
	font-weight: 900;
	src: url("fonts/lato-v24-latin-900.woff2") format("woff2");
}
@font-face {
	font-family: "Chalkboy";
	font-weight: 900;
	src: url("fonts/chalkboy.woff2") format("woff2");
}
div, a, li {
	-webkit-transition: all 0.4s ease, padding 0.2s ease, background 0.2s ease, width 0.2s ease, height 0.4s ease, border 0.2s ease, left 0.4s ease, right 0.4s ease, top 0.4s ease, bottom 0.4s ease, opacity 0.3s ease;
	-moz-transition: all 0.4s ease, padding 0.2s ease, background 0.2s ease, width 0.2s ease, height 0.4s ease, border 0.2s ease, left 0.4s ease, right 0.4s ease, top 0.4s ease, bottom 0.4s ease, opacity 0.3s ease;
	-o-transition: all 0.4s ease, padding 0.2s ease, background 0.2s ease, width 0.2s ease, height 0.4s ease, border 0.2s ease, left 0.4s ease, right 0.4s ease, top 0.4s ease, bottom 0.4s ease, opacity 0.3s ease;
	transition: all 0.4s ease, padding 0.2s ease, background 0.2s ease, width 0.2s ease, height 0.4s ease, border 0.2s ease, left 0.4s ease, right 0.4s ease, top 0.4s ease, bottom 0.4s ease, opacity 0.3s ease;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body, input, textarea {
	font-size: 14px;
	line-height: 21px;
	color: #333333;
}

.fancybox-wrap, .fancybox-container, .fancybox-content, .fancybox-wrap div, .fancybox-wrap img {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.fancybox-loading {
	z-index: 99990;
}

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	font-family: "Lato", sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: #497a61;
	display: block;
}

ul {
	margin: 0;
}

strong {
	font-weight: 900;
	font-weight: 700;
	text-shadow: 0px 0px 0.4px #000;
}

.rel {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}

.relative {
	position: relative;
}

.auto {
	height: auto;
}

.abs {
	position: absolute;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.centered {
	text-align: center !important;
}

.full {
	width: 100%;
}

.hidden {
	display: none;
}

.green {
	background-color: #497a61;
}
.green a {
	color: #ffffff;
}

.green4 {
	background-color: #e3eee6;
}

.yellow {
	background-color: #efeae5;
}

.white {
	background-color: #ffffff;
}

/*=======================================================
                     Struktur                 
======================================================= */
.section, section {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 40px 0;
	margin-top: 65px;
	z-index: 100;
}
.section.with_header, section.with_header {
	padding-bottom: 50px;
}

.section.with_slider.yellow,
.section.with_slider.green1,
.section.with_slider.green2,
.section.with_slider.green3,
.section.with_slider.green4 {
	background-color: inherit;
}

.section.footer-links {
	margin-top: 0;
}

.wrapper {
	position: relative;
	width: 65%;
	max-width: 1200px;
	height: auto;
	padding: 0px 0% 0 0%;
	margin: 0 auto;
	text-align: left;
	z-index: 100;
}

.header {
	float: left;
	position: relative;
	width: 100%;
	height: 105px;
	overflow: visible;
}

.logo {
	position: absolute;
	top: 65px;
	left: 4%;
	width: 150px;
	height: 150px;
	-webkit-border-radius: 80px 80px 80px 80px;
	-moz-border-radius: 80px 80px 80px 80px;
	-ms-border-radius: 80px 80px 80px 80px;
	border-radius: 80px 80px 80px 80px;
	background: #fff url(images/logo.png) center 55%/73% auto no-repeat;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transition: border-radius 0.1s ease, background 0.2s ease;
	-moz-transition: border-radius 0.1s ease, background 0.2s ease;
	-o-transition: border-radius 0.1s ease, background 0.2s ease;
	transition: border-radius 0.1s ease, background 0.2s ease;
	z-index: 150;
}

main {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 75px 0 0 0;
	z-index: 11;
}

/*=======================================================
                     	  Nav                 
======================================================= */
.navigation-primary .wrapper {
	height: 100%;
}

.navigation-secondary {
	float: left;
	position: relative;
	width: 100%;
	height: 25px;
}

.navigation-primary {
	float: left;
	position: relative;
	width: 100%;
	height: 80px;
}

nav.quick {
	position: absolute;
	bottom: 10px;
	right: -20%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
nav.quick li {
	display: block;
	text-align: left;
	line-height: 0;
	margin-top: 4px;
}
nav.quick li:last-of-type a {
	color: #497a61;
	background-color: #ffffff;
}
nav.quick a {
	display: inline-block;
	font: 400 10px/12px "Lato", sans-serif;
	padding: 1px 7px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-ms-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	opacity: 0.85;
}
nav.quick a:hover {
	opacity: 1;
}

nav.secondary {
	float: right;
	position: relative;
	height: auto;
	width: auto;
	text-align: left;
	padding: 0 5% 0 0;
	z-index: 100;
}
nav.secondary ul {
	display: inline-block;
}
nav.secondary li {
	display: inline-block;
	line-height: auto;
}
nav.secondary li:last-of-type a {
	color: #497a61;
	font-weight: 900;
}
nav.secondary li:last-of-type a:after {
	content: "";
}
nav.secondary li.int_wrapper:last-of-type a {
	color: #444;
}
nav.secondary li.int_wrapper:last-of-type a:after {
	content: "|";
}
nav.secondary a {
	font: 700 11px/13px "Lato", sans-serif;
	color: #000000;
	opacity: 0.8;
	-webkit-transition: font-weight 0;
	-moz-transition: font-weight 0;
	-o-transition: font-weight 0;
	transition: font-weight 0;
}
nav.secondary a:after {
	content: "|";
	display: inline-block;
	margin: 0 5px;
}
nav.secondary a:hover {
	opacity: 1;
	font-weight: 400 !important;
	letter-spacing: 0.5px;
}

nav.primary {
	float: left;
	position: relative;
	height: 100%;
	width: auto;
	overflow: visible;
	text-align: left;
	padding: 0 0 0 0;
}
nav.primary ul {
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
nav.primary li {
	display: inline-block;
	line-height: auto;
	z-index: 80;
	position: unset;
}
nav.primary li:hover:before {
	opacity: 0.5;
}
nav.primary li.current_page_item.menu-item-has-children a:after, nav.primary li.current-page-ancestor a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	-o-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
	border-left: 8px solid transparent; /* Half of the width */
	border-right: 8px solid transparent; /* Half of the width */
	border-bottom: 9px solid #f3f0f0; /* Full height and background color */
}
nav.primary a {
	position: relative;
	font: 400 13px/20px "Lato", sans-serif;
	text-transform: uppercase;
	padding: 50px 20px 10px 20px;
	word-spacing: 5px;
	opacity: 0.85;
	background-repeat: no-repeat !important;
	z-index: 90;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
nav.primary a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.15); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(255, 255, 255, 0.15)", endColorstr="rgba(255, 255, 255, 0)",GradientType=1 ); /* IE6-9 */
	z-index: 80;
	opacity: 0.6;
}
nav.primary a:hover {
	opacity: 1;
}
nav.primary a:hover:before {
	opacity: 1;
}
nav.primary .verein a {
	background-size: auto 22px;
	background-position: center 19px;
	background-image: url(images/nav_icon-verein.png);
}
nav.primary .events a {
	background-size: auto 27px;
	background-position: center 19px;
	background-image: url(images/nav_icon-veranstaltungen.png);
}
nav.primary .news a {
	background-size: auto 29px;
	background-position: center 19px;
	background-image: url(images/nav_icon-aktuelles.png);
}
nav.primary .instrumente a {
	background-size: auto 29px;
	background-position: center 19px;
	background-image: url(images/nav_icon-instrumente.png);
}
nav.primary ul ul {
	display: none;
	position: absolute;
	width: 5000%;
	height: 50px;
	bottom: -50px;
	left: 0;
	background-color: rgba(225, 225, 225, 0.9);
	-webkit-box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
}
nav.primary ul ul li {
	position: relative;
	background: none;
}
nav.primary ul ul li:before {
	display: none;
}
nav.primary ul ul li a {
	background: transparent;
	background-image: none !important;
	color: #497a61;
	font: 900 14px/18px "Lato", sans-serif;
	text-transform: none;
	padding: 16px 18px 16px 18px;
}
nav.primary ul ul li a:after {
	display: none !important;
}
nav.primary ul ul li a:before {
	display: none !important;
}
nav.primary ul ul li a:hover {
	background-color: rgb(214, 214, 214);
}
nav.primary .current_page_item ul,
nav.primary .current-page-ancestor ul {
	display: block;
}
nav.primary ul ul .current_page_item a,
nav.primary ul ul .current-page-ancestor a {
	background: #f2f2f2;
}

header {
	position: sticky;
	top: -50px;
	z-index: 100;
}

html {
	overflow-x: hidden;
}

.grid-container {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

.page-child main,
.page-parent main {
	padding-top: 100px;
}

.page-child .sidebar,
.page-parent .sidebar {
	top: 150px;
}

header.is_sticky nav.primary ul li a {
	background-image: none !important;
	padding-top: 43px;
	padding-bottom: 17px;
}
header.is_sticky nav.primary ul ul li a {
	padding-top: 10px;
	padding-bottom: 10px;
}
header.is_sticky .logo {
	background: url(images/logo_sticky.png) center bottom/80% auto no-repeat;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	top: 60px;
}
header.is_sticky nav.quick ul li:first-of-type a {
	display: none;
}
header.is_sticky ul ul {
	height: 36px;
	bottom: -36px;
}

/*=======================================================
=======================================================
=======================================================
                     	content                 
=======================================================
=======================================================                     	
======================================================= */
.content {
	float: left;
	position: relative;
	padding: 35px 4%;
	background: #ffffff;
}

h1 {
	font: 700 24px/27px "Lato", sans-serif;
	color: #444444;
	padding: 20px 0 20px 0;
}

h2 {
	font: 300 35px/35px "Lato", sans-serif;
	padding: 30px 0 15px 0;
}
h2 .schraffur {
	line-height: 29px;
}

h3 {
	font: 900 18px/25px "Lato", sans-serif;
	padding: 20px 0 20px 0;
	color: #497a61;
}

h4 {
	font: 700 13px/16px "Lato", sans-serif;
	margin: 20px 0 10px 0;
	padding: 0px 50px 2px 10px;
	background: #497a61;
	color: #ffffff;
	text-align: left;
	display: inline-block;
	z-index: 60;
}

.metadata {
	font: 400 12px/16px "Lato", sans-serif;
	font-style: italic;
	display: block;
	margin: -12px 0 24px 0;
}

.wp-caption {
	font: 400 12px/16px "Lato", sans-serif;
	font-style: italic;
	margin: 5px 0 20px 0;
}
.wp-caption .wp-caption-text {
	margin: 4px 0 0 0;
}

.schraffur {
	font-family: "Chalkboy", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.content p a {
	color: #497a61;
	font-weight: 900;
	display: inline-block;
}
.content p a:hover {
	text-decoration: underline;
}
.content p a .cta {
	font-weight: 400 !important;
}

.content p .cta a {
	font-weight: 400 !important;
}

.content ul li, .sidebar ul li, .section ul li {
	padding: 0 0 0 15px;
	background: url(images/bullet.png) left 9px/auto 6px no-repeat;
}

.content ul {
	padding: 0 0 20px 25px;
}
.content ul.halfs {
	padding: 0;
}
.content ul.halfs li {
	display: inline-block;
	width: 40%;
	margin: 15px 5% 15px 0;
	vertical-align: top;
	padding: 10px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-ms-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	border: 1px solid #ccc;
	list-style: none;
	background: none;
}
.content ul li a {
	color: #497a61;
	font-weight: 900;
	display: inline-block;
}
.content ul li a:hover {
	text-decoration: underline;
}

.el-halb {
	display: inline-block;
	width: 40%;
	margin: 15px 5% 15px 0;
	vertical-align: top;
	padding: 10px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-ms-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	border: 1px solid #ccc;
}

.mit_icon .el-halb {
	margin-right: 6%;
	margin-bottom: 25px;
	padding-top: 20px;
}
.mit_icon .el-halb .alignright {
	margin: -30px -30px 0 0 !important;
}

.el-drittel {
	display: inline-block;
	width: 29%;
	margin: 15px 5% 15px 0;
	vertical-align: top;
}
.el-drittel:nth-child(3n) {
	margin-right: 0;
}

.quote {
	font: 300 37px/43px "Lato", sans-serif !important;
}

h1 .quote:first-of-type, p .quote:first-of-type {
	position: relative;
}
h1 .quote:first-of-type::before, p .quote:first-of-type::before {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
	-webkit-transform: translate(-106%, -4%);
	-moz-transform: translate(-106%, -4%);
	-ms-transform: translate(-106%, -4%);
	-o-transform: translate(-106%, -4%);
	transform: translate(-106%, -4%);
	background: url(images/quote.png) center center/100% auto no-repeat;
}

.quoter {
	font-weight: 900 !important;
	color: #497a61 !important;
	font-size: 12px !important;
	margin: -10px 0 40px 0 !important;
}
.quoter:before {
	content: "– ";
}
.quoter:after {
	content: " –";
}

.cta {
	padding: 3px 10px;
	border-width: 1px;
	border-style: solid;
	border-radius: 20px;
	margin: 8px 3px 0 -3px;
	display: inline-block;
	font-size: 13px;
}

.white .cta.cta_light, .white .cta.cta_light a, .yellow .cta.cta_light, .yellow .cta.cta_light a {
	color: #497a61 !important;
	border-color: #497a61;
}
.white .cta.cta_light:hover, .white .cta.cta_light a:hover, .yellow .cta.cta_light:hover, .yellow .cta.cta_light a:hover {
	background: #e3eee6;
	color: #497a61 !important;
}
.white .cta.cta_fett, .white .cta.cta_fett a, .yellow .cta.cta_fett, .yellow .cta.cta_fett a {
	color: #ffffff !important;
	border-color: #65907b;
	background: #65907b;
}
.white .cta.cta_fett:hover, .white .cta.cta_fett a:hover, .yellow .cta.cta_fett:hover, .yellow .cta.cta_fett a:hover {
	background: #497a61;
	color: #ffffff !important;
}

.cap {
	font-size: 74px;
	line-height: 1;
	float: left;
	margin: -6px 4px -10px -5px;
	font-weight: 400;
}

.radius-tr {
	-webkit-border-radius: 0px 12px 0px 0px;
	-moz-border-radius: 0px 12px 0px 0px;
	-ms-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
}

.radius-tl {
	-webkit-border-radius: 12px 0px 0px 0px;
	-moz-border-radius: 12px 0px 0px 0px;
	-ms-border-radius: 12px 0px 0px 0px;
	border-radius: 12px 0px 0px 0px;
}

.radius-br {
	-webkit-border-radius: 0px 0px 12px 0px;
	-moz-border-radius: 0px 0px 12px 0px;
	-ms-border-radius: 0px 0px 12px 0px;
	border-radius: 0px 0px 12px 0px;
}

.radius-bl {
	-webkit-border-radius: 0px 0px 0px 12px;
	-moz-border-radius: 0px 0px 0px 12px;
	-ms-border-radius: 0px 0px 0px 12px;
	border-radius: 0px 0px 0px 12px;
}

.content img, .wp-caption {
	max-width: 100%;
	height: auto;
}

.content img.alignright {
	float: right;
	margin: 3px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 12px 0px;
	-moz-border-radius: 0px 0px 12px 0px;
	-ms-border-radius: 0px 0px 12px 0px;
	border-radius: 0px 0px 12px 0px;
	max-width: 50%;
}

.content img.alignleft {
	float: left;
	-webkit-border-radius: 12px 0px 0px 0px;
	-moz-border-radius: 12px 0px 0px 0px;
	-ms-border-radius: 12px 0px 0px 0px;
	border-radius: 12px 0px 0px 0px;
	margin: 3px 30px 30px 0;
	max-width: 50%;
}

.content img.alignnone {
	border: none;
	margin-bottom: 15px;
	-webkit-border-radius: 0px 0px 0px 12px;
	-moz-border-radius: 0px 0px 0px 12px;
	-ms-border-radius: 0px 0px 0px 12px;
	border-radius: 0px 0px 0px 12px;
}

.content .wp-caption img {
	-webkit-border-radius: 0px 12px 0px 0px;
	-moz-border-radius: 0px 12px 0px 0px;
	-ms-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
}

.content img.aligncenter {
	text-align: center;
	margin: 0 auto 15px auto;
	display: block;
	-webkit-border-radius: 0px 12px 0px 0px;
	-moz-border-radius: 0px 12px 0px 0px;
	-ms-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
}

.content a[data-fancybox] {
	display: block;
	position: relative;
	z-index: 10;
}

.content a[data-fancybox].alignnone {
	display: inline-block;
}

.gallery {
	float: left;
	position: relative;
	width: 100%;
	margin: 10px 0 20px 0;
}
.gallery .gallery-item {
	float: left;
	height: 8.1vw;
	width: auto;
	margin: 0 5px 5px 0;
}
.gallery .gallery-item:last-of-type {
	-webkit-border-radius: 0px 0px 12px 0px;
	-moz-border-radius: 0px 0px 12px 0px;
	-ms-border-radius: 0px 0px 12px 0px;
	border-radius: 0px 0px 12px 0px;
	overflow: hidden;
}
.gallery img {
	width: auto;
	height: 100%;
	display: block;
}
.gallery a {
	display: block;
	height: 100%;
	position: relative;
}

.content .video-container, .content .wp-video {
	position: relative; /* keeps the aspect ratio */
	padding-bottom: 56.3%; /* fine tunes the video positioning */
	height: 0;
	margin: 15px 0 20px 0;
	width: 100%;
	-webkit-border-radius: 0px 0px 0px 13px;
	-moz-border-radius: 0px 0px 0px 13px;
	-ms-border-radius: 0px 0px 0px 13px;
	border-radius: 0px 0px 0px 13px;
	overflow: hidden;
}

.content .mejs-audio {
	position: relative;
	margin: 0 0 20px 0;
	width: 100%;
	-webkit-border-radius: 0px 0px 13px 0;
	-moz-border-radius: 0px 0px 13px 0;
	-ms-border-radius: 0px 0px 13px 0;
	border-radius: 0px 0px 13px 0;
	overflow: hidden;
}

.mejs-mediaelement, .mejs-container {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.content .video-container iframe, .content .video-container object, .content .video-container embed,
.content .wp-video iframe, .content .wp-video object, .content wp-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #497a61 !important;
}

.mejs-time-loaded {
	background: rgba(255, 255, 255, 0.6) !important;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background: rgba(0, 0, 0, 0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(0, 0, 0, 0)", endColorstr="rgba(0, 0, 0, 0.7)",GradientType=0 ) !important; /* IE6-9 */
	height: 43px;
}

.mejs-time-rail span.mejs-time-total {
	height: 5px !important;
	margin-top: 8px !important;
	overflow: hidden !important;
}

.mejs-time-handle-content {
	height: 4px !important;
	top: -5px !important;
}

.mejs-overlay-button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	width: 80px !important;
	height: 60px !important;
	background: url(images/play-button.png) center center no-repeat !important;
	background-size: 100% auto !important;
	opacity: 1;
}
.mejs-overlay-button:hover {
	opacity: 0.7;
}

/*=======================================================
                     	Footer                 
======================================================= */
footer {
	float: left;
	position: relative;
	width: 100%;
	z-index: 100;
}
footer h2 {
	color: #ffffff;
	opacity: 0.9;
}

.sponsoren {
	padding: 40px 0 0 0;
	margin: 0 0 0px 0;
	z-index: 110;
}
.sponsoren .wrapper {
	text-align: center;
}
.sponsoren img.dev_placeholder {
	display: block;
	margin: 0 auto -80px auto;
	width: 100%;
	max-width: 800px;
	height: auto;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-ms-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #ddd;
}

.sponsoren-logos {
	display: block;
	width: 100%;
	margin: 0 auto -80px auto;
	margin: 0 auto 50px auto;
	padding: 30px 0;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-ms-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #ddd;
	border: none;
	background: #fff;
	text-align: center;
}
.sponsoren-logos a {
	display: inline-block !important;
}
.sponsoren-logos .sponsor {
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 60px;
	max-width: 240px;
	margin: 15px;
	filter: grayscale(100%);
	transition: filter 0.4s ease, opacity 0.3s ease, transform 0.2s ease;
	opacity: 0.6;
}
.sponsoren-logos .sponsor:hover {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.1);
}
.sponsoren-logos .sponsor.kleiner {
	max-height: 35px;
	max-width: 210px;
}

.footer-links {
	padding: 30px 0 180px 0;
	min-height: 400px;
	background: #497a61 url(images/bg_footer_left2.png) 5% center/auto 200% no-repeat;
}
.footer-links .column {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	position: relative;
	width: 19.7%;
	padding: 20px 0 0 4%;
}
.footer-links .column h3 {
	font: 700 14px/19px "Lato", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	padding-bottom: 15px;
}
.footer-links .column ul {
	margin: 0;
	padding: 0 0 10px 10px;
	border-left: 1px solid #ffffff;
}
.footer-links .column ul li {
	margin: 0 0 0px 0;
	background: none;
}

.footer-logo {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 150px;
	height: 120px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url(images/logo_white.png) center center/100% auto no-repeat;
}

.footer a {
	color: #eeeeee;
	text-decoration: none;
	font: normal 13px/14px Arial;
	padding: 2.5px 0;
	display: block;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.footer a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}

/*=======================================================
                     	swiper                 
======================================================= */
.slider-nav {
	position: absolute;
	bottom: 50px;
	right: 50px;
	width: 50px;
	height: 50px;
}

.swiper-button-next {
	right: 0;
	width: 25px;
	height: 25px;
	background-position: right;
	background-image: url(images/next.svg);
}

.swiper-button-prev {
	left: 0;
	width: 25px;
	height: 25px;
	background-position: left;
	background-image: url(images/prev.svg);
}

.swiper.wide-wrapper {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: top left;
	mask-image: url(images/mask-out-right.png);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	mask-position: top right;
}

.no_slider .swiper-scrollbar, .no_slider .swiper-button {
	display: none !important;
}
.no_slider .wide-wrapper {
	mask-image: unset;
}

/*=======================================================
                     	Startseite                 
======================================================= */
body.page-template-startseite {
	background: url(images/bg-body-large.jpg) center 0px/auto 100% repeat-x;
}

.page-template-startseite.content {
	width: 50%;
}

.container {
	position: relative;
	display: flex;
	flex-direction: row;
}

.sidebar-column {
	order: 2;
}

.content-column {
	flex: 1;
	order: 1;
}

.sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	padding-bottom: 15px;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;
	-webkit-transition: padding 0.5s ease;
	-moz-transition: padding 0.5s ease;
	-o-transition: padding 0.5s ease;
	transition: padding 0.5s ease;
}

.home-announce .sidebar, .home-content {
	padding-bottom: 30px;
}

.home-announce {
	position: relative;
	width: 50%;
	padding: 0 8% 0 8%;
}
.home-announce h2 {
	font: 700 45px/45px "Chalkboy", sans-serif;
	margin: -5px 0 20px 0;
}

.hero-event {
	padding: 0 0 20px 0;
}
.hero-event h3 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 60;
	width: 100%;
	display: block;
	text-align: left;
	font: 400 16px/19px "Lato", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	padding: 0 20px 10px 150px;
	margin: 0px 0 0 0;
	overflow: hidden;
	display: -webkit-box; /* Enable flexbox for text clamping */
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.sticky-active .hero-event {
	border-bottom: 1px solid #999;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.hero-img {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 50;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	aspect-ratio: 4/3;
}
.hero-img img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 0;
	margin: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	object-fit: cover;
}
.hero-img:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: rgba(73, 122, 97, 0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.7) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 122, 97, 0)), color-stop(100%, rgba(73, 122, 97, 0.7))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.7) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.7) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.7) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.7) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(73, 122, 97, 0)", endColorstr="rgba(73, 122, 97, 0.7)",GradientType=0 ) !important; /* IE6-9 */
	z-index: 51;
}

@media (min-width: 768px) and (max-height: 700px) {
	.hero-img {
		aspect-ratio: 4/2.7;
	}
}
@media (min-width: 768px) and (max-height: 650px) {
	.hero-img {
		aspect-ratio: 4/2.3;
	}
}
.hero-wrapper-events {
	display: block;
	position: relative;
	width: 100%;
	padding: 0 0 0 150px;
	margin: 10px 0 0 0;
	z-index: 52;
}

.event-meta {
	font: 700 13px/18px "Lato", sans-serif;
	color: #000;
}

.event-teaser {
	font: 400 13px/18px "Lato", sans-serif;
	padding: 0 0 0px 0;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #666;
}

.home-icon {
	position: absolute;
	bottom: -17px;
	left: 0;
	width: 90px;
	height: 90px;
	color: #fff;
	-webkit-border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-ms-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	text-align: center;
	padding: 22px 0 0 0;
	margin: -27px 0 0 25px;
	z-index: 60;
}
.home-icon .wochentag, .home-icon .wochentag:after, .home-icon .tag {
	display: inline-block;
}
.home-icon .wochentag {
	font: 300 14px/19px "Lato", sans-serif;
}
.home-icon .wochentag:after {
	content: "|";
	padding: 0 1px;
}
.home-icon .monat {
	display: block;
	font: 700 20px/22px "Lato", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.event-links {
	display: block;
}
.event-links a {
	display: inline-block;
	font-weight: 900;
	padding: 0 3px 0 0;
	font-size: 14px;
}
.event-links a:hover {
	text-decoration: underline;
}
.event-links a.tickets:before {
	content: "|";
	display: inline-block;
	padding: 0 0px;
	margin: 0 3px 0 0px;
	font-weight: 400;
}

.info {
	font-weight: 900;
}

.more-events {
	padding: 5px 0 0 0;
}

.show-all-events {
	display: block;
	text-align: center;
	padding: 20px 0 0 0;
	background: transparent !important;
}
.show-all-events a {
	display: inline-block;
}

.more-event {
	display: flex;
	flex-direction: row;
	width: 100%;
	position: relative;
	padding: 0 0 15px 0;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #999;
	text-align: left;
}
.more-event .tag, .more-event .monat {
	display: inline-block;
	padding: 0 2px 0 0;
}
.more-event h3 {
	padding: 0;
	font: 700 13.2px/16px "Lato", sans-serif;
	color: #000;
}
.more-event .event-teaser {
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
}
.more-event .event-eintritt {
	font: 700 12.9px/18px "Lato", sans-serif;
}
.more-event .event-locationname {
	font: 400 13px/18px "Lato", sans-serif;
	color: #000;
}
.more-event .event-links {
	position: relative;
	float: left;
	width: 100%;
}
.more-event .event-links a, .more-event .event-links .info {
	color: #000000;
	font: 900 12px/18px "Lato", sans-serif;
}
.more-event .event-links a:hover, .more-event .event-links .info:hover {
	color: #497a61;
	text-decoration: underline;
}

.event-left {
	width: 150px;
	font: 700 13px/16px "Lato", sans-serif;
	display: flex;
	flex-direction: row;
	color: #000;
}
.event-left .left-left {
	flex: 1;
	text-align: right;
}
.event-left .left-right {
	width: 70px;
	text-align: left;
}

.event-right {
	flex: 1;
	position: relative;
}

.page-template-list-konzerte .featured-post {
	padding-bottom: 120px;
}
.page-template-list-konzerte .more-event {
	margin: 25px 0 0 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #ddd;
}
.page-template-list-konzerte .more-event .datum {
	font: 400 15px/16px "Lato", sans-serif;
}
.page-template-list-konzerte .more-event h4 {
	font: 700 15px/22px "Lato", sans-serif;
	background: none;
	padding: 0;
	margin: 0;
	color: #444;
	display: block;
}
.page-template-list-konzerte .more-event .spacer {
	display: inline-block;
	margin: 0 7px;
}
.page-template-list-konzerte .more-event .event-right {
	padding: 0 0 0 5%;
	color: #000;
}

.old-concerts {
	border-top: 65px solid #fff;
	padding: 0;
}
.old-concerts .wrapper-content_width {
	float: left;
	position: relative;
	width: 65%;
	padding: 0 4%;
}
.old-concerts .element-half {
	opacity: 0.7;
	border-right: 1px solid #aaa;
	padding-right: 2.5%;
}
.old-concerts .element-half:hover {
	opacity: 1;
}
.old-concerts .element-meta {
	color: #333;
}

.element-half {
	float: left;
	position: relative;
	width: 47.5%;
	margin: 30px 5% 0 0;
}
.element-half:nth-child(2n) {
	margin-right: 0;
}
.element-half .element-meta {
	color: #333;
}

.no_events_scheduled #next_year {
	max-width: 80%;
	z-index: 5;
	margin-top: -70px;
}
.no_events_scheduled #next_year #cal_x5F_this_x5F_year {
	position: relative;
	z-index: 10;
}
.no_events_scheduled #next_year .this-year-group {
	position: relative;
}
.no_events_scheduled #next_year .text_current_year {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	font: 400 133px/133px "Chalkboy", sans-serif;
	fill: #ccc;
	text-align: right;
	transform: rotate(37deg) translate(505px, 200px);
}
.no_events_scheduled #next_year .text_next_year {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	font: 400 133px/133px "Chalkboy", sans-serif;
	fill: #497a61;
	text-align: right;
	transform: rotate(0deg) translate(370px, 390px);
}

.alte-konzerte .section-bg {
	background: #eee;
}
.alte-konzerte .old-concert-element {
	position: relative;
	width: 250px;
	margin: 0 10px 0 0;
	padding: 10px 5px 10px 10px;
	height: auto;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.alte-konzerte .old-concert-element h3 {
	font: 400 17px/21px "Lato", sans-serif;
	padding: 5px 0;
	color: #000;
}
.alte-konzerte .old-concert-element .post-preview {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #666;
	font: 400 14px/19px "Lato", sans-serif;
}
.alte-konzerte .old-concert-element .post-date {
	color: #666;
	font: 400 13px/16px "Lato", sans-serif;
}
.alte-konzerte .old-concert-element.more-posts {
	border: none;
	-webkit-transform: translate(-30px, 0);
	-moz-transform: translate(-30px, 0);
	-ms-transform: translate(-30px, 0);
	-o-transform: translate(-30px, 0);
	transform: translate(-30px, 0);
}

.akkordeon {
	float: left;
	position: relative;
	width: 100%;
	margin: 70px 0 0 0;
}

.akkordeon-element {
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.akkordeon-element:first-of-type {
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	-ms-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}
.akkordeon-element:last-of-type {
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 10px;
	-ms-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 0px 10px;
}
.akkordeon-element h5 {
	padding: 8px 10px 9px 20px;
	font: 700 19px/22px "Lato", sans-serif;
	color: #fff;
	letter-spacing: 0.5px;
	background-color: #b4c8bd;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 150%;
	position: relative;
}
.akkordeon-element h5:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 80px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 110%;
	background-image: url(images/akk-plus.png);
}
.akkordeon-element.open h5:after {
	background-image: url(images/akk-minus.png);
	background-size: auto 125%;
}
.akkordeon-element.open h5 {
	border-bottom: 1px solid #8eaa9b;
}
.akkordeon-element.closed h5 {
	border-bottom: 1px solid #65907b;
}
.akkordeon-element:last-of-type.closed h5 {
	border-bottom: 1px solid #8eaa9b;
}
.akkordeon-element:nth-of-type(1) h5, .akkordeon-element:nth-of-type(5) h5, .akkordeon-element:nth-of-type(9) h5 {
	background-image: url(images/akk_bg_1.png);
}
.akkordeon-element:nth-of-type(2) h5, .akkordeon-element:nth-of-type(6) h5, .akkordeon-element:nth-of-type(10) h5 {
	background-image: url(images/akk_bg_2.png);
}
.akkordeon-element:nth-of-type(3) h5, .akkordeon-element:nth-of-type(7) h5, .akkordeon-element:nth-of-type(11) h5 {
	background-image: url(images/akk_bg_3.png);
}
.akkordeon-element:nth-of-type(4) h5, .akkordeon-element:nth-of-type(8) h5, .akkordeon-element:nth-of-type(12) h5 {
	background-image: url(images/akk_bg_4.png);
}
.akkordeon-element .akk_inhalt {
	float: left;
	position: relative;
	width: 100%;
	padding: 20px 30px;
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.akkordeon-element:last-of-type .akk_inhalt {
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 10px;
	-ms-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 0px 10px;
}

.akk_inhalt a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000 !important;
}
.akk_inhalt a:hover {
	text-decoration: underline;
}
.akk_inhalt .cta {
	margin: 0 0 -5px 0;
}
.akk_inhalt .cta a:hover {
	text-decoration: none;
}

/*=======================================================
                     	 Aktuelles                
======================================================= */
.green3 {
	background-color: #a1b9ac;
}

.home-news {
	margin-top: 65px;
	text-align: left;
}
.home-news h2 {
	padding: 0 0 30px 0;
}

.section-title h2 {
	padding: 0 0 30px 0;
}

.single-news {
	border-top: 65px solid #ffffff;
	text-align: left;
}
.single-news h2 {
	padding: 0 0 30px 0;
}

.single-musikgr {
	margin-top: 0 !important;
	border-top: 65px solid #ffffff;
	text-align: left;
}
.single-musikgr h2 {
	padding: 0 0 30px 0;
}

.section .wrapper h2 {
	padding-left: 4%;
}
.section .wrapper h2 span.proben_sub {
	display: block;
	font: 400 14px/15px "Lato", sans-serif;
}

.section.with_slider {
	overflow: hidden;
}

.wide-wrapper {
	position: relative;
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
}

.wide-wrapper.slider-fullwidth {
	overflow: visible !important;
}

.hor-slide-wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.swiper-scrollbar {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	height: 2px !important;
}

.slider-fullwidth .swiper-scrollbar {
	position: relative;
	display: block;
	width: 80% !important;
	left: auto;
	top: auto;
	bottom: auto;
	margin: 40px auto -30px auto;
}

.swiper-buttons {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
}

.swiper-button {
	position: absolute;
	top: 30px;
	right: 8%;
	width: 25px;
	height: 25px;
	background: #65907b url(images/arr-right-white.png) center center/auto 50% no-repeat;
	opacity: 0.8;
	-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	-ms-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}
.swiper-button:after {
	display: none;
}
.swiper-button.swiper-button-prev {
	background: #65907b url(images/arr-left-white.png) center center/auto 50% no-repeat;
	left: auto;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	opacity: 0.6;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.swiper-button:hover {
	opacity: 1;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.post {
	position: relative;
	width: 200px;
	margin: 0 10px 0 0;
	padding: 0 15px 0 15px;
	height: auto;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.post h3 {
	font: 400 17px/21px "Lato", sans-serif;
	padding: 5px 0;
	color: #000;
}
.post .post-preview {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #666;
	font: 400 14px/19px "Lato", sans-serif;
}
.post .post-date {
	color: #666;
	font: 400 13px/16px "Lato", sans-serif;
}

.readmore {
	display: block;
	position: relative;
	font: 700 13px/22px "Lato", sans-serif;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.readmore:before {
	content: "+ ";
}
.readmore:hover {
	font-weight: 900;
	text-decoration: underline;
	text-shadow: 0px 0px 0.1px rgba(0, 0, 0, 0.5);
}

.post.sticky {
	background: #65907b;
	width: 300px;
	padding: 17px 15px 17px 25px;
	margin: 0 18px 0 0 !important;
	color: #fff;
	-webkit-border-radius: 10px 0px 10px 10px;
	-moz-border-radius: 10px 0px 10px 10px;
	-ms-border-radius: 10px 0px 10px 10px;
	border-radius: 10px 0px 10px 10px;
}
.post.sticky a, .post.sticky h3, .post.sticky .post-preview {
	color: #fff;
}
.post.sticky h3 {
	font: 800 16px/21px "Lato", sans-serif;
	letter-spacing: 0.2px;
}
.post.sticky .post-preview {
	font-weight: 300;
}
.post.sticky .readmore {
	line-height: 40px;
}

.more-posts {
	border: none;
	padding-left: 30px;
}
.more-posts a {
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-70%, -50%);
	-moz-transform: translate(-70%, -50%);
	-ms-transform: translate(-70%, -50%);
	-o-transform: translate(-70%, -50%);
	transform: translate(-70%, -50%);
}
.more-posts a span {
	padding: 3px 15px;
}

/*=======================================================
                     	Section Boxes                 
======================================================= */
.box {
	white-space: normal !important;
	display: inline-block;
	background: #fff;
	text-align: left;
	overflow: hidden;
	width: 30%;
	margin: 0 3% 0 0;
	z-index: 40;
}
.box img {
	display: inline-block;
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
.box .box-left {
	float: left;
	position: relative;
	width: 50%;
}
.box .box-left.without_box_text {
	width: 100%;
}
.box .box-left .rel {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.box .box-right {
	float: left;
	position: relative;
	margin-right: 0 !important;
	padding: 30px 5% 30px 5%;
	width: 50%;
}
.box .box-right.without_box_image {
	width: 100%;
}
.box h3 {
	font: 300 25px/26px "Lato", sans-serif;
	padding: 0 0 20px 0;
	color: #222;
}
.box .box-link-inner {
	position: absolute;
	right: 25px;
	bottom: 30px;
	width: 100%;
	height: 20px;
	z-index: 50;
	background: url(images/circ_arr_green.png) right center/auto 20px no-repeat;
	opacity: 0.7;
}
.box .box-link-inner:hover {
	opacity: 1;
}
.box.box-youtube {
	width: 200px;
	margin-right: 30px;
	position: relative;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow: visible;
	z-index: revert-layer;
	vertical-align: top;
}

.youtube_titel {
	display: block;
	position: relative;
	padding: 5px 5px 5px 5px;
	font: 300 12px/14px "Lato", sans-serif;
}

.youtube-wrapper {
	aspect-ratio: 16/9;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 10;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.youtube-wrapper img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 0;
	margin: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	object-fit: cover;
	z-index: 50;
}
.youtube-wrapper .play-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 60;
	cursor: pointer;
}
.youtube-wrapper .play-overlay:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "";
	width: 50px;
	height: 40px;
	background: url(images/play3.png) center center/100% auto no-repeat;
	opacity: 0.8;
	z-index: 70;
}
.youtube-wrapper .play-overlay:hover {
	background: rgba(0, 0, 0, 0.3);
}
.youtube-wrapper .play-overlay:hover:after {
	opacity: 1;
}
.youtube-wrapper iframe {
	width: 100%;
	height: 100%;
	z-index: 70;
}

.youtube-outer-wrapper {
	display: block;
	position: relative;
	width: 100%;
}
.youtube-outer-wrapper .privacy-info {
	position: absolute;
	left: 50%;
	top: 10%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width: 100%;
	height: 100%;
	background: #65907b;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-ms-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	z-index: 0;
	text-align: center;
	opacity: 0;
}
.youtube-outer-wrapper .privacy-info .rel {
	padding: 20px;
}
.youtube-outer-wrapper .privacy-info .privacy-agree-button {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent;
	padding: 5px 15px 6px 15px;
	font: 400 14px/14px "Lato", sans-serif;
	cursor: pointer;
	-webkit-border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-ms-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
}
.youtube-outer-wrapper .privacy-info .privacy-agree-button:hover {
	background-color: #fff;
	color: #497a61;
}
.youtube-outer-wrapper .privacy-info p {
	color: #fff;
	font: 300 13px/17px "Lato", sans-serif;
}
.youtube-outer-wrapper .privacy-info p a {
	color: #fff;
	font-weight: 700;
}
.youtube-outer-wrapper .privacy-info p a:hover {
	text-decoration: underline;
}
.youtube-outer-wrapper .privacy-info.visible {
	z-index: 100;
	width: 130%;
	height: 150%;
	opacity: 1;
}

.pause-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	display: flex;
	alignItems: center;
	justifyContent: center;
	cursor: pointer;
	z-index: 10;
}
.pause-overlay:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "";
	width: 50px;
	height: 40px;
	background: url(images/play3.png) center center/100% auto no-repeat;
	opacity: 0.8;
	z-index: 70;
}
.pause-overlay:hover {
	background: rgba(0, 0, 0, 0.55);
}
.pause-overlay:hover:after {
	opacity: 1;
}

.content .youtube-outer-wrapper .youtube-wrapper {
	-webkit-border-radius: 0px 12px 0px 0px;
	-moz-border-radius: 0px 12px 0px 0px;
	-ms-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
	margin-bottom: 20px;
}
.content .youtube-outer-wrapper .youtube-wrapper img {
	margin-bottom: 0;
	-webkit-border-radius: 0px 12px 0px 0px;
	-moz-border-radius: 0px 12px 0px 0px;
	-ms-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
}
.content .youtube-outer-wrapper .privacy-info {
	max-width: 100% !important;
	max-height: 100% !important;
	top: 0;
}
.content .youtube-outer-wrapper .privacy-info.visible {
	max-width: 100% !important;
	max-height: 100% !important;
	-webkit-border-radius: 0px 12px 0px 0px;
	-moz-border-radius: 0px 12px 0px 0px;
	-ms-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
	opacity: 0.95;
}

.content .wp-caption .youtube-wrapper {
	margin-bottom: 2px;
}
.content .wp-caption .cta {
	margin: 3px 0 0 -1px !important;
}

.swiper-proben .hor-slide-wrapper {
	text-align: center;
}

.center-content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.box-plakate {
	vertical-align: top;
	height: 280px !important;
	width: auto;
}
.box-plakate img {
	position: relative;
	width: auto;
	height: 100%;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	z-index: 40;
}
.box-plakate a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	z-index: 50;
}
.box-plakate a:after {
	content: "";
	position: absolute;
	background: url(images/circ_arr_green.png) center center/100% auto no-repeat;
	width: 20px;
	height: 20px;
	right: 15px;
	bottom: 15px;
}
.box-plakate a:hover {
	background: rgba(0, 0, 0, 0.3);
}
.box-plakate a:hover:after {
	transform: scale(1.2);
}

.wide-wrapper {
	z-index: 100;
}
.wide-wrapper .boxes-1 {
	width: 87%;
	max-width: 1090px;
	margin: 0;
}
.wide-wrapper .boxes-2 {
	width: 42%;
	margin: 0 3% 0 0;
}
.wide-wrapper .boxes-2:nth-child(2n) {
	margin-right: 0;
}

.image_only {
	width: auto !important;
	-webkit-border-radius: 0px 0px 12px 0px;
	-moz-border-radius: 0px 0px 12px 0px;
	-ms-border-radius: 0px 0px 12px 0px;
	border-radius: 0px 0px 12px 0px;
}
.image_only .box-left {
	height: 250px;
}
.image_only .box-left img {
	height: 100%;
	width: auto;
}

.section-bg {
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-news .section-bg {
	height: 100%;
}

.section-count-1 .section-bg,
.section-count-3 .section-bg,
.section-count-5 .section-bg,
.section-count-7 .section-bg,
.section-count-9 .section-bg,
.section-count-11 .section-bg,
.section-count-13 .section-bg,
.section-count-15 .section-bg,
.section-count-17 .section-bg,
.section-count-19 .section-bg {
	background-color: #e3eee6;
}

.section-count-2 .section-bg,
.section-count-4 .section-bg,
.section-count-6 .section-bg,
.section-count-8 .section-bg,
.section-count-10 .section-bg,
.section-count-12 .section-bg,
.section-count-14 .section-bg,
.section-count-16 .section-bg,
.section-count-18 .section-bg,
.section-count-20 .section-bg {
	background-color: #efeae5;
}

/*=======================================================
                    Single + Page 	                 
======================================================= */
body {
	background: url(images/bg-body-large.jpg) center 0px/auto 350px repeat-x;
	background-attachment: fixed;
}

.page_sidebar .sidebar, .page-content {
	padding-bottom: 30px;
}

.page_sidebar {
	position: relative;
	width: 35%;
	padding: 0 8% 0 6%;
}
.page_sidebar .sidebar {
	margin-top: 30px;
}
.page_sidebar .sidebar:before {
	content: "";
	width: 11px;
	min-height: 380px;
	position: absolute;
	top: -40px;
	left: -30px;
	background: url(images/sidebar-divider.png) left top/100% auto no-repeat;
}

.page-content.content {
	width: 65%;
}

.page_sidebar .sidebar ul li {
	padding: 0;
	background: none;
}
.page_sidebar .sidebar ul li a {
	font: 900 15px/16px "Lato", sans-serif;
	padding: 5px 0;
}
.page_sidebar .sidebar ul li a:hover {
	letter-spacing: 1px;
}

.category .page_sidebar .sidebar ul li a {
	font-weight: 400;
}
.category .page_sidebar .sidebar ul li.current-cat a {
	font-weight: 900;
}

.musikgruppen-template-default .page_sidebar .sidebar ul li a {
	font-weight: 400;
}
.musikgruppen-template-default .page_sidebar .sidebar ul li.current_page_item a {
	font-weight: 900;
}

.cat-description {
	margin-top: -30px;
	padding-bottom: 30px;
}

.sidebar p a {
	color: #497a61;
	font-weight: 900;
	display: inline-block;
}
.sidebar p a:hover {
	text-decoration: underline;
}
.sidebar p .cta a {
	font-weight: 400;
}

.page-content.content h1 {
	font: 700 45px/45px "Chalkboy", sans-serif;
	padding: 0 15% 0 0;
	margin: 0 0 30px 0;
}
.page-content.content h1 span.arrow {
	letter-spacing: -10px;
	display: inline-block;
	padding: 0 5px 20px 0;
}

p[align=justify] {
	text-align: left;
}

.featured-post {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 85px;
}

.featured-left, .featured-right {
	float: left;
	position: relative;
	width: 50%;
	color: #000;
}

.featured-right {
	padding: 0 0 0 30px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.featured-right h2 {
	font: 300 30px/32px "Lato", sans-serif;
	padding: 0 0 15px 0;
	margin: 0;
	color: #000;
}
.featured-right .post-preview {
	float: left;
	position: relative;
	width: 100%;
	color: #000;
}
.featured-right .post-preview:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: rgba(255, 255, 255, 0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(255, 255, 255, 0)", endColorstr="rgb(255, 255, 255)",GradientType=0 ) !important; /* IE6-9 */
}
.featured-right .readmore {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px 0 0 30px;
	line-height: 13px;
	color: #497a61;
	background: rgba(255, 255, 255, 0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(255, 255, 255, 0)", endColorstr="rgb(255, 255, 255)",GradientType=0 ) !important; /* IE6-9 */
	z-index: 50;
}
.featured-right .readmore:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 120px;
	background: rgba(255, 255, 255, 0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(255, 255, 255, 0)", endColorstr="rgb(255, 255, 255)",GradientType=0 ) !important; /* IE6-9 */
	z-index: -1;
}

.page-template-list-aktuelles .post, .category .post {
	padding: 0 5px 0 0;
	margin: 0 3.3% 30px 0;
	width: 30%;
}
.page-template-list-aktuelles .post .post-preview, .category .post .post-preview {
	font-size: 95%;
}
.page-template-list-aktuelles .post .post-date, .category .post .post-date {
	font: 400 12px/14px "Lato", sans-serif;
}
.page-template-list-aktuelles .post h2, .category .post h2 {
	font: 700 15px/19px "Lato", sans-serif;
	padding: 4px 0 4px 0;
	color: #000;
}

.content img.logo_musikgruppe {
	margin-top: -40px;
	margin-right: -10px;
}

h3 span.schraffur {
	font-size: 25px;
}

/*=======================================================

======================================================= */
.header-deco {
	position: fixed;
	right: 0;
	top: 0;
	width: 40%;
	height: 100vh;
	background: url(images/bg_top_right.png) right top/100% auto no-repeat;
	z-index: 2;
}

/*=======================================================
                   Single Konzerte  	                 
======================================================= */
.konzert_titelbild {
	width: 100%;
	height: auto;
}

.konzert_meta-left {
	float: left;
	position: relative;
	width: 45%;
	margin: 30px 5% 0 0;
	padding: 0 5% 0 0;
	border-right: 2px solid #65907b;
	font-size: 18px;
	line-height: 30px;
}

.konzert_date,
.konzert_location,
.konzert_beginn {
	font-weight: 700;
	display: block;
	width: 100%;
}

.konzert_date {
	line-height: 21px;
	padding-bottom: 10px;
	display: block;
	width: 100%;
}

.konzert_adresse {
	line-height: 21px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
}

.konzert_location {
	line-height: 21px;
	padding-bottom: 0px;
	padding-top: 5px;
	display: block;
	width: 100%;
}

.konzert_beginneinlass {
	line-height: 22px;
	padding-bottom: 6px;
	padding-top: 3px;
	display: block;
	width: 100%;
}

.konzert_eintritt {
	line-height: 22px;
	padding-bottom: 6px;
	padding-top: 6px;
	display: block;
	width: 100%;
	font-weight: 700;
}

.info-light {
	display: block;
	width: 100%;
	line-height: 22px;
	font-weight: 400;
}

.konzert_ticketlink {
	display: block;
	margin: 20px 0 0 -3px;
}
.konzert_ticketlink span {
	padding: 10px 30px;
	text-align: center;
	font: 700 18px/18px "Lato", sans-serif;
}

.konzert_meta-right {
	float: left;
	position: relative;
	width: 50%;
	margin: 30px 0% 0 0;
	padding: 0 0% 0 2.5%;
}

h3.light-header {
	font-weight: 400;
}

a.sidebar-element {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 0.7;
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 25px;
	line-height: 16px;
}
a.sidebar-element:hover {
	opacity: 1;
}

a .sidebar-element-meta {
	color: #333;
	font-size: 13px;
	line-height: 16px;
	padding-top: 2px;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	display: -webkit-box; /* Enable flexbox for text clamping */
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

/*=======================================================
                     	Tabellen                 
======================================================= */
table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed;
}
table tr:nth-child(odd) {
	background-color: #f2f2f2; /* Light gray for odd rows */
}
table tr:nth-child(even) {
	background-color: #fff; /* Light gray for odd rows */
}

.page-id-359 table td {
	padding: 8px 10px;
	border-right: 3px solid #fff;
	line-height: 18px;
}
.page-id-359 table td {
	text-align: left !important;
	width: auto !important;
	overflow: hidden; /* Hide any overflowed text */
	text-overflow: ellipsis;
}
.page-id-359 table td:nth-of-type(1) {
	width: 160px !important;
	padding-left: 8px;
}
.page-id-359 table td:nth-of-type(3) {
	width: 150px !important;
}

/*=======================================================
                     	Archiv                  
======================================================= */
.archiv-nav {
	display: block;
	width: 40px;
	height: 7px;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.8s ease;
	padding: 5px 0;
}
.archiv-nav:before {
	content: "";
	position: absolute;
	height: 30%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	left: 0;
	background: #497a61;
}
.archiv-nav span.jahreszahl {
	position: absolute;
	top: 50%;
	right: -100%;
	-webkit-transform: translate(5px, -50%);
	-moz-transform: translate(5px, -50%);
	-ms-transform: translate(5px, -50%);
	-o-transform: translate(5px, -50%);
	transform: translate(5px, -50%);
	width: 100%;
	height: 100%;
	font: 400 13px/13px "Lato", sans-serif;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.archiv-nav:hover, .archiv-nav.active {
	height: 7px;
	width: 55px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.archiv-nav:hover:before, .archiv-nav.active:before {
	height: 60%;
}
.archiv-nav:hover span.jahreszahl, .archiv-nav.active span.jahreszahl {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font: 900 13px/13px "Lato", sans-serif;
}
.archiv-nav:first-of-type, .archiv-nav:last-of-type {
	width: 55px;
	height: 15px;
}
.archiv-nav:first-of-type:before, .archiv-nav:last-of-type:before {
	height: 20%;
}
.archiv-nav:first-of-type span.jahreszahl, .archiv-nav:last-of-type span.jahreszahl {
	opacity: 1;
	-webkit-transform: translate(5px, -40%);
	-moz-transform: translate(5px, -40%);
	-ms-transform: translate(5px, -40%);
	-o-transform: translate(5px, -40%);
	transform: translate(5px, -40%);
}
.archiv-nav:first-of-type:hover:before, .archiv-nav:first-of-type.active:before, .archiv-nav:last-of-type:hover:before, .archiv-nav:last-of-type.active:before {
	height: 50%;
}

.content h2.archiv-subheadline {
	display: block;
	border-bottom: 5px solid #a1b9ac;
	padding: 30px 0 0 7%;
	font: 300 42px/23px "Lato", sans-serif;
	color: #000;
	letter-spacing: -0.5px;
	margin: 0 0 0 -7%;
}

.tabs-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding: 0 0 40px 0;
}

.tabs-headers {
	float: left;
	position: relative;
	width: 100%;
	text-align: right;
	margin: -34px 0 0 0;
	padding: 0 15px 0 0;
}
.tabs-headers .tab {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transition: transform 0.2s ease;
	-moz-transition: transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	display: inline-block !important;
	font: 700 14px/19px "Lato", sans-serif;
	padding: 0 18px 0 18px;
	color: #444;
}
.tabs-headers .tab:hover {
	transform: scale(1.1);
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
}
.tabs-headers .tab.active {
	background: #fff;
	font-weight: 400;
	border: 2px solid #a1b9ac;
	border-bottom: none;
	padding: 7px 15px 9px 15px;
	-webkit-border-radius: 0px 8px 0px 0px;
	-moz-border-radius: 0px 8px 0px 0px;
	-ms-border-radius: 0px 8px 0px 0px;
	border-radius: 0px 8px 0px 0px;
}
.tabs-headers .tab.active:hover {
	transform: scale(1.01);
}

.tabs-bodys {
	float: left;
	position: relative;
	width: 100%;
}
.tabs-bodys .tab-content {
	padding: 20px 0 0 0;
	visibility: hidden;
}
.tabs-bodys .tab-content.active {
	visibility: visible;
}
.tabs-bodys .tab-content h3 {
	font: 400 15px/19px "Lato", sans-serif;
	color: #888;
	letter-spacing: 0.5px;
	padding: 5px 0;
}
.tabs-bodys .tab-content .archiv-post {
	font-weight: 700;
	margin: 0 0 0 18px;
	padding: 0 0 0 25px;
	border-left: 1px solid #497a61;
}
.tabs-bodys .tab-content .archiv-post span {
	background: #eee;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-ms-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	color: #497a61;
	font: 400 13px/19px "Lato", sans-serif;
	display: inline-block;
	padding: 0 8px;
}

.tab-content.medien img {
	float: left;
	position: relative;
	width: 100px;
	height: auto;
	margin: 0 5px 5px 0;
}

a.link-wrap:hover .info, a.link-wrap:hover .readmore,
a.link-wrap:hover .tickets {
	text-decoration: underline;
}

.event-right .link-wrap {
	color: #000;
}

/*=======================================================
            	Mitgliederbereich / Intern                 
======================================================= */
.sr-only {
	display: none;
}

.intern-hinweis {
	display: block;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 15px 15px 15px 50px;
	background: #f7f7f7 url(images/hidden.png) 15px center/25px auto no-repeat;
	margin: 5px auto;
}
.intern-hinweis button {
	background: transparent;
	border: 1px solid #497a61;
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-ms-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	padding: 3px 10px;
	cursor: pointer;
	float: right;
	color: #666;
	opacity: 0.9;
}
.intern-hinweis button:hover {
	background: #65907b;
	color: #fff;
	opacity: 1;
}

#members_login {
	-webkit-border-radius: 0px 15px 0px 0px;
	-moz-border-radius: 0px 15px 0px 0px;
	-ms-border-radius: 0px 15px 0px 0px;
	border-radius: 0px 15px 0px 0px;
	width: 300px;
	height: auto;
	min-height: 300px;
	padding: 40px;
}

#access-form {
	display: block;
	position: relative;
	padding: 15px 0;
}
#access-form input[type=text] {
	width: 100%;
	font: 700 20px/20px "Lato", sans-serif;
	text-align: center;
	padding: 10px;
	border: 1px solid #ccc;
}
#access-form button {
	display: block;
	width: 100%;
	margin: 15px 0 0 0;
	cursor: pointer;
	font: 400 17px/19px "Lato", sans-serif;
	color: #fff;
	background: #497a61;
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-ms-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	padding: 15px 0;
	opacity: 0.85;
	border: none;
}
#access-form button:hover {
	opacity: 1;
}

.login_note {
	padding: 0 15px 0 0;
}
.login_note.red_note {
	color: red;
}
.login_note.green_note {
	color: green;
}

input::placeholder {
	color: #999;
	font-weight: 300;
	font-style: italic;
	opacity: 1; /* Ensures full visibility in some browsers */
}

/* Focused input placeholder styles */
input:focus::placeholder {
	color: #ddd;
	font-weight: 700;
	font-style: normal;
}

.int_wrapper {
	display: inline-block;
}

.fancybox-button.fancybox-close-small {
	width: 60px;
	height: 60px;
}

body.compensate-for-scrollbar {
	overflow: unset;
}

.mitgliederbereich {
	border: 1px dashed #a1b9ac;
	position: relative;
	padding: 3px 1px;
}
.mitgliederbereich:after {
	content: "intern";
	background: #fff;
	color: #a1b9ac;
	font: 400 11px/11px "Lato", sans-serif;
	position: absolute;
	top: -6px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 0px 2px;
}

/*=======================================================
                     	Forms                 
======================================================= */
form p {
	font: 400 14px/21px "Lato", sans-serif !important;
}
form input[type=submit] {
	background: #497a61 !important;
	color: #fff !important;
	border: none !important;
	font: 400 16px/21px "Lato", sans-serif !important;
	padding: 10px 20px !important;
	margin: 0 0 0 -3px !important;
	cursor: pointer !important;
}
form input[type=submit]:hover {
	background: #65907b !important;
}
form input[type=text], form input[type=email], form textarea {
	padding: 7px 10px !important;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #f9f9f9 !important;
	border: 1px solid #aaa !important;
	font: 400 16px/21px "Lato", sans-serif !important;
	width: 400px !important;
	max-width: 100% !important;
}

#content #nex-forms .inner-canvas-container {
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.image-choices-field label.radio-inline.radio_selected .thumb-image-outer-wrap {
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0) !important;
}

.radio-inline:hover .thumb-image-outer-wrap {
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0) !important;
}

#content #nex-forms h3 {
	color: #497a61;
	font-size: 17px;
	margin-top: -10px;
	padding: 0 0 5px 0;
}

.image-choices-choice .radio-inline {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #ccc !important;
}
.image-choices-choice .radio-inline:hover {
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #555 !important;
}
.image-choices-choice .radio-inline.radio_selected {
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
	border: 1px solid #555 !important;
}

#_70164 span.ui-slider-handle {
	min-height: 40px;
}
#_70164 .slider.ui-slider {
	margin-top: 18px !important;
}
#_70164 span.count-text {
	font-size: 20px;
	line-height: 30px;
	padding: 0px 15px !important;
}
#_70164 span.count-text:after {
	content: "€";
	padding: 0 0 0 3px;
}

#nex-forms .input-group-addon {
	border-color: #aaa !important;
}

.nf_ms_breadcrumb li {
	background: transparent !important;
}

#_8279[data-id=_8279] {
	margin-bottom: 0 !important;
}

#content #nex-forms .paragraph a {
	display: inline-block;
}

span.br {
	display: block;
}

/*==================================================================
    				Privacy - Opt-In - Overlay /(Consent-Management)              	                 
================================================================== */
#full-overlay {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0.4);
	overflow: auto;
}

.overlay {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	width: 90%;
	max-width: 900px;
	height: auto;
	left: 50%;
	top: 10%;
	border: 1px solid #eee;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	padding: 50px 5%;
	margin-bottom: 50px;
	box-sizing: border-box;
	background-color: #fff;
	font: 400 14px/20px Arial, sans-serif;
	color: #666;
	text-align: left;
}
.overlay p a {
	font: 400 14px/20px Arial, sans-serif;
	color: #1048a2;
	text-decoration: underline;
}
.overlay p a:hover {
	color: #aaa;
}
.overlay .buttons {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 40px;
	text-align: center;
}
.overlay .buttons .cta-button {
	display: inline;
	border: 3px solid #497a61;
	background-color: #497a61;
	color: #fff;
	font: 400 18px/24px Arial, sans-serif;
	padding: 8px 20px;
	margin: 0 15px;
	cursor: pointer;
	text-decoration: none;
}
.overlay .buttons .cta-button:hover {
	background-color: #fff;
	color: #497a61;
}
.overlay h3 {
	font: 400 25px/25px Arial, sans-serif;
	text-align: left;
	color: #666;
}

.opt {
	float: left;
	position: relative;
	width: 100%;
	padding: 0 0 20px 0;
}
.opt h4 {
	padding: 0 0 0 66px;
	margin: 0 0 0px 0;
	font: 700 16px/16px Arial, sans-serif;
	color: #666;
	background: transparent;
	display: block;
}
.opt input[type=checkbox] {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 10px;
	top: 7px;
	font-size: 25px;
}
.opt label {
	padding: 0 0 0 66px;
	font: 400 13px/15px Arial, sans-serif;
	color: #999;
	float: left;
}
.opt label strong {
	text-shadow: none;
}
.opt label .switch {
	position: absolute;
	top: 0px;
	left: 0;
	width: 50px;
	height: 25px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-ms-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	background: #ccc;
	border: 1px solid #ccc;
	cursor: pointer;
}
.opt label .switch:after {
	content: "Aus";
	position: absolute;
	right: 4px;
	top: 4px;
	font: 400 11px/15px Arial, sans-serif;
	color: #fff;
}
.opt label .switch:before {
	content: "";
	position: absolute;
	left: 6px;
	top: 4px;
	font: 400 11px/15px Arial, sans-serif;
	color: #fff;
}
.opt label .switch .handle {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 18px;
	height: 18px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-ms-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	-webkit-transition: left 0.3s ease;
	-moz-transition: left 0.3s ease;
	-o-transition: left 0.3s ease;
	transition: left 0.3s ease;
}
.opt label .switch.on {
	background: #5CB859;
}
.opt label .switch.on .handle {
	left: 27px;
}
.opt label .switch.on:after {
	content: "";
}
.opt label .switch.on:before {
	content: "Ein";
}

#cookie-settings {
	display: none;
}
#cookie-settings a {
	display: inline-block;
}

a.cookie_settings {
	cursor: pointer;
}

#matomo-opt-out {
	position: absolute;
	left: -9999em;
}

@media only screen and (max-width: 500px) {
	.overlay .buttons .cta-button {
		display: block;
		margin: 0 auto 20px auto;
		width: 80%;
	}
}
@media only screen and (min-width: 1400px) {
	.header-deco {
		width: 36%;
	}
	.gallery .gallery-item {
		height: 5.8vw;
	}
	.page_sidebar .sidebar ul li a {
		font: 900 15px/16px "Lato", sans-serif;
	}
	main .wrapper {
		width: 85%;
		max-width: 1400px;
	}
}
@media only screen and (max-width: 1400px) {
	.wrapper {
		width: 90%;
	}
	main {
		width: 100%;
		padding: 75px 0 0 0;
	}
	.content {
		width: 50%;
	}
	nav.primary {
		padding: 0 0 0 15%;
	}
	nav.secondary {
		padding: 0 3% 0 0;
		z-index: 100;
	}
	nav.quick {
		right: -3%;
		-webkit-transform: translate(0%, 0);
		-moz-transform: translate(0%, 0);
		-ms-transform: translate(0%, 0);
		-o-transform: translate(0%, 0);
		transform: translate(0%, 0);
	}
	.content h2.archiv-subheadline {
		padding-left: 4.5%;
		margin-left: -6%;
		width: 109%;
		line-height: 26px;
	}
	.tabs-headers {
		padding-left: 2%;
		margin-left: -4.5%;
		margin-top: -33px;
		width: 109%;
	}
	.tabs-headers .tab {
		padding: 3px 10px 3px 10px;
		max-width: 140px;
		text-align: center;
		vertical-align: top;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tabs-headers .tab.active {
		padding: 6px 10px 14px 10px;
		margin-top: -5px;
	}
	.mit_icon .el-halb {
		width: 45%;
		margin-right: 8%;
	}
	.mit_icon .el-halb:nth-child(2n) {
		margin-right: 0%;
	}
}
@media only screen and (max-width: 1200px) {
	.sidebar-column {
		width: 25%;
		padding-right: 0;
	}
	.sidebar-column.home-announce {
		width: 50%;
		padding-right: 0;
	}
	.sidebar:before {
		left: -35px !important;
	}
	#content {
		width: 75%;
	}
}
@media only screen and (max-width: 1024px) {
	header {
		top: 0;
		height: 90px;
		background: #497a61;
		-webkit-transition: top 0.4s ease;
		-moz-transition: top 0.4s ease;
		-o-transition: top 0.4s ease;
		transition: top 0.4s ease;
	}
	.logo {
		top: 45px;
		background-position: center 65%;
	}
	header.is_sticky {
		top: -30px;
	}
	header.is_sticky .logo {
		background-position: center 62%;
	}
	main {
		padding-top: 55px !important;
	}
	/*=======================================================
	                     	Mobile Nav                 
	======================================================= */
	.nav-wrapper {
		position: fixed;
		left: 0;
		top: -110vh;
		width: 100%;
		height: 100vh;
		background: #497a61;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.nav-container {
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		padding: 90px 10% 0 10%;
	}
	.nav_toggle {
		position: fixed;
		right: 5%;
		top: 25px;
		z-index: 150;
		width: 45px;
		height: 45px;
		opacity: 0.9;
		background: url(images/nav-open.png) center center/100% auto no-repeat;
		-webkit-border-radius: 100px 100px 100px 100px;
		-moz-border-radius: 100px 100px 100px 100px;
		-ms-border-radius: 100px 100px 100px 100px;
		border-radius: 100px 100px 100px 100px;
	}
	.is_sticky .nav_toggle {
		top: 7px;
	}
	.nav_open {
		position: fixed;
		top: 0;
		left: 0;
		overflow-x: hidden;
	}
	.nav_open .nav_toggle {
		top: 35px !important;
		right: 5% !important;
		background: url(images/nav-close.png) center center/100% auto no-repeat;
	}
	.nav_open .nav-wrapper {
		left: 0;
		top: 0;
	}
	.navigation-secondary {
		float: right;
		position: relative;
		width: 100%;
		background: none;
		text-align: left;
		margin: 0 -30px 0 0 !important;
	}
	.navigation-secondary a {
		color: #fff !important;
		font: 400 14px/19px "Lato", sans-serif !important;
	}
	.navigation-secondary a:after {
		margin: 0 10px 0 10px !important;
	}
	.navigation-secondary ul {
		text-align: right;
	}
	.navigation-secondary li {
		opacity: 0.7;
	}
	.navigation-secondary li:last-of-type {
		opacity: 1;
	}
	.navigation-secondary li.menu-item-44 {
		display: none;
	}
	.navigation-secondary li.int_wrapper {
		opacity: 0.7 !important;
	}
	.navigation-primary {
		position: relative;
		width: 100%;
		background: none;
		text-align: left;
		margin: 50px 0px 0 0 !important;
		height: auto !important;
	}
	.navigation-primary .wrapper {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	.navigation-primary nav.primary {
		padding: 0 !important;
		width: 100%;
	}
	.navigation-primary nav.primary li {
		position: relative !important;
		display: block !important;
	}
	.navigation-primary nav.primary li.current_page_item.menu-item-has-children a:after, .navigation-primary nav.primary li.current-page-ancestor a:after {
		display: none !important;
	}
	.navigation-primary nav.primary a {
		color: #fff !important;
		font: 900 16px/19px "Lato", sans-serif !important;
		letter-spacing: 0.5px;
		padding: 30px 20px 30px 80px;
		background-position: 20px center !important;
		opacity: 1;
		position: relative;
		z-index: 40;
	}
	.navigation-primary nav.primary a:before {
		background: rgba(255, 255, 255, 0.15); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(255, 255, 255, 0.15)", endColorstr="rgba(255, 255, 255, 0)",GradientType=0 ) !important; /* IE6-9 */
	}
	.navigation-primary nav.primary ul ul {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		bottom: unset;
		left: unset;
		background: none;
		margin: -10px 0 0 0;
		padding: 0 0 20px 0;
		z-index: 50;
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
	}
	.navigation-primary nav.primary ul ul li.current_page_item a, .navigation-primary nav.primary ul ul li.current-page-ancestor a {
		background: transparent;
		-webkit-border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-ms-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border: 1px solid rgba(255, 255, 255, 0.7);
	}
	.navigation-primary nav.primary ul ul li a {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 20px;
		margin-left: 60px;
		margin-right: 60px;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
		font-weight: 400 !important;
		font-size: 15px;
		opacity: 1;
		letter-spacing: 0.2px;
		z-index: 60sddsdd;
	}
	.navigation-primary nav.primary ul ul li a:hover {
		background: transparent;
	}
	.navigation-primary nav.quick {
		float: left;
		position: relative;
		width: 104%;
		bottom: unset;
		right: unset;
		display: block;
		margin: 50px 0 0 0 !important;
		padding-bottom: 150px;
	}
	.navigation-primary nav.quick li {
		display: inline-block !important;
		width: 29%;
		margin: 0 1.5%;
	}
	.navigation-primary nav.quick li a {
		display: block;
		opacity: 1;
		padding: 10px 15px;
		text-align: center;
		font: 400 13px/15px "Lato", sans-serif;
	}
	/*=======================================================
	                 E N D :  Mobile Nav	                 
	======================================================= */
	.content h2.archiv-subheadline {
		padding-left: 4.5%;
		margin-left: -4.5%;
		width: 109%;
		line-height: 50px;
	}
	.tabs-headers {
		padding-left: 2%;
		margin-left: -4.5%;
		margin-top: 0;
		width: 109%;
		border-bottom: 1px solid #a1b9ac;
	}
	.tabs-headers .tab {
		font: 700 13px/19px "Lato", sans-serif;
		padding: 5px 8px 5px 8px;
		margin: 0 0 0 0;
		width: 20%;
		text-align: center;
		vertical-align: top;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tabs-headers .tab.active {
		padding: 5px 8px 10px 8px;
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		-ms-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
		border-top: none;
		margin-bottom: -5px;
		margin-top: 0;
	}
	.archiv-nav {
		height: 20px;
	}
	.archiv-nav:before {
		height: 20%;
	}
	.archiv-nav span.jahreszahl {
		font: 400 13px/13px "Lato", sans-serif;
		opacity: 1;
	}
	.archiv-nav:hover, .archiv-nav.active {
		height: 25px;
	}
	.archiv-nav:hover:before, .archiv-nav.active:before {
		height: 20%;
	}
	.archiv-nav:hover span.jahreszahl, .archiv-nav.active span.jahreszahl {
		font: 700 14px/13px "Lato", sans-serif;
		opacity: 1;
		-webkit-transform: translate(5px, -30%);
		-moz-transform: translate(5px, -30%);
		-ms-transform: translate(5px, -30%);
		-o-transform: translate(5px, -30%);
		transform: translate(5px, -30%);
	}
	.el-drittel {
		width: 40%;
		margin-right: 5%;
	}
	.el-drittel:nth-child(3n) {
		margin-right: 5%;
	}
	.el-drittel:nth-child(2n+1) {
		margin-right: 0%;
	}
}
@media only screen and (max-width: 900px) {
	main .wrapper {
		width: 70%;
	}
	.container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#content {
		width: 100%;
	}
	.sidebar-column {
		width: 100%;
		padding-left: 25px;
	}
	.sidebar-column .sidebar {
		position: relative;
		top: unset;
	}
	.sidebar-column .sidebar:before {
		display: none;
	}
	.sidebar-column.home-announce {
		width: 100%;
		order: 1;
		padding: 0 0 50px 0;
	}
	.sidebar-column.home-announce h2.schraffur {
		margin-top: -30px;
		margin-bottom: 5px;
	}
	.sidebar-column.home-announce .hero-event h3 {
		font: 400 21px/22px "Lato", sans-serif;
	}
	.hero-img:after {
		width: 100%;
		height: 60%;
		background: rgba(73, 122, 97, 0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.9) 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 122, 97, 0)), color-stop(100%, rgba(73, 122, 97, 0.9))) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.9) 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.9) 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.9) 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom, rgba(73, 122, 97, 0) 0%, rgba(73, 122, 97, 0.9) 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(73, 122, 97, 0)", endColorstr="rgba(73, 122, 97, 0.9)",GradientType=0 ) !important; /* IE6-9 */
	}
	.home-icon {
		bottom: -20px;
		left: -5px;
		width: 100px;
		height: 100px;
	}
	.home-icon .wochentag, .home-icon .tag {
		font-size: 17px;
		line-height: 20px;
	}
	.home-icon .monat {
		font: 700 25px/25px "Lato", sans-serif;
	}
	.hero-event .event-meta,
	.hero-event .event-teaser {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.more-event .event-left, .more-event .event-right,
	.more-event .event-right .event-locationname,
	.more-event .event-right .event-teaser,
	.more-event .event-right .event-links {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.more-events .show-all-events {
		padding-top: 15px;
	}
	.more-events .more-event {
		display: none;
	}
	.hero-event {
		border-bottom: 1px solid #bbb;
		padding-bottom: 15px;
	}
	.sponsoren .wrapper {
		width: 100%;
	}
	.footer-links {
		padding-bottom: 220px;
	}
	.footer-links h2 {
		padding-left: 0 !important;
	}
	.footer-links .column {
		padding-left: 30px;
		width: 32%;
	}
	.footer-links .wrapper {
		width: 100%;
		overflow-x: hidden;
	}
	.footer-logo {
		width: 180px;
		height: 140px;
	}
	.featured-post {
		padding-bottom: 35px !important;
	}
	.featured-left {
		width: 100%;
	}
	.featured-right {
		width: 100%;
		padding: 20px 0 0 15px;
		height: auto !important;
	}
	.featured-right .readmore {
		padding-left: 15px;
	}
	.featured-right .readmore:before {
		display: none;
	}
	.konzert_meta-left {
		width: 100%;
		padding: 0;
		margin: 0;
		border: none;
		padding-top: 20px;
	}
	.konzert_meta-right {
		width: 100%;
		padding: 0;
		margin: 0;
		border: none;
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
	}
	.page-content.content h1 {
		margin-bottom: 20px;
	}
	.page-template-list-konzerte .more-event:nth-of-type(2) {
		border-top: 1px solid #ccc;
		padding-top: 40px;
	}
	.content-spacer {
		float: left;
		position: relative;
		width: 100%;
		height: 1px;
		border-top: 1px solid #ccc;
		height: 45px;
	}
	.page-template-list-aktuelles .post,
	.category .post {
		width: 31%;
		padding-right: 10px;
	}
	.page-template-list-aktuelles .post:nth-child(3n),
	.category .post:nth-child(3n) {
		margin-right: 0%;
		border-right: none;
		padding-right: 0;
	}
	.header-deco {
		width: 120%;
		top: -100px;
		right: -20%;
		height: 125vh;
	}
	body {
		background-size: cover !important;
	}
	.el-halb {
		width: 100%;
		margin: 10px 0;
		border-color: #aaa;
	}
	.mit_icon .el-halb {
		width: 99%;
		margin-right: 1%;
	}
	.gallery .gallery-item {
		height: 10vw;
	}
	.wide-wrapper .boxes-2,
	.wide-wrapper .boxes-1 {
		width: 80%;
		margin: 30px 0px 0 0;
		display: block;
		white-space: break-spaces;
	}
	.wide-wrapper .boxes-2:first-of-type,
	.wide-wrapper .boxes-1:first-of-type {
		margin-top: 0;
	}
	.no_slider .box {
		margin-left: auto !important;
		margin-right: auto !important;
		height: auto !important;
	}
	.no_slider .box .box-right {
		height: auto !important;
	}
	.content h2.archiv-subheadline {
		padding-left: 4.5%;
		margin-left: -4.5%;
		width: 109%;
		line-height: 58px;
	}
}
@media only screen and (max-width: 768px) {
	img.sponsor {
		max-height: 50px !important;
		max-width: 200px !important;
		margin: 10px;
	}
	img.sponsor.kleiner {
		max-height: 30px !important;
		max-width: 150px !important;
		margin: 10px;
	}
	.page-template-list-aktuelles .post,
	.category .post {
		margin-right: 0% !important;
		border-right: 1px solid rgba(0, 0, 0, 0) !important;
		padding-right: 10px !important;
		width: 47.5% !important;
	}
	.page-template-list-aktuelles .post:nth-child(2n),
	.category .post:nth-child(2n) {
		margin-right: 5% !important;
		border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
}
#nex-forms .the-thumb-image {
	max-height: 100px !important;
	width: auto !important;
}

@media only screen and (max-width: 700px) {
	.nav-container {
		padding: 90px 5% 0 5%;
	}
	.event-left {
		align-items: flex-start;
	}
	.featured-right {
		padding: 20px 0 0 10px;
	}
	.featured-right .readmore {
		padding-left: 10px;
	}
}
@media only screen and (max-width: 600px) {
	main .wrapper {
		width: 90%;
	}
	.wide-wrapper {
		padding-left: 6%;
	}
	.no_slider .wide-wrapper {
		padding-left: 0;
	}
	.no_slider .box .box-right {
		width: 100%;
	}
	.no_slider .box .box-left {
		width: 100%;
	}
}
@media only screen and (max-width: 500px) {
	.event-left {
		width: 120px;
	}
	.home-icon {
		bottom: -10px;
		left: -10px;
	}
	.hero-event h3 {
		bottom: 8px;
		line-height: 24px !important;
		padding-left: 130px;
	}
	.hero-wrapper-events {
		padding: 20px 0 0 35px;
		margin: 0px 0 0 0;
	}
	.swiper.wide-wrapper {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		-webkit-mask-position: top left;
		mask-image: url(images/mask-out-right-mobile.png);
		mask-repeat: no-repeat;
		mask-size: 100% 100%;
		mask-position: top right;
	}
	.nav_open .logo {
		width: 130px;
		height: 130px;
		top: 40px;
	}
	nav.secondary {
		padding-right: 8%;
	}
	nav.secondary a:after {
		margin: 0 3px !important;
	}
	.no_slider .wide-wrapper {
		mask-image: unset !important;
	}
	.no_slider .box {
		width: 96%;
	}
	.footer-links .column {
		padding-left: 20px;
		width: 45%;
	}
	main .wrapper {
		width: 100%;
	}
	.featured-right {
		padding: 15px 0 0 0px;
	}
	.featured-right .readmore {
		padding-left: 0px;
	}
	.page-template-startseite main .wrapper {
		width: 90%;
	}
	.gallery .gallery-item {
		height: 19vw;
	}
	.page-id-359 table td {
		font: 400 12px/16px "Lato", sans-serif !important;
	}
	.page-id-359 table td:nth-of-type(1) {
		width: 120px !important;
	}
	.tab-content.medien img {
		width: 32%;
		margin: 0 1% 1% 0;
	}
	.tabs-headers .tab {
		padding: 7px 5px 3px 5px;
	}
	.tabs-headers .tab.active {
		padding: 7px 5px 14px 5px;
	}
}
@media only screen and (max-width: 400px) {
	.nav-container {
		padding-top: 110px;
	}
	.navigation-primary {
		margin-top: 25px !important;
	}
	nav.quick {
		width: 119% !important;
		-webkit-transform: translate(-7%, 0);
		-moz-transform: translate(-7%, 0);
		-ms-transform: translate(-7%, 0);
		-o-transform: translate(-7%, 0);
		transform: translate(-7%, 0);
	}
	.page-template-list-aktuelles .post,
	.category .post,
	.page-template-list-aktuelles .post:nth-child(2n),
	.category .post:nth-child(2n) {
		margin-right: 0% !important;
		border-right: 0px solid rgba(0, 0, 0, 0) !important;
		padding-right: 0px !important;
		width: 100% !important;
	}
	.page-template-list-aktuelles .content .post .readmore,
	.category .content .post .readmore {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: auto;
		padding: 30px 0 0 0px;
		line-sheight: 13px;
		background: rgba(255, 255, 255, 0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255))) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgba(255, 255, 255, 0)", endColorstr="rgb(255, 255, 255)",GradientType=0 ) !important; /* IE6-9 */
		z-index: 50;
	}
}
@media (min-width: 768px) and (max-height: 650px) {
	a.sidebar-element {
		padding-bottom: 15px;
	}
}

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