@font-face {
	font-family: 'icomoon';
	src:url('../icon_font/icomoon.eot?b71hi3');
	src:url('../icon_font/icomoon.eot?#b71hi3#iefix') format('embedded-opentype'),
		url('../icon_font/icomoon.woff?b71hi3') format('woff'),
		url('../icon_font/icomoon.ttf?b71hi3') format('truetype'),
		url('../icon_font/icomoon.svg?b71hi3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-okh-logo-01:before {
  content: "\e901";
  
  font-size: 6.3em;
}
.icon-land:before {
  content: "\e903";
  font-size: 3.3em;
}
.icon-bka_logo_weiss:before {
  content: "\e904";
  font-size: 4.6em;
}
.icon-kirtag:before {
  content: "\e905";
  font-size: 1.2em;
}
.icon-freieszene_logo:before {
  content: "\e906";
  font-size: 1.7em;
}
.icon-BKA_Logo_weiss:before {
  content: "\e900";
  color: #868988;
  font-size: 4.6em;
}
.icon-stadt:before {
  content: "\e902";
  font-size: 3.3em;
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-rss:before {
  content: "\ea9b";
}


--------


.dbox{
	line-height:130%; 
	width: 100%;
	margin-bottom: 6em;
}
#para30 h3 {
	margin: 0.4em 0 0 46px;
}
#para31 h3 {
	margin: 0.4em 0 0 46px;
}
#para32 h3 {
	margin: 0.4em 0 0 46px;
}
/* für die Links nebeneinander */
#menu10 {
	text-align: center;
	text-align: center;
	margin: 7em 0 2em 0;
}
ul#menu10 {
	position: relative;
	overflow: hidden;
}
#menu10 ul {
	padding:0px;
	margin:0px;
	overflow: hidden;
}

#menu10 li {
list-style: none;
}

@media (max-width: 800px) {
	#menu10 li {
		margin-top: 40px
	}
}

@media (min-width: 800px) {
	#menu10 li {
		display: inline;
	}
}

#menu11 {
	text-align: center;
	text-align: center;
	margin: 7em 0 2em 0;
}
@media (max-width: 980px) {
	#menu11 {
		display: none;
	}
}
ul#menu11 {
	position: relative;
}
#content ul#menu11 li {
	list-style: none;
}

#menu11 li a {
	text-decoration: none;
	text-transform: none;
	color: #7cc2d8;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #7cc2d8;
	padding: 11px 49px 9px 49px;
	letter-spacing: 0.5em;
	margin: 2px -8px 2px 19px;
	position: relative;
	top: -7px;
	overflow: hidden;
}

#menu11 li a:hover {
	color:#BEBEBE;
	border: 2.5px solid #BEBEBE;
}

#menu11 li a.active {
	background-color: #999;
	color: white;
	border: 2.5px solid #999
}

#menu10 li a {
	text-decoration: none;
	text-transform: none;
	color: white;
	background-color: #CDCDCD;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #CDCDCD;
	padding: 11px 49px 9px 49px;
	letter-spacing: 0.5em;
	margin: 2px -8px 2px 19px;
	position: relative;
	top: -7px;
	overflow: hidden;
}

#menu10 li a:hover {
	color: white;
	border: 2.5px solid #BEBEBE;
	background-color: #BEBEBE;
}

#menu10 li a.active {
	background-color: #999;
	color: white;
	border: 2px solid #999
}
@media (min-width: 800px) {
	#menu10 li a{
		float: left;
		border-bottom-color: #7cc2d8;
		top: 2px;
	}
		ul#menu10:after {
		content: '';
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom: 2px solid #999;
	}
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Light.eot');
    src: local('Fira Sans Light'),
         url('eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('woff/FiraSans-Light.woff') format('woff'),
         url('ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-LightItalic.eot');
    src: local('Fira Sans Light Italic'),
         url('eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-LightItalic.woff') format('woff'),
         url('ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Regular.eot');
    src: local('Fira Sans Regular'),
         url('eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('woff/FiraSans-Regular.woff') format('woff'),
         url('ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-RegularItalic.eot');
    src: local('Fira Sans Regular Italic'),
         url('eot/FiraSans-RegularItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-RegularItalic.woff') format('woff'),
         url('ttf/FiraSans-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Medium.eot');
    src: local('Fira Sans Medium'),
         url('eot/FiraSans-Medium.eot') format('embedded-opentype'),
         url('woff/FiraSans-Medium.woff') format('woff'),
         url('ttf/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-MediumItalic.eot');
    src: local('Fira Sans Medium Italic'),
         url('eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-MediumItalic.woff') format('woff'),
         url('ttf/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Bold.eot');
    src: local('Fira Sans Bold'),
         url('eot/FiraSans-Bold.eot') format('embedded-opentype'),
         url('woff/FiraSans-Bold.woff') format('woff'),
         url('ttf/FiraSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-BoldItalic.eot');
    src: local('Fira Sans Bold Italic'),
         url('eot/FiraSans-BoldItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-BoldItalic.woff') format('woff'),
         url('ttf/FiraSans-BoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('eot/FiraMono-Regular.eot');
    src: local('Fira Mono'),
         url('eot/FiraMono-Regular.eot') format('embedded-opentype'),
         url('woff/FiraMono-Regular.woff') format('woff'),
         url('ttf/FiraMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('eot/FiraMono-Bold.eot');
    src: local('Fira Mono Bold'),
         url('eot/FiraMono-Bold.eot') format('embedded-opentype'),
         url('woff/FiraMono-Bold.woff') format('woff'),
         url('ttf/FiraMono-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
html {
	height: 100%;
}

body {
	background: transparent;
	font-family: 'Helvetica', 'Verdana', sans-serif;
	font-size: 17px;
	color: black;
	height: 100%;
}
.clear { clear: both; 
}
#headerpic_home img {
		max-width: 100%;
		width: 1900px;
		margin: auto;
		display: block;
		height: auto;
}
#headerpic_home img {
		max-width: 100%;
		width: 1900px;
		margin: auto;
		display: block;
		height: auto;
}
#headerpic_home {
	position: relative;
	max-width: 1900px;
	margin: auto;
	top: 135px;
}
#headerpic img {
		max-width: 100%;
		width: 1900px;
		margin: auto;
		display: block;
}
#headerpic {
	position: relative;
	max-width: 1900px;
	margin: auto;
	top: 67px;
	z-index: 4;
}
#hometext {
	text-align: center;
	margin: auto;
	max-width: 1000px;
	padding-top: 82px
}
@media (max-width: 767px) {
	#hometext {
		padding: 10px;
	}
	#hometext p {
		font-size: 0.8em
	}
}
@media (max-width: 1160px) {
	#headerpic {
		margin-bottom: 57px;
	}
}
@media (min-width: 768px) {
	#hometext h1 {
		margin-bottom: 0.3em;
		font-size: 4em;
		margin-top: 2.7em;
		border-bottom: none;
		padding-bottom: 0;
		max-width: 1000px;
		line-height: 1em;
	}
}	
@media (max-width: 767px) {
	#hometext h1 {
		line-height: 1em;
	}
	#headerpic_home {
		margin-bottom: 65px;
	}
}
#headerpic_haus img {
		max-width: 100%;
		width: 1900px;
		margin: auto;
		display: block;
}
#headerpic_haus {
	margin: auto;
}
html #nonFooter {
	height: 100%;
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
#content {
	color: black;
	padding-bottom: 100px;
}
#content ul li {
	list-style-type: square;
	line-height: 1.5em;
}
#content ul {
	margin-bottom: 1.5em;
}
#wrapper {
	width: 1180px;
	margin: 0 auto;
	max-width: 100%;
}
#wrapper_content {
	width: 960px;
	margin: 0 auto;
	max-width: 100%;
	min-height: 100%;
	padding-top: 130px;
	}
#header {
	height: 135px;
	margin: 0 0;
	position: fixed;
	background-color: rgba(255, 255, 255, 0.96);
	box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.08);
	z-index: 6;
	width: 100%;
	top: 0;
    transition: height 0.3s;

    -webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
#header.nav_klein {
	height: 67px;

	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;

}
#logo {
	top: -11px;
	height: 42px;
	width: 66px;
	font-size: 11px;
	position: relative;
	left: 44px;
	text-indent: -9999999px;


	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
	/* display: none; /* temporär für die Dauer der Open Air Bewerbung */
}
#logo2 {
	height: 140px;
	width: 220px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -110px;
	z-index: 5;
}
#headerpic_home #logo2 img {
		max-width: 100%;
		width: 1900px;
		margin: auto;
		display: block;
		height: 133px;
}
@media(max-width: 970px) {
	#logo2 {
		display: none;
	}
}
.logo_background {
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0;
	bottom: 0;
}
.logo_background svg {
	max-width: 100%;
	width: 100%;
	margin: auto;
	display: block;
	height: 100%;
}
#close_x {
	top: 20px;
	position: relative;
	float: right;
	height: 50px;
	width: 50px;
	top: 15px;
	right: 10px;
	position: absolute;

	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;

}
#close_x :hover span {
	background-color:  #7cc2d8;

	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
#va_green {
	height: 100%;
    width: 73px;
    font-size: 14px;
    float: left;
    margin: 50px 40% 0 40%;
    opacity: 0.3;

	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}
#va_gray {
	height: 240px;
	width: 240px;
	font-size: 14px;
	background: url("../images/green_gray.png") no-repeat;
	text-indent: -9999999px;
	float: left;

	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}
#va_green:hover {
	opacity: 1;
}
#nav {
	width: 100%;
	color: #e3e3e3;
}


#nav ul li a {
	font-size: 14px;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 13px 15px 9px 15px;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 500;
	text-transform: uppercase;
}
#nav ul li a:hover {
	color: #7cc2d8;
}
#nav ul li.aktiv > a {
	color: #7cc2d8;
}
#nav ul li ul li {
	float: none;
	background-color:rgba(255, 255, 255, 0.98);
}
.nav_gross {
	height: 60px;
	padding-top:49px;

	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
.nav_gross a {
	color: #999;
}
.nav_gross a:hover {
	color: #7cc2d8;
}
.nav_klein .nav_gross {
	padding-top: 14px;
	height: 46px;

	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
@media (max-width: 767px) {
	.hamburger {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 44px;
		height: 115px;
		padding: 10px 18px;
	}
	.nav_klein .hamburger {
		height: 44px;
	}
	.hamburger span:first-child {
		margin-top: 51px;
	}
	.nav_klein .hamburger span:first-child {
		margin-top: 16px;
	}
	.hamburger span {
		height: 2px;
		background: #d3d1d1;
		margin: 4px auto;
		width: 20px;
		display: block;
	}
	.hamburger:active span,
	.hamburger.nav_open span {
		background: #7cc2d8;
	}
	#nav ul {
		visibility: hidden;
  		opacity: 0;
		transition: opacity 0.4s, visibility 0.4s;
		height: 0px;
	}
	#nav > .nav_gross > ul {
		margin-top: 102px;
	}
	#nav ul.nav_open {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.4s;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.nav_klein #nav ul.nav_open {
		margin-top: 69px;
	}
	.nav_klein #nav ul.nav_submenu.nav_open {
		margin-top: 0px;
	}
	#nav ul li {
		display: flex;
		flex: 1 0 100%;
		flex-wrap: wrap;
		background-color: rgba(255, 255, 255, 0.97);
		box-shadow: 2px 8px 23px #EEE9E9;
		border-top: 1px solid rgba(211, 209, 209, 0.4);
	}
	.menu_title {
		flex-grow: 4;
	}
	#nav ul li a {
		font-size: 18px;
		text-align: center;
		padding: 12px 15px 11px 99px;
	}
	#nav .nav_submenu li a {
		flex: 0 0 100%;
		padding-left: 0px;
	}
	#nav .nav_submenu {
		flex: 1 0 100%;
	}
	#nav .nav_submenu li {
		color: white;
		background-color: rgba(187, 187, 187, 0.65);
		border-bottom: 1px solid rgb(174, 174, 174);
	}
	#nav .nav_submenu.nav_open {
		margin-top: 0px;
	}
	.nav_menu {
		position: relative;
		top: -86px;
	}
	.toggle_submenu {
		width: 84px;
		height: 42px;
		z-index: 9999;
	}
	.toggle_arrow {
		position: relative;
		top: 14px;
		right: -30px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 14px 14px 0 14px;
		border-color: #d3d1d1 transparent transparent transparent;
		line-height: 0px;
		z-index: 1000;
		_border-color: #d3d1d1 #000000 #000000 #000000;
		_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	}
	.toggle_submenu.nav_open .toggle_arrow {
		border-color: #7cc2d8 transparent transparent transparent;
		_border-color: #7cc2d8 #000000 #000000 #000000;
	}
}
@media (min-width: 768px) {
	#nav ul {
		float: right;
		margin-right: 60px;
	}
	#nav ul li {
		float: left;
		border-right: 1px;
	}
	.hamburger {
		display: none;
	}
	#nav ul li:hover ul {
		display: block;
	}
	#nav ul li ul  {
		display: none;
		position: absolute;
		box-shadow: 2px 8px 23px rgba(0, 0, 0, 0.08);
	}
	.toggle_arrow {
		display: none;
	}
}
.toggle_close_1 {
	height: 3px;
	background: #d3d1d1;
	width: 45px;
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: 21px;
	position: relative;
}
.toggle_close_2 {
	height: 3px;
	background: #d3d1d1;
	margin-bottom: 33px;
	width: 45px;
	display: block;
	text-indent: -9999999px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 21px;
	position: absolute;
}
.close_botton {
	height: 50px;
	width: 50px;
}
@media (max-width: 767px) {
	.toggle_close_1 {
		height: 2px;
		width: 25px;
		top: 26px;
		right: 10px;
		position: absolute;
	}
	.toggle_close_2 {
		height: 2px;
		width: 25px;
		top: 26px;
		right: 10px;
		position: absolute;
	}
	#close_x {
		right: 17px;
		top: -6px;
	}
	.box_3#close_x {
		right: 17px;
		top: -6px;
	}
}
/* Open Air Landing Page */
body.openair {
	color: #f2ddde;
	background: url(../images/sterne.png) 0 0 repeat;
	background-color: #3b3a49;
}
.openair#wrapper,
.openair #content {
	color: #f2ddde;
	background: transparent;
}
.openair,
.openair#header,
.openair #nav {
	color: #f2ddde;
	background-color: #3b3a49;
}
.openair.lichterkette {
	float: left;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: transparent;
	background-image: url(../images/lichterkette.png);
	z-index: 9999;
	width: 300px;
	height: 241px;
}
.openair.lichterkette.home {
	background-image: url(../images/lichterkette_home.png);
}
.openair.lichterkette.hide {
	z-index: 5;
}
.openair #hometext img {
	margin-top:75px;
}
.openair .linktexte {
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	font-size: 1.25em;
}
.openair .linktexte a {
	border-color: transparent;
}
.openair .linktexte a:hover {
	filter: brightness(125%);
}
#footer.openair {
	margin-top: 0px;
	background-color: #85726e;
}
#footer.openair .ansicht {
	width: 100%;
	background: linear-gradient(to bottom, #3b3a49 0%, #ff8a73 65%, #ff8a73 100%) no-repeat;
	padding-top: 60px;
}
#footer.openair .ansicht img {
	width: 100%;
	position: relative;
	display: block;
	background-color: transparent;
}
#footer.openair .footer_farbe_home {
	background: transparent;
}
#footer.openair [class^="icon-"] {
	color: black;
}
@media (max-width: 767px) {
	.openair.lichterkette {
		position: absolute;
	}
	.openair #hometext img {
		width: 350px;
	}
	.openair .linktexte {
		flex-direction: column;
	}
	.openair .linktexte div {
		flex: 1 1 50px;
	}
	#footer.openair .footer_farbe_home {
		margin-top: 0px;
	}
}
#instafeed {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#instafeed a {
	filter: brightness(75%);
	padding: 3px;
}
#instafeed a:hover {
	filter: brightness(100%);
	display: block;
}
#instafeed img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	border-radius: 5px;
}
#instafeed .url {
	display: inline-block;
	background: #DDD;
	padding: 0.5rem;
}
/* Open Air Landing Page Ende */
p {
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 300;
    font-style: normal;

	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	-ms-transition: color 200ms ease;
	-o-transition: color 200ms ease;
	transition: color 200ms ease;

}
h1 {
	font-size: 2.1em;
	text-align: center;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 600;
	text-transform: uppercase;
	margin: auto;
	max-width: 500px;
	margin-top: 3.2em;
	margin-bottom: 0.3em;
	padding-bottom: 0.5em;

}
h2 {
	font-size: 2.1em;
	text-align: center;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 600;
	text-transform: uppercase;
	margin: auto;
	max-width: 500px;
	margin-top: 3.2em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #d6d8dc;
	padding-bottom: 0.5em;
}
@media(max-width: 767px) {
	h2 {
		font-size: 1.6em;
	}
}
h3 {
	font-size: 1.8em;
	margin-bottom: -0.5em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1em;

	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	-ms-transition: color 200ms ease;
	-o-transition: color 200ms ease;
	transition: color 200ms ease;

}
a {
	text-decoration: none;
	color: #7cc2d8;
	font-weight: 500;
	font-family: 'Fira Sans', 'sans-serif';
}
a:hover {
	color: #d3d1d1;
}
.rooms_h {
	border-bottom: 0px !important;
}
.inhalt	{
	padding: 0 20px 0px 20px;
}
.inhalt p {
	font-weight: 300;
	margin: 0.8em 0 0.8em 0;
}
.inhalt h3 {
	font-size: 2.6em;
	font-weight: 500;
	text-transform: none;
	margin: 2em 0 0 46px;
}
.inhalt_room {
	margin-bottom: 130px;
}
.ort_small > .vv_stelle > h3 {
	font-size: 1.1em;
	font-weight: 500;
	text-transform: none;
	margin: 2em 0 0 46px;
}

@media (max-width: 767px) {
	.inhalt h3 {
		font-size: 2em;
		margin: 2em 0 0 22px;
	}
	.tech h3 {
	    text-align: center;
    	margin: 44px 0em 0em 0em !important;
	}
	.ort_small > .vv_stelle > h3 {
		text-align: center;
    	margin: 44px 0em 0em 0em !important;
	}

}

.inhalt h4 {
	font-size: 2em;
	font-weight: 500;
	text-transform: none;
	margin: 43px 0 0 46px;
	font-family: 'Fira Sans', 'sans-serif';
}
@media (max-width: 767px) {
	.inhalt h4 {
		margin: 43px 0 0 22px;
	}
}

.inhalt h5 {
	font-size: 1.5em;
	font-weight: 500;
	text-transform: none;
	margin: 43px 0 0 46px;
	font-family: 'Fira Sans', 'sans-serif';
}
@media (max-width: 767px) {
	.inhalt h5 {
		margin: 43px 0 0 22px;
	}
}

.inhalt h6 {
	font-size: 1em;
	font-weight: 400;
	text-transform: none;
	margin: 0em 0 1.8em 46px;
}
@media (max-width: 767px) {
	.inhalt h6 {
		margin: 0 0 0 22px;
	}
}
.inhalt ul {
margin: 0.8em 0 0.8em 0;
}
.tech ul {
margin: 0.8em 0 0.8em 17px;
}
.inhalt li {
margin-bottom: 0.5em;
}
.inhalt strong {
	font-weight: 400;
	}
.inhalt a {
	font-weight: 400;
}
.inhalt h1 {
	font-size: 0.9em;
	text-align: left;
	margin: 5em 0 4.2em 0;
	color: #999;
	max-width: 127px;
	border-bottom: 2.5px solid #999;
	font-weight: 400;
}
@media (max-width: 767px) {
	.inhalt h1 {
		margin: 0 0 4.2em 0;
	}
}
.inhalt img {
	max-width: 100%;
	height: auto !important;
}
.email_konakt {
	margin-top: 47px;
}
#content .email_konakt ul li{
	list-style: none;
	margin-bottom: 22px;
}
.email_konakt h5{
	margin: 0px 0 0 0px;
	font-weight: 500;
	font-size: 1.2em;
}
.email_konakt p{
	margin: 0px 0 0 0px;
}
.kontakt {
	width: 54%;
	padding-top: 12px;
}
.kontakt input {
	border: 2.5px solid #999 !important;
	padding: 11px !important;
	width: 95%;
	font-size: 0.8em;
	color: #999 !important;
	background-color: white !important;
}
.kontakt textarea {
	border: 2.5px solid #999 !important;
	padding: 11px !important;
	width: 95%;
	font-size: 0.8em;
	color: #999 !important;
	height: 134px;
	background-color: white !important;
}
.kontakt select {
	border: 2.5px solid #999 !important;
	padding: 11px !important;
	width: 100%;
	font-size: 0.8em;
	color: #999 !important;
	height: 42px;
	background-color: white;
}
.absenden input {
	font-size: 0.7em;
	color: #999;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #999;
	padding: 3% 6% 3% 6%;
	margin: 0 30% 0 30%;
	letter-spacing: 0.4em;
	width: 40%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.absenden input:hover {
	color: #7cc2d8 !important;
	border: 2.5px solid #7cc2d8 !important;
}
@media (max-width: 767px) {
	.kontakt {
		padding: 0 20px 0 20px;
		width: 86%;
	}
	.absenden input {
		width: 60%;
		margin: 0 20% 0 20%;
	}
}
.fb-like {
	float: right;
}
.twitter-share-button {
	float: right;
}
.social_media {
	margin-top: 3em;
	height: 23px;
}
.news_link {
	background-color: red;
	height: 19px;
	width: 33.3%;
	text-align: center;
}
.leadtext {
	font-size: 1.1em;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 6em;
}
.linktext{
	font-size: 0.7em;
	color: #7cc2d8;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #7cc2d8;
	padding: 11px 38px 9px 38px;
	margin: 10px;
	letter-spacing: 0.4em;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.linktext:hover {
	color:#d3d1d1;
	border: 2.5px solid #d3d1d1
}
.linktext:active {
	background-color: #7cc2d8;
	color: white;
	border: 2.5px solid #7cc2d8
}
.linktext_va{
	font-size: 0.5em;
	margin-left: 9%;
	color: #000000;
	font-weight: 400;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.linktext_va:hover {
	color:#7cc2d8;
}
.newsbox .linktext_news p{
	font-size: 0.85em;
	color: #d3d1d1;
	text-align: center;
	margin: 0px 60px;
	padding: 5px 0px 3px 0px;
	margin: auto;
	width: 180px;
	font-weight: 300;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.newsbox-inner:hover .linktext_news p{
	color:#7cc2d8;
}
.teaser2 {
	position: relative;
}
@media (min-width: 580px) {
	.teaser2 {
		width: 50%;
		float: left;
	}
}
.teaser2 img {
	max-width: 100.5%;
	display: block;
	opacity: 0.5;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
.teaser3  {
	margin: 11.8em auto 0.3em auto;
	padding-bottom: 1em;
	max-width: 800px;
}
.teaser3 h3 {
	font-size: 4em;
	margin-top: 1.8em;
	text-align: center;
	border-bottom: none;
	line-height: 1em;
	font-style: italic;
}
.teaser3 h4 {
	text-align: right;
	font-size: 1.8em;
	margin-top: 0.8em;
}
.teaser-inner {
	padding: 5px 5px 5px 0;
	display: block;
	
}
.teaser-inner:hover img {
	opacity: 1;
}
.teaser_text {
	position: absolute;	
	right: 20px;
	bottom: 8px;
	color: white;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.teaser-subtext {
	margin: 0;
	text-align: right;
	line-height: 1em;
	text-shadow: 1px 1px 0 black;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 500;
    font-style: normal;
    position: relative;
}
.teaser-headline {
	margin: 0px;
	text-align: right;
	font-size: 2.3em;
	text-shadow: rgba(0,0,0,1) 0em 0em 3.4em,  0.04em 0.02em rgba(0,0,0, .5);
}
.teaser-inner:hover .teaser_text {
	-webkit-transform: translateZ(0) translateX(-10px);
	-moz-transform: translateZ(0) translateX(-10px);
	-ms-transform: translateZ(0) translateX(-10px);
	-o-transform: translateZ(0) translateX(-10px);
	transform: translateZ(0) translateX(-10px);
}
.teaser-pic {
	padding: 0 0 0 5px;
}
.teaser-over {
	overflow: hidden;
	position: relative;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(11,11,11,1) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(11,11,11,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* IE10+ */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0b0b0b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.teaser-over_prog {
	overflow: hidden;
	position: relative;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(11,11,11,1) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(11,11,11,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* IE10+ */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(11,11,11,1) 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0b0b0b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.teaser_room {
	position: absolute;	
	right: 15px;
	bottom: 4px;
	color: white;
}
.teaser-color {
	height: 160.109px;
	width: 470px;
	background-color: #7cc2d8;
}
.slider {
	max-width: 1900px;
	position: relative;
	margin: auto;
}
.slider-text {
	position: absolute;	
	right: 30px;
	bottom: 20px;
	max-width: 350px;
	color: white;
	text-decoration: none;

	-webkit-transition: right 200ms ease;
	-moz-transition: right 200ms ease;
	-ms-transition: right 200ms ease;
	-o-transition: right 200ms ease;
	transition: right 200ms ease;

}
@media (max-width: 550px) {
	.slider-text {
		font-size: 0.6rem;
	}
}
.slider:hover .slider-text {
	right: 40px;
	color: white;
}
.slider-subtext {
	margin: 0;
	font-size: 1.25em;
	text-align: right;
	line-height: 1em;
	text-shadow: 0.07em 0.04em rgba(0,0,0, .5);
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: normal;
}
.slider-headline {
	margin: 3px 0 0 0;
	text-align: right;
	font-size: 2.3em;
	text-shadow: 0.04em 0.02em rgba(0,0,0, .5);
}

.event {
	position: relative;
	margin-top: 51px;
	margin: 20px 20px 0 20px;
}

.event img {
	max-width: 101.1%;
	display: block;
	opacity: 0.5;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.event_box {
	width: 61.45%;
	margin: auto;
	margin-bottom: 61px;
	overflow: hidden;
	webkit-box-shadow: -4px 6px 37px -4px rgba(0,0,0,0.24);
	-moz-box-shadow: -4px 6px 37px -4px rgba(0,0,0,0.24);
	box-shadow: -4px 6px 37px -4px rgba(0,0,0,0.24);
	position: relative;
}

.event-inner:hover img {
	opacity: 1;
}
.event-inner {
	padding: 5px 5px 5px 0;
	display: block;
}
.event:nth-child(2n) .event-inner {
	padding: 5px 0 5px 5px;
}

@media (max-width: 767px) {
	.event-datum {
		display: none;
	}

	.event-datum_mobile {
		display: block !important;
		float: right;
	    width: 50%;
	}

	/* Simon hat die Bilder im mobilen Theme aktiviert */
	.event-pic {
		/*  display: none !important; */
	}

	.event img {
		/* display: none; */
	}
	.teaser-over_prog {
		/* background: white; */
	}
	.event_box {
		width: 88%;
	}
	.event-inner {
		padding: 0 0 0 0;
	}
}

.event-head {
	left: 20px;
	bottom: 11px;
	color: black;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
@media (min-width: 768px) {
	.event-head {
		position: absolute;	
		color: white;
	}
}
.event-head-1 {
	position: absolute;	
	left: 20px;
	bottom: 20px;
	color: white;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.event a {
	text-decoration: none;
}
.event-noimg .event-head-1 {
	color: black;
	position: static;
}
.event-noimg .event-headline {
	text-shadow: #d6d8dc 0em 0em 0em;
} 
.event-noimg .event-datum {
	text-shadow: #d6d8dc 0em 0em 0em;
}
.event-noimg:hover .event-head-1 {
	-webkit-transform: translateZ(0) translateX(10px);
	-moz-transform: translateZ(0) translateX(10px);
	-ms-transform: translateZ(0) translateX(10px);
	-o-transform: translateZ(0) translateX(10px);
	transform: translateZ(0) translateX(10px);
}

.event-info {
    padding-bottom: 21px;
}

.event-datum {
	float: right;
    width: 50%;
}

.event-datum_mobile {
	display: none;
}

.event-art {
    float: left;
    width: 50%;
}

.event-datum p {
	margin: 0;
	text-align: right;
	line-height: 1em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: italic;
    position: relative;
    padding-bottom: 0;
}

.event-datum_mobile p {
	margin: 0;
	text-align: right;
	line-height: 1em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: italic;
    position: relative;
    padding-bottom: 0;
}

.event-art p {
	margin: 0;
	text-align: left;
	line-height: 1em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: italic;
    position: relative;
    padding-bottom: 0;
}

.event-headline {
	margin: 0px;
	text-align: left;
	font-size: 2em;
	margin-left: 2px;
}
@media (min-width: 768px) {
	.event-headline {
		text-shadow: rgba(0,0,0,1) 0em 0em 3.4em,  0.04em 0.02em rgba(0,0,0, .5);
	}
}
.event-band {
	margin-bottom: 5.7px;
	font-size: 1.1em;
	margin-top: 0em;
}
.event-inner:hover .event-head {
	-webkit-transform: translateZ(0) translateX(10px);
	-moz-transform: translateZ(0) translateX(10px);
	-ms-transform: translateZ(0) translateX(10px);
	-o-transform: translateZ(0) translateX(10px);
	transform: translateZ(0) translateX(10px);
}
.event-text {
	padding: 0 20px 20px 20px;
	margin: 12px auto 0;
}

.event-text p {
	margin-top: 0px;
	margin-bottom: 1em;
	color: #898989;
	font-size: 0.85em;
	padding-bottom: 0em;
	font-weight: 300;
}
.event-text h3 {
	margin-top: 0px;
	margin-bottom: 1em;
	color: #898989;
	font-size: 0.85em;
	padding-bottom: 0.6em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: normal;
}
.event-pic {
	padding: 0 0 16px 0;
}
.veranstalter {
	border-bottom: 1px solid #d6d8dc; 
	color: #979799;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 300;
    font-style: italic;
    margin-top: 70px !important
}
.event-text a {
	color: black;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: italic;
    font-size: 0.85em;
 }
 .event-text a:hover {
	color: #7cc2d8;
 }
.programmlist {
	margin-top: 0em;
	margin-bottom: 35px;
}
.programmlist li {
	margin-bottom: 1.5em;
}
.list-reset {
	padding-left: 0;
	padding-top: 0;
}
.list-reset li {
	padding-bottom: 1.8em;
}
.list-reset li {
	padding-bottom: 0.1em;
}
.list_prog {
	margin-top: 2.4em;
	margin-bottom: 50px;
}
#content .list_prog ul li{
	list-style: none;
}
.programm_va {
	width: 960px;
	margin: 0 auto;
	max-width: 100%;
	min-height: 100%;
	margin-top: -100px;
}
@media (min-width: 768px) {
	.programm_container .programm_va {
		width: 100%;
		margin: 0;
	}
	.programm_container {
		margin-left: 30%;
		width: 70%;
	}
	.programm_container .event_box {
		width: 72.45%;
	}
}
.programmdate {
	font-size: 1.6em;
	display: inline-block;
	width: 236px;
	margin-left: 20%;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: italic;
    float: left;
    padding-top: 6px;
}
.programmdate_va {
	font-size: 1.2em;
	display: inline-block;
	width: 236px;
	margin-left: 11%;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
    font-style: italic;
    float: left;
}
@media (max-width: 767px) {
	.programmdate {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.programmdate_va {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.event-band {
		font-size: 0.7em;
	}
}
.programmtext {
	display: block;
	overflow: hidden;
	padding-top: 6px;
}
.programmtext_va {
	display: block;
	overflow: hidden;
	max-width: 385px;
}

@media (max-width: 767px) {
	.programmtext {
		display: inline-block;
		margin: 0 17px 0 17px;
	}
	.programmtext_va {
		display: inline-block;
		margin: 0 17px 0 17px;
	}
}
.programmtext a {
	color: black;
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;


	-webkit-transition: color 50ms ease;
	-moz-transition: color 50ms ease;
	-ms-transition: color 50ms ease;
	-o-transition: color 50ms ease;
	transition: color 50ms ease;

}
.programmtext_va a {
	color: black;
	font-size: 1.2em;
	font-weight: bold;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;

	-webkit-transition: color 50ms ease;
	-moz-transition: color 50ms ease;
	-ms-transition: color 50ms ease;
	-o-transition: color 50ms ease;
	transition: color 50ms ease;

}
.programmtext:hover a {
	color: #7cc2d8;
}
.programmtext_va:hover a {
	color: #7cc2d8;
}
.textline {
	font-size: 46px;
	text-align: center;
}
.textline_va {
	min-width: 100%;
	position: absolute;
	top: -46px;
}
.textline p {
	color: white;
	font-size: 0.35em;
	letter-spacing: 20px;
	text-shadow: rgba(0,0,0,1) 0em 0em 3.4em, 0.05em 0.06em rgba(0,0,0, .5)
}
.textline_nopic {
	font-size: 46px;
	text-align: center;
}
.textline_va_nopic {
	width: 1180px;
	position: absolute;
	top: 91px;
}
.textline_nopic p {
	color: rgba(228, 228, 228, 1);
	font-size: 0.35em;
	letter-spacing: 20px;
}
.va_datum {
	float: left;
	margin: 0 32px 0 0;
}
.va_liste {
	float: left;
	max-width: 400px;
}
.va_text_datum {
	font-size: 1.16em;
	display: inline-block;
	width: 136px;
	margin-left: 77px;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	font-style: italic;
}
.va_text a {
	color: black;
	font-size: 1.16em;
	font-weight: bold;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;

	-webkit-transition: color 50ms ease;
	-moz-transition: color 50ms ease;
	-ms-transition: color 50ms ease;
	-o-transition: color 50ms ease;
	transition: color 50ms ease;
}
.va_text:hover a {
	color: #7cc2d8;
}
.va_abstand li{
	margin-bottom: 5px;
}
@media (min-width: 768px) {
	.newsbox {
		width: 33.3%;
		float: left;
	}
}

.newsbox-inner {
	padding: 0 48px;
}
@media (max-width: 767px) {
	.newsbox-inner {
		margin-bottom: 62px;
	}
}
.newsbox p {
	color: #898989;
	font-size: 0.85em;
	margin-bottom: 0px;
}
.newsbox h3 {
	color: #d3d1d1;
	margin-top: 1em;
}
.newshomeox-inner:hover p {
	color: black;
}
.newsbox-inner:hover h3 {
	color: #7cc2d8;
}
.clearfix {
	overflow:hidden;
}
.clearfix a {
	text-decoration: none;
}
.clearfix_programm a {
	text-decoration: none;
}
.center {
	display: block;
	text-align: center;
}
.a_group {
	margin-bottom: 2em;
	margin-top: 4em
}
.group-headline {
	margin: 0px;
	text-align: right;
	font-size: 1.9em;
	text-shadow: rgba(0,0,0,1) 0em 0em 3.4em,  0.04em 0.02em rgba(0,0,0, .5);
}
.abstand {
	height: 135px;
}
.box_1 {
	font-size: 0;
	margin: 5px auto;
	max-width: 100%;

}
.box_0 {
	height: auto !important;
    min-height: 300px;
    width: 30.42%;
    float: left;
    display: block;
}
.box_2 {
	height: auto !important;
	width: 100%;
	min-height: 300px;
	display: block;
	float: left;
	box-shadow: -11px 3px 29px -6px rgba(0, 0, 0, 0.08);
	font-size: 31px;
	background: white;
	z-index: 4;
	position: relative;
	overflow: hidden;
}
.box_3 {
	width: 62.71%;
	height: auto !important;
	min-height: 500px;
	display: block;
	float: left;
	vertical-align: top;
	padding: 3% 3.2% 3% 3.5%;
	box-shadow: -5px 6px 29px 0px rgba(0, 0, 0, 0.08);
	font-size: 17px;
	background-color: white;
	z-index: 4;
	position: relative;
	margin-bottom: 108px;
}
.box_3 h1 {
	font-size: 2.6em;
	font-weight: 500;
	text-transform: none;
	margin: 1em 2.5em 0em 2.5em;
	text-align: center;
	padding-bottom: 0em;
	max-width: 100%;
	line-height: 1em;
}
.box_3 h3 {
	font-size: 2em;
	margin: 44px 0em 0em 1.3em;
	max-width: 500px;
}
.box_3 h6 {
	margin-bottom: 1.1em;

}
.box_4 {
	display: inline-block;
	font-size: 0;
	margin-top: 60px;
	position: relative;
	margin: auto;
}
.box_5 {
	height: auto;
	min-height: 500px;
	vertical-align: top;
	box-shadow: -5px 6px 29px 0px rgba(0, 0, 0, 0.08);
	font-size: 17px;
	background-color: white;
	z-index: 4;
	position: relative;
	margin: auto;
	padding: 38px 0 38px 0;
}
.box_5 h1 {
	margin-top: 0.5em;
	font-size: 2.6em;
	font-weight: 500;
	text-transform: none;
	padding-bottom: 0;
}
.box_6 {
	display: inline-block;
	font-size: 0;
	margin-top: 60px;
	position: relative;
	min-width: 100%;
	margin: auto;
}
.box_5 .inhalt {
		min-height: 373px;

	}
@media (min-width: 768px) {
	.box_5 {
		width: 62.71%;
		padding: 25px 30px 48px 30px;
	}

}
.box_info_va {
	height: 50px;
    width: 130%;
    position: absolute;
    background-color: #7cc2d8;
    transform: rotate(-20deg);
    left: -51px;
    box-shadow: -11px 3px 29px -6px rgba(0, 0, 0, 0.4);
   	z-index: 4;
    margin: 50% 0 50% 0;
}
.box_info_programm {
    height: 50px;
    width: 488px;
    position: absolute;
    background-color: #7cc2d8;
    transform: rotate(-20deg);
    box-shadow: -11px 3px 29px -6px rgba(0, 0, 0, 0.4);
    z-index: 4;
    bottom: 36px;
    right: -110px;
}
.box_info_home {
	height: 21px;
    width: 119px;
    position: absolute;
    background-color: #7cc2d8;
    transform: rotate(-20deg);
    z-index: 4;
    margin: 6px 23% 0 23%;
}
.box_info_home p {
	font-family: 'Fira Sans', 'sans-serif';
    color: white;
    margin-top: 0.36em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.8em;
}
.box_info_abg {
	background-color: #aba1c5 !important;
}
.box_info_va_small {
	display: none;
}
.transp {
	opacity: 0.2;
}

@media (max-width: 768px) {
	.box_info_va_small {
		height: 50px;
	    width: 100%;
	    position: fixed;
	    background-color: #7cc2d8;
	    bottom: 0px;
	    box-shadow: -11px 3px 29px -6px rgba(0, 0, 0, 0.4);
	    z-index: 4;
	    display: block !important;
	}
	.box_info_va_small p {
		font-size: 1.9em;
    	font-family: 'Fira Sans', 'sans-serif';
		font-weight: 400;
		color: white;
		margin-top: 0.35em;
		margin-bottom: 0em;
		line-height: 1em;
		text-align: center;
		text-transform: uppercase;
		font-weight: 500;		
	}
	.box_info_programm {
		height: 35px;
	    width: 418px;
	    position: absolute;
	    background-color: #7cc2d8;
	    transform: rotate(-20deg);
	    box-shadow: -11px 3px 29px -6px rgba(0, 0, 0, 0.4);
	    z-index: 3;
	    bottom: 32px;
	    right: -114px;
	    margin: 0 0 0 -3%;
	}
	.box_info_programm p {
		font-size: 1.5em !important;
	}
	.box_info_home {
		margin: 0 40% 0 40%;
	}
	#va_green {
		margin: 30px 40% 30px 40%;
	}
	.va_link_ticket {
		margin: 0.3em 0 1.1em 0 !important;
	}
	.ntry-ticket-box button {
		margin-left: 0 !important;
	}
}

@media (max-width: 460px) {
	.box_info_home {
		margin: 20px 40% 0 30%;
	}

}

.box_2:hover .box_info_va{
	display: none;
}
.box_info_va p {
	font-family: 'Fira Sans', 'sans-serif';
    color: white;
    margin-top: 0.38em;
    margin-bottom: 0em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.box_info_programm p {
	font-family: 'Fira Sans', 'sans-serif';
    color: white;
    margin-top: 0.31em;
    margin-bottom: 0em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2em;
}

.box_pic {
	position: relative;
	top: 10px;
	font-size: 0;
	margin: auto;
	max-width: 100%;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.box_datum {
	min-height: 71.2px;
	margin: 10% 9% 10% 9%;
}

.box_datum p {
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	font-style: italic;
	color: #000000;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1em; 
}
.box_datum_small {
	margin: 53px 0;
}
.box_datum_small p {
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	font-style: italic;
	color: #494949;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1em; 
	font-size: 2em;
	text-align: center;
}
li > .tech_bez {
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0.3em;
}
.tech_text p {
    margin-top: 0;
    margin-bottom: 0px;
}
.tech > ul > li {
	margin-bottom: 0.1em;
}
.box_karten {
	margin: 1em 9% 0 9%;
	min-height: 46px;
}
.box_karten a {
	font-size: 1em;
	color: #000000;
	margin-top: 0.8em;
	line-height: 1em;
	font-weight: 400;
}
.box_karten a:hover {
	color: #7cc2d8;
}
.box_karten p {
	font-size: 0.7em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	color:  #000000;
	margin-top: 0.5em;
	margin-bottom: 0em;
	line-height: 0.7em;
}
p.ort {
	font-size: 0.5em;
	color: #000000;
	margin-top: 0.5em;
	line-height: 1em;
	font-weight: 400;
	font-style: normal;
}
p.vvk_stelle {
	font-size: 0.5em;
	color: #000000;
	margin-top: 0.8em;
	line-height: 1em;
	font-weight: 400;
}
.box_veranstalter a {
	font-size: 0.7em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	font-style: italic;
	color: #000000;
	margin-bottom: 0em;
	line-height: 1em;
	text-decoration: none;
}
.box_veranstalter p {
	font-size: 0.7em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	font-style: italic;
	color: #000000;
	margin-bottom: 0em;
	line-height: 1em;
	text-decoration: none;
}
.box_veranstalter a:hover {
	color: #7cc2d8;
}
.box_veranstalter {
	margin: 1.2em 9% 21px 9%;
	min-height: 1.5em;
}
.box_veranstalter span {
	top: -9px;
	position: relative;
}
.ntry-ticket-box button {
	font-size: 0.4em;
	font-family: 'Fira Sans', 'sans-serif';
	margin: 1.1em 0 2em 9%;
	background: white;
	padding: 0.9em 3.3em;
	letter-spacing: 0.4em;
	color: #7cc2d8;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #7cc2d8;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.ntry-ticket-box button:hover {
	color: #d3d1d1;
	border: 2.5px solid #d3d1d1;
}
.va_link_ticket  {
	margin: 0.3em 0 1.2em 9%;
}
.va_link_ticket a {
	font-size: 0.4em;
	font-family: 'Fira Sans', 'sans-serif';
	margin: 1.1em 0 2em 0;
	background: white;
	padding: 0.9em 3.3em;
	letter-spacing: 0.4em;
	color: #7cc2d8;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #7cc2d8;
	white-space: nowrap;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.va_link_ticket a:hover {
	color: #d3d1d1;
	border: 2.5px solid #d3d1d1;
}
.ort_small {
	margin: 62px 20px 0;
	font-size: 2em;
}
p.st_time {
	font-size: 1em;
    color: #000000;
    margin-top: 0.8em;
    line-height: 1em;
    font-weight: 400;
    margin: 0.8em 0 1em 0;
}
p.time_einlass {
	font-size: 0.7em;
	margin-top: 0.3em;
}

@media (max-width: 767px) {
	.textline_va {
		display: none;
	}
	.box_pic {
		margin-bottom: 57px;
	}
	.box_0 {
		display: none;
	}
	.box_3 {
		width: 100%;
		padding: 0;
	}
	.box_3 h1 {
		margin: 57px 13px;
		font-size: 2.1em;
	}
	.box_3 h6 {
		margin: 0 0 0 46px;
	}
	.box_3 #close_x {
		right: 18px;
		top: 6px;
	}
	.credit {
		margin-left: 19px;
		font-size: 0.8em;
	}
	.social_media div {
		margin-bottom: 15px;
	}
	.textline_va_nopic {
		display: none;
	}
	.abstand {
		height: 59px;
	}
	.bx-controls-direction {
		display: none;
	}
	.box_5 h1 {
		font-size: 2.1em;
	}
	p.time_einlass {
	font-size: 1.0em;
	margin-top: 0.3em;
	}
	.box_veranstalter {
		margin: 0 0 0 0;
	}
	.box_karten {
		margin: 0 0 0 0;
	}
	.box_karten a {
		font-weight: bold;
		color:#7cc2d8;
	}
}
@media (min-width: 768px) {
	.box_datum_small {
		display: none;
	}
	.ort_small {
		display: none;
	}
	.abstand_1 {
		height: 100px;
	}
}

#widget h2 {
	font-family: 'Fira Sans', 'sans-serif' !important;
	background-color: red  !important;
}
.social_va {
	display: block;
}
.box_logo_1 {
	min-height: 205px;
	position: relative;
	padding-left: 78px;
	padding-top: 30px;
}
.box_logo_1_small {
	min-height: 205px;
	position: relative;
	padding-left: 62px;
	top: -33px;
}
.box_mitglieder {
	min-height: 82px;
	margin-left: 9%;
    margin-right: 9%;
}
@media (max-width: 767px) {
	.box_mitglieder {
		margin: 50px 20px 50px 20px;
		font-size: 2em;
	}
}
@media (min-width: 768px) {
	.info_small {
		display: none;
	}
}
.box_mitglieder a {
	font-size: 0.5em;
	color: black;
	line-height: 1em;
	font-weight: 400;
}
.box_mitglieder a:hover {
	color: #7cc2d8;
}
.box_mitglieder p {
	font-size: 0.7em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	color: black;
	margin-top: 0.5em;
	margin-bottom: 0em;
	line-height: 0.7em;
}
.box_mitglieder_datum {
	margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 7%;
}

.box_mitglieder_datum p {
	font-size: 0.7em;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 400;
	font-style: italic;
	color: black;
	margin-bottom: 0em;
	line-height: 1em;
	text-decoration: none;
}
.link_mitglied {
	padding: 15px 0 0 0;
}
.link_mail {
	padding: 45px 0 50px 0;
}
@media (max-width: 767px){
	.link_mitglied {
		margin-bottom: 46px;
	}
	.link_mail {
		margin-bottom: 46px;
	}
}
.link_mitglied a {
	font-size: 0.4em;
	color: #7cc2d8;
	text-transform: uppercase;
	text-align: center;
	border: 2px solid #7cc2d8;
	padding: 10px 60px 10px 60px;
	letter-spacing: 0.4em;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.link_mitglied a:hover {
	color: #d3d1d1;
	border: 2px solid #d3d1d1;
}
.link_mail a {
	font-size: 0.4em;
	color: #7cc2d8;
	text-transform: uppercase;
	text-align: center;
	border: 2px solid #7cc2d8;
	padding: 10px 60px 10px 60px;
	letter-spacing: 0.4em;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.link_mail a:hover {
	color: #d3d1d1;
	border: 2px solid #d3d1d1;
}
.partner {
	width: 500px;
}
.anfahrt {
	text-align:center;
}
.ansicht{
	margin: 0px auto;
	width: 100%;
}
.ansicht a{
	text-decoration: none;
	margin: 0 auto 0;
	width: 960px;
	max-width: 100%;
	display: block;
	overflow: hidden;
}
.ansicht img{
	max-width: 100%;
	width: 960px;
	display: block;
	margin: 0 auto 0;
}
#gebaeudeansicht_fenster {
	text-indent: -9999999px;
	position: relative;
	top: -246px;
}
#gebaeudeansicht_fenster:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background:  url("../images/front_fenster-01.png") no-repeat;
	background-size: cover;
	opacity: 0;
	z-index: 0;

	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
#gebaeudeansicht_fenster:hover:after{
	opacity: 1;
}
.clear input {
	font-size: 0.7em;
	background-color: rgb(60, 60, 60) !important;
	color: #d3d1d1;
	text-transform: uppercase;
	text-align: center;
	border: 2.5px solid #d3d1d1;
	padding: 3% 6% 3% 6%;
	margin: 0 20% 0 20%;
	letter-spacing: 0.4em;
	width: 57%;
	border-radius: 0;
	-webkit-border-radius: 0; 

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.clear input:hover {
	color: #7cc2d8;
	border: 2.5px solid #7cc2d8;
}
@media (max-width: 767px) {
	.clear input {
		margin: 0 13% 0 13%;
		width: 74%;
		}
}
@media(max-width: 767px) {
	.nav_footer {
		height: 290px;
		margin: 80px 0 80px 0;
	}
}
@media(min-width: 768px) {
	.nav_footer {
		height: 42px;
		margin: 80px 0 80px 0;
	}
	.box_logo_1_small {
		display: none;
	}
}
.nav_footer2 {
	text-align: center;
	height: 42px;
}
@media(min-width: 768px) {
	.nav_footer2 {
		float: left;
		width: 20%;
	}
}
@media(max-width: 767px) {
	.nav_footer2 {
		margin-bottom: 32px;
	}
}
.foerder_footer {
		text-align: center;
	}
@media(min-width: 768px) {
	.foerder_footer {
		float: left;
		width: 33.333%;
		text-align: center;
		height: 42px;
	}
}
.sm_footer {
	height: 42px;
	text-align: center;
	width: 145px;
	font-size: 28px;
	
	left: 51px;

	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;

}
.sm_footer_gray {
	height: 42px;
	width: 66px;
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/menue_logo_gray.png") no-repeat;
	text-indent: -9999999px;

	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}
.sm_footer_gray:hover {
	background: none;
}
.newsbox_footer {
	width: 20%;
}
@media(max-width: 1099px) {
	.newsbox_footer {
		width: 60%;
		margin: auto;
	}
}
@media(min-width: 1100px) {
	.newsbox_footer {
		float: left;
	}
}
.newsbox_footer a {
	font-size: 0.9em;
	font-weight: 100;
	color: rgba(255, 255, 255, 0.34) !important;
}
.newsbox_footer a:hover {
	color: #7cc2d8 !important;
}
.newsbox_footer p {
	font-size: 0.9em;
	font-weight: 100;
	line-height: 19px;
	margin-top: 0;
	color: rgba(255, 255, 255, 0.34) !important;
}
.newsbox_footer h4 {
	color: rgba(255, 255, 255, 0.34) !important;
	font-size: 1.17em;
	line-height: 1.29em;
	margin-top: 1.29em;
	margin-bottom: 0.89em;
}
.newsbox_footer li {
	margin-bottom: 4px;
}
@media(max-width: 1099px) {
	.newsbox_footer-inner {
		display: none;
	}
}
.newsbox_footer-inner {
	padding: 0 30% 0 40%;
	width: 191px;
}
@media(max-width: 1099px) {
	.newsbox_footer-inner2 {
		margin-top: 70px;
		text-align: center;
	}
}
@media(min-width: 1100px) {
	.newsbox_footer-inner2 {
		display: none;
	}
}
.download h3 {
	margin-bottom: 0.7em;
}
.download p {
	margin: 0 0 50px 0;
}
.download img {
	opacity: 0.5;

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.download img:hover {
	opacity: 1
}
#footer {
	color: #FFFFFF;
	margin-top: 300px;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
	color: #7cc2d8;
}
#footer .foerder_footer a {
	text-decoration: none;
	color: #837A7A;
}
#footer .foerder_footer a:hover {
	text-decoration: none;
	color: #7cc2d8;
}
.footer_content {
	width: 960px;
	margin: 0 auto;
	max-width: 100%;
	min-height: 100%;
	padding-top: 130px;
}
.footer_farbe {
	padding: 50px 50px 0 50px;
	position: relative;
	background-color: #3C3C3C;
	margin-top: -248px;
}
.footer_farbe_home {
	padding: 50px 50px 100px 50px;
	position: relative;
	background-color: #3C3C3C;
	margin-top: -248px;
}
.footer_rechte_home {
	font-size: 0.8em;
	margin-bottom: 0;
	margin-top: 75px;
	color: rgb(60, 60, 60);
}
.footer_rechte_home p {
	margin-bottom: 0;
	padding-bottom: 15px;
	text-align: center;
	font-weight: 400;
}
.footer_rechte {
	font-size: 0.8em;
	margin-bottom: 0;
	margin-top: 75px;
	color: rgba(255, 255, 255, 0.34) 
}
.footer_rechte p {
	margin-bottom: 0;
	padding-bottom: 15px;
	text-align: center;
	font-weight: 400;
}
#mc_embed_signup {
	width: 330px;
	margin: auto;
	margin-top: 68px;
	margin-bottom: 111px;
	max-width: 88%;
}
#mc_embed_signup_scroll p {
	margin-top: 0px;
	margin-bottom: 11px;
}
.mc-field-group input {
	font-size: 0.7em;
	background-color: #FFFFFF;
	color: #3C3C3C;
	text-transform: uppercase;
	border: 2.5px solid #FFFFFF;
	padding: 4% 12% 4% 10%;
	letter-spacing: 0.4em;
	max-width: 268px;
	width: 77%;
	border-radius: 0;
	border: 0;
}
@media (min-width: 768px) {
	.mc-field-group input {
		width: 83%;
		padding: 11px 38px 9px 18px;
	}
}

.mc-field-group label {
	max-width: 100%
}
#mc_embed_signup_scroll a {
	font-size: 0.8em;
	font-weight: 100;
	color: rgb(131, 131, 131);
}
#mc_embed_signup_scroll h4 {
	font-size: 1.1em;
	line-height: 1.29em;
	margin-top: 1.29em;
	margin-bottom: 0.49em;
}
label {
	float: left;
	width: 250px;
	text-align: right;
	padding-right: 12px;
}
textarea, select, input[type=text]{
	border: 1px solid #AAA;
	padding: 2px;
}
input[type=text]:focus, textarea:focus, select:focus {
	border: 1px solid green;
}

#gallery a {
	display: block;
	float: left;
	height:150px;
	width: 150px;
	margin: 15px 21px;
	padding: 5px;
	position: relative;
	border: 1px solid #CCC;	
}
#gallery a:hover {
	border: 1px solid #AAA;
}
#gallery a img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;	
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden;
}
.issuu-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    width: 80%;
    width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.issuu-container iframe,
.issuu-container object,
.issuu-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p.email2-wrapper {
	display: none;
}
.inhalt table {
	margin: 18px 0 0 0;
	width: 900px !important;
	font-family: 'Fira Sans', 'sans-serif';
}
.inhalt thead th {
	color: #039;
	border-bottom: 2.5px solid #d3d1d1;
	text-align: left;
	font-size: 0.9em;
	color: black;
	padding: 10px 8px;
	line-height: 19px;
	font-family: 'Fira Sans', 'sans-serif';
}
.inhalt tbody td {
	padding: 15px 29px 0;
	font-weight: 100;
	font-family: 'Fira Sans', 'sans-serif';
}
.inhalt tbody th {
	color: black;
	padding: 18px 29px 0;
	font-family: 'Fira Sans', 'sans-serif';
	font-weight: 500;
}
.inhalt caption {
	font-size: 2.1em;
	font-weight: 500;
	text-transform: none;
	margin: 0em 0 25px 1em;
	font-family: 'Fira Sans', 'sans-serif';
}

.chip {
	display: inline-block;
	padding: 0 15px;
	height: 30px;
	color: #aaa;
	font-size: 14px;
	line-height: 30px;
	border-radius: 15px;
	background-color: #f1f1f1;
	margin: 2px 6px;
}

.chip:hover {
	color: #7cc2d8;
}
.chip.active:hover {
	color: #aad3e0;
}

.chip.active {
	background-color: #aaa;
	color: white;
}

.chip .zahl {
	border-radius: 99px;
	background-color: #ddd;
	min-width: 30px;
	display: inline-block;
	position: relative;
	right: -15px;
	text-align: center;
}

.chip.active .zahl {
	background-color: #888;
}

.month {
	font-size: 1.2em;
	text-align: left;
	color: #999;
	font-weight: 400;
	font-family: 'Fira Sans', 'sans-serif';
	text-transform: uppercase;
	display: block;
	position: relative;
	left: 20px;
	top: -28px;
	max-width: 127px;
	border-bottom: 2.5px solid #999;
	margin-top: 30px;
}