/*
 Theme Name:   Impuls 2024
 Theme URI:    http://www.design-hunger.com
 Description:  Impulstheme 2022
 Author:       Burg Giebichenstein Impuls Design Workgroup, Han Le & Francis Hunger 
 Author URI:   http://www.design-hunger.com/
 Version:      1.9.0
*/
/* Hinweis: Tut mir leid, wenn das hier wild aussieht. Das Theme wurde 2014 von einem Developer mit Hilfe von Bootstrap und als Childtheme entwickelt -> Google Page Speed Mobile 35 / Desktop 41. Ich habe Bootstrap entfernt und andere Optimierungen vorgenommen: Page Speed Mobile 85 / Desktop 90. Hätte man von Grunde auf neu schreiben müssen... Das Theme wurde Jahr für Jahr umgebaut, eigentlich müsste hier mal mit CSS-Variablen für die Abstände einheitlich gearbeitet werden, Geld für Refactoring ist aber nicht drin. F.H. */







:root {
  --violet-color: rgba(170/65/255);
  --black-color:  black;
  --green-color:  rgba(240,245,240);
}







/*-----------------------------------------------------------------------------------*/
/*	00. RESET
/*-----------------------------------------------------------------------------------*/
*,:before,:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

:focus {
	outline:0!important;
}

figure {
	margin:0;
	padding:0;
} 

figure img {
	max-width:100%;
}

iframe {
	border:none;
}

::selection {
	background:#d4eaf5;
/* Safari */
	color:#2f2f2f;
}

::-moz-selection {
	background:#d4eaf5;
/* Firefox */
	color:#2f2f2f;
}

html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

body {
	margin:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block;
}

audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline;
}

[hidden],template {
	display:none;
}

a {
	background-color:transparent;
}

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

b,strong {
	font-weight:700;
}

small {
	font-size:80%;
}

figure {
	margin:1em 40px;
}

hr {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}

pre {
	overflow:auto;
}

button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
}

button {
	overflow:visible;
}

button,select {
	text-transform:none;
}

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

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

input {
	line-height:normal;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	border:0;
	padding:0;
}

textarea {
	overflow:auto;
}

optgroup {
	font-weight:700;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th {
	padding:0;
}

html {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,button,select,textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}

a {
	text-decoration:none;
}

a:hover,a:focus {
	text-decoration:underline;
}

a:focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

figure {
	margin:0;
}

img {
	vertical-align:middle;
	border:none; /* IE 6-9 */
}

.img-responsive {
	display:block;
	max-width:100%;
	height:auto;
}

hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top:1px solid #eee;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit;
	text-transform: lowercase;
}

h1,.h1,h2,.h2,h3,.h3 {
	margin-top:20px;
	margin-bottom:10px;
}

h4,.h4,h5,.h5,h6,.h6 {
	margin-top:10px;
	margin-bottom:10px;
}

h1,.h1 {
	font-size:36px;
}

h2,.h2 {
	font-size:30px;
}

h3,.h3 {
	font-size:24px;
}

h4,.h4 {
	font-size:18px;
}

h5,.h5 {
	font-size:14px;
}

h6,.h6 {
	font-size:12px;
}

p {
	margin:0 0 10px;
}

small {
	font-size:85%;
}

mark {
	background-color:#fcf8e3;
	padding:.2em;
}

ul,ol {
	margin-top:0;
	margin-bottom:10px;
}

ul ul,ol ul,ul ol,ol ol {
	margin-bottom:0;
}

.list-unstyled {
	padding-left:0;
	list-style:none;
}

.list-inline {
	padding-left:0;
	list-style:none;
	margin-left:-5px;
}

.list-inline>li {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
}

blockquote {
	padding:10px 20px;
	margin:0 0 20px;
	font-size:17.5px;
	border-left:5px solid #eee;
}

table {
	background-color:transparent;
}

caption {
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	text-align:left;
}

fieldset {
	padding:0;
	margin:0;
	border:0;
	min-width:0;
}

legend {
	display:block;
	width:100%;
	padding:0;
	margin-bottom:20px;
	font-size:21px;
	line-height:inherit;
	color:#333;
	border:0;
	border-bottom:1px solid #e5e5e5;
}

label {
	display:inline-block;
	max-width:100%;
	margin-bottom:5px;
	font-weight:700;
}

output {
	display:block;
	padding-top:7px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
	content:" ";
	display:table;
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.pager:after,.panel-body:after,.modal-footer:after {
	clear:both;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform:rotate(0deg);
	}
	
	to {
		-webkit-transform:rotate(359deg);
	}
}

@-moz-keyframes rotation {
	from {
		-moz-transform:rotate(0deg);
	}
	
	to {
		-moz-transform:rotate(359deg);
	}
}

@-o-keyframes rotation {
	from {
		-o-transform:rotate(0deg);
	}
	
	to {
		-o-transform:rotate(359deg);
	}
}

@keyframes rotation {
	from {
		transform:rotate(0deg);
	}
	
	to {
		transform:rotate(359deg);
	}
}

#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#f9f9f9;
	z-index:9999999;
}

#status {
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-20px 0 0 -20px;
}

.spinner {
	height:40px;
	width:40px;
	position:relative;
	-webkit-animation:rotation .8s infinite linear;
	-moz-animation:rotation .8s infinite linear;
	-o-animation:rotation .8s infinite linear;
	animation:rotation .8s infinite linear;
	border-top:6px solid rgba(28,28,28,0.08);
	border-right:6px solid rgba(28,28,28,0.08);
	border-bottom:6px solid rgba(28,28,28,0.08);
	border-left:6px solid #7bc4e6;
	border-radius:100%;
}

#preloader .textload {
	width:100%;
	position:absolute;
	top:calc(50% + 30px);
	left:0;
	text-transform:uppercase;
	text-align:center;
	color:#7bc4e6;
}

/*-----------------------------------------------------------------------------------*/
/*	01. GENERAL
/*-----------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Suisse-Regular';
  src: url(assets/fonts/SuisseIntl-Regular-WebXL.woff2) format("woff2"),
       url(assets/fonts/SuisseIntl-Regular-WebXL.woff) format("woff");
	font-style: normal;
}


@font-face {
  font-family: 'Suisse-Italic';
  src: url(assets/fonts/SuisseIntl-RegularItalic-WebXL.woff2) format("woff2"),
       url(assets/fonts/SuisseIntl-RegularItalic-WebXL.woff) format("woff");
  font-style: italic;
  font-style: oblique;
}


/* @font-face {
	font-family:'Roboto-Bold';
	src:url(assets/fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(assets/fonts/Roboto-Bold.woff) format("woff"),url(assets/fonts/Roboto-Bold.ttf) format("truetype"),url(assets/fonts/Roboto-Bold.svg#Roboto-Bold) format("svg");
	font-weight:400;
	font-style:normal;
} */

@font-face {
	font-family:'Roboto';
	src:url(assets/fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(assets/fonts/Roboto-Regular.woff) format("woff"),url(assets/fonts/Roboto-Regular.ttf) format("truetype");
	font-weight:400;
	font-style:normal;
} 

@font-face {
	font-family:'IMPULS';
	src:url(assets/fonts/IMPULS.eot?#iefix) format("embedded-opentype"),url(assets/fonts/IMPULS.woff) format("woff");
}


@font-face {
	font-family:'IMPULSSLGM';
	src:url(assets/fonts/IMPULSSLGM.eot?#iefix) format("embedded-opentype"),url(assets/fonts/IMPULSSLGM.woff) format("woff");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'IMPULSCUD';
	src:url(assets/fonts/IMPULSCUD.eot?#iefix) format("embedded-opentype"),url(assets/fonts/IMPULSCUD.woff) format("woff");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'IMPULSORHU';
	src:url(assets/fonts/IMPULSORHU.eot?#iefix) format("embedded-opentype"),url(assets/fonts/IMPULSORHU.woff) format("woff");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'IMPULSUOA';
	src:url(assets/fonts/IMPULSUOA.eot?#iefix) format("embedded-opentype"),url(assets/fonts/IMPULSUOA.woff) format("woff");
	font-weight:400;
	font-style:normal;
}

body {
	overflow-x:hidden;
	font-size:14px;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:100%;
	font-family:'Suisse-Regular',sans-serif;
	background:none;
	display:flex;
	height:100vh;
	flex-direction:column;
	color:rgba(255, 255, 255, 1);
}

.navbar,footer {
	flex-shrink:0;
}

.inner {
	padding:70px 20px;
	width: 100%;
	min-height: calc(100vh - 8rem);
}

.gallery {
    padding-right: 20px;
    padding-left: 20px;
    width:100%;
    margin:0 auto;
	}

input,button,select,textarea {
	font-family:inherit;
	font-weight:400;
	color:inherit!important;
}

p {
	margin:0 0 20px;
}

a {
	color:var(--black-color);
	transition:all 150ms ease-in;
	
}

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

strong {
	font-weight:600;
}

h1,h2,h3,h4,h5,h6 {
	margin-top:0;
	margin-bottom:10px;
	font-weight:500;

	font-family:  'Suisse-Regular', serif;
	text-align: left;
}

h1 {
	font-size:40px;
	line-height:45px;
	margin-bottom:1rem;
}

h2 {
	font-size:22px;
	line-height:30px;
	margin-bottom:20px;
}

h3 {
	font-size:18px;
	line-height:24px;
}

h4 {
	font-size:16px;
	line-height:20px;
	margin-bottom:7px;
}

h5 {
	font-size:1remx;
	line-height:19px;
}

h6 {
	font-size:14px;
	line-height:18px;
}

footer {
	padding-top:5px;
	color:var(--black-color);
	background-color: var(--green-color);
}

.footer-menu {
	font-weight:700;
	margin-right:20px;
}

.footer-menu a, a.footer-menu {color: var(--black-color);}
.footer-menu a:hover, a.footer-menu:hover {color: var(--violet-color);}

hr {
	border:0;
	border-bottom:2px solid rgba(0,0,0,0.09);
	padding-top:80px;
	margin-bottom:100px;
	box-shadow:none;
}

ul {
	padding:0 0 0 18px;
}

ol {
	padding:0 0 0 20px;
}

ul,ol {
	margin-bottom:1rem;
}

blockquote {

	line-height:1.4;
	font-weight:400;
	color:inherit;
	font-style:italic;
	position:relative;
	border:0;
	padding:0 0 0 3rem;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
	position:relative;
	min-height:1px;
	padding-left:1rem;
	padding-right:1rem;
}


@media (min-width:992px) {

	.col-md-6 {
		width:50%;
	}
	
	.col-md-3 {
	 width:25%;
	 }
	 
	.home .col-md-3{
		width: 33%;
	}
	 
	}
}

@media (min-width: 1200px) {
	.col-lg-height {
		display:table-cell;
		float:none!important;
		vertical-align:middle;
	}
}

/************   Background Images on larger Screens *************/
@media (min-width: 992px) {
	.page-template-template-homepage .content-wrapper,.home .content-wrapper {
		background-image:url(assets/images/Homepage_background.svg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-autoren .content-wrapper {
		background-image:url(assets/images/Komponisten_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-concerts .content-wrapper {
		background-image:url(assets/images/Kalender_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-composers .content-wrapper {
		background-image:url(assets/images/Komponisten_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-dirigenten .content-wrapper {
		background-image:url(assets/images/Dirigenten_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-ensembles .content-wrapper {
		background-image:url(assets/images/Team_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-masterclasses .content-wrapper {
		background-image:url(assets/images/Orte_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-solisten .content-wrapper {
		background-image:url(assets/images/Solisten_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-urauf .content-wrapper {
		background-image:url(assets/images/Urauffuehrungen_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-team .content-wrapper {
		background-image:url(assets/images/Team_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.page-template-template-venue .content-wrapper {
		background-image:url(assets/images/Orte_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.gallery-template-default .content-wrapper, .page-template-default .light-wrapper-bg  {
		background-image:url(assets/images/Orte_background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	
}

/*-----------------------------------------------------------------------------------*/
/*	BUTTON
/*-----------------------------------------------------------------------------------*/
.btn {
	color:#FFF;
	background:#c40f44;
	border:0;
	margin-bottom:10px;
	margin-right:4px;
	padding:6px 12px;
	font-size:24px;
	line-height:1;
	font-weight:900;
	border-radius:0;
	text-shadow:none;
	text-transform:uppercase;
	transition:all 150ms ease-in;
	box-shadow:none;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	#B4E6BE-space:nowrap;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

.btn:hover,.btn:focus,.btn:active,.btn.active {
	outline:0;
	background:#fef;
	transition:all 150ms ease-in;
	box-shadow:none;
	border-color:transparent;
}

.close {
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	text-shadow:0 1px 0 #fff;
	opacity:.2;
	filter:alpha(opacity=20);
}

.close:hover,.close:focus {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	opacity:.5;
	filter:alpha(opacity=50);
}

.buy-ticket, #mc_signup_submit {
    background-color: #fff;
    color: grey;
    padding: 10px 15px;
    margin-top: 15px;
    font-size:13px;
}

#mc_signup_submit {
	width:200px !important;
	float:right;
	color:var(--black-color) !important;
}

a.buy-ticket {
	text-decoration: none !important;
}

.prevnextarrows {
    font-size: 30px!important;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px !important;
}

.prevnextarrows a {
text-decoration: none!important;
}


/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
/****** @group nav ******/




.navbar-header {
	display: flex;
	align-items: center;
	background: var(--green-color);
	flex-wrap: wrap;
}

.nav-bars-wrapper {
	margin-right: 2rem;
	display: none;
}


.navbar-brand:hover,.navbar-brand:focus {
	text-decoration:none;
}

.navbar-brand a img {
	width:auto !important;
	height: 3.7rem;
	}


.header-date {
	font-size:1.7rem;
	font-family: 'Roboto',Helvetica,Arial;
	font-weight:700;
	padding-left:2rem;
	color: var(--black-color);
}


nav {
	font-family:'IMPULS',Roboto,Helvetica,Arial;
	font-size:19px;
	display:block;
	margin:0;
	padding:0.8rem 0;
	background-color: var(--green-color);
}

.navbar {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
}

.navbar-collapse {
	flex-grow:1;
	z-index: 1000;
}

.menu-header-menu-container {
	float:right;
	height:30px;
}



nav li {
	white-space:nowrap;
	list-style:none;
	width:auto;
}


nav a:link {
	font-family:'IMPULS',Roboto,Helvetica,Arial;
	text-decoration:none;
	word-spacing: 6px !important;
}

/* Sub-Menüs */
nav ul ul {
	display: none;
	padding:0;
	margin: 0;
	position: relative;
}

nav ul ul li{
	padding:0;
}


nav ul li:hover > ul {
display:block;
position: relative;
background-color: var(--green-color);
min-width:10rem;
max-width:14rem;

}

nav ul li:hover > ul a {
padding: 0 22px;
}

/* Unterer weißer Rand am Ausklappmenü */
nav ul.sub-menu li:last-child {
padding-bottom: 11px;
}


#menu-header-menu li a:hover{
color:var(--black-color); /* Farbe soll erhalten bleiben, da sich Buchstaben beim Hovern ändern */
transition:none;

}




/*** programm ***/
.menu-item-972 a:hover, .current-menu-parent.menu-item-972 > a{
	font-family:'IMPULSORHU',Roboto,Helvetica,Arial;
	}
	
	/*festival 2023 */
	.menu-item-952 a:link {
		font-family:'IMPULSUOA',Helvetica,Arial ;
	}
			.menu-item-952 a:hover {
				font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
			}
	
	/* Campus */
	.menu-item-3158 a:hover {
		font-family:'IMPULSUOA',Roboto,Helvetica,Arial;
	}
	
	/* Satellit */
	.menu-item-3600 a:hover {
		font-family:'IMPULSUOA',Roboto,Helvetica,Arial;
	}
	


/*** line-up ***/
.menu-item-951 a:hover, .current-menu-parent.menu-item-951 > a{
	font-family:'IMPULSUOA',Roboto,Helvetica,Arial;
}

	/*künstler*innen */
	.menu-item-956 a:hover {
		font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
	}
	
	/*komponist*innen */
	.menu-item-957 a:hover {
		font-family:'IMPULSUOA',Roboto,Helvetica,Arial;
		}
	
	/*ensembles */
	.menu-item-959 a:hover {
		font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;

	}

/*** orte ***/
.menu-item-949 a:hover, .current-menu-item.menu-item-949 > a{
	font-family:'IMPULSUOA',Roboto,Helvetica,Arial;	
	}

/*** media ***/
.menu-item-3606 a:hover, .current-menu-item.menu-item-3606 > a{
	font-family:'IMPULSCUD',Roboto,Helvetica,Arial;
	}
	
	/*archiv*/
	.menu-item-956 a:hover {
		font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
	}
	
	/*presse */
	.menu-item-3607 a:hover {
		font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
		}


/*** Über Impuls */
.menu-item-2195 a:hover, .current-menu-item.menu-item-2195 > a{
	font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
}

	/* festival */
	.menu-item-3602 a:hover {
		font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
	}
	
	/* team */
	.menu-item-955 a:hover {
		font-family:'IMPULSSLGM',Roboto,Helvetica,Arial;
		}
		
	/* partner */
	.menu-item-3601 a:hover {
		font-family:'IMPULSORHU',Roboto,Helvetica,Arial;
		letter-spacing: 1px;
	}
	
	/* förderer */
	.menu-item-3605 a:hover {
		font-family:'IMPULSCUD',Roboto,Helvetica,Arial;
		}



/*-----------------------------------------------------------------------------------*/
/*	HAMBURGER MENU ICON
/*-----------------------------------------------------------------------------------*/
.nav-bars {
	display:block;
	position:relative;
	overflow:hidden;
	padding:0;
	width:30px;
	height:30px;
	font-size:0;
	text-indent:-9999px;
	float:right;
	box-shadow:none;
	border-radius:0;
	border:none;
	cursor:pointer;
	-webkit-transition:background .3s;
	transition:background .3s;
	pointer-events:all;
}

.nav-bars:focus {
	outline:none;
}

.nav-bars span {
	display:block;
	position:absolute;
	top:13px;
	left:0;
	right:0;
	height:3px;
	background: #2e2e2e;

}

.nav-bars span::before,.nav-bars span::after {
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:3px;
	content:"";
	background: #2e2e2e;
}

.nav-bars span::before {
	top:-8px;
}

.nav-bars span::after {
	bottom:-8px;
}

.nav-bars span {
	-webkit-transition:background .3s;
	transition:background .3s;
}

.nav-bars span::before,.nav-bars span::after {
	-webkit-transition-duration:0.3s,.3s;
	transition-duration:0.3s,.3s;
	-webkit-transition-delay:0.3s,0;
	transition-delay:0.3s,0;
}

.nav-bars span::before {
	-webkit-transition-property:top,-webkit-transform;
	transition-property:top,transform;
}

.nav-bars span::after {
	-webkit-transition-property:bottom,-webkit-transform;
	transition-property:bottom,transform;
}

.nav-bars.is-active span {
	background:none;
}

.nav-bars.is-active span::before {
	top:0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.nav-bars.is-active span::after {
	bottom:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.nav-bars.is-active span::before,.nav-bars.is-active span::after {
	-webkit-transition-delay:0s,.3s;
	transition-delay:0s,.3s;
}

nav .navbar .navbar-nav > li > a:hover span,.navbar .navbar-nav > li > a.highlighted span {
	font-family:'Suisse-Regular', serif;
	font-stretch:expanded;
	font-size:18px;
	display:inline-block;
	-webkit-transform:scale(2,1);
	-moz-transform:scale(2,1);
	-ms-transform:scale(2,1);
	-o-transform:scale(2,1);
	transform:scale(2,1);
	margin-left:11px;
	margin-right:11px;
}

/*-----------------------------------------------------------------------------------*/
/*	CONTENT
/*-----------------------------------------------------------------------------------*/
	.content-wrapper{
		position: relative;
		margin-top: 7.2rem;
		min-height: calc(100vh - 7.2rem);
	}

/*-----------------------------------------------------------------------------------*/
/*	THUMBNAIL OVERLAY
/*-----------------------------------------------------------------------------------*/
figure {
	display:block;
	overflow:hidden;
	position:relative;
	max-height:300px;
}

figure li a,figure li a img {
	display:block;
	overflow:hidden;
	position:relative;
}


/* BILDER auf UEBERSICHTSSEITEN */
figure a img {
	display:block;
	max-width:100%;
}


figure a img.imgold {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); /* Firefox 10-34 */
-webkit-filter: grayscale(1); /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */
filter: grayscale(0); /* Firefox 35+ */
filter: gray; /* IE 6-9 */
border:0; /* IE 6-9 */
/* IE 10, 11 per Javascript, siehe plugin.js und script.js */  
z-index:0;
	background-blend-mode:screen,normal;
}

/* BILDER in ARTIKELN */
.col-md-6 {
		float: left;

}

.concertst img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); /* Firefox 10-34 */
-webkit-filter: grayscale(1); /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */
filter: grayscale(0); /* Firefox 35+ */
filter: gray; /* IE 6-9 */
border:0; /* IE 6-9 */  
/* IE 10, 11 per Javascript, siehe plugin.js und script.js */
z-index:0;
}


figure a .overlay { 
	width:100%;
	height:100%;
	position:absolute;
	text-decoration:none;
	z-index:5;
	transition:all 200ms ease-in;
	padding: 1rem;
	color:var(--black-color);
}

figure a .overlay.musik { 
	background-color: rgb(255,255,130);
}

figure a .overlay.film { 
	background-color: rgb(170,65,255);
}

figure a .overlay.diskurs { 
	background-color: rgb(0,140,80);
}

figure a .overlay.kunst { 
	background-color: rgb(120,150,255);
}

figure a:hover .overlay {
	opacity:0.6;
	transition:all 200ms ease-in;
	/*background:transparent;*/
	color:var(--black-color);
}

.single-gallery figure a .overlay { 
	color:var(--green-color);
}




figure a .overlay .info {
	text-align:center;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	display:table;
}

figure a .overlay .overlay-text-top {
	padding:0;
	position:absolute;
	top:10px;
	width: auto;
}

figure a .overlay .overlay-text-bottom {
	padding:0;
	position:absolute;
	bottom:10px;
	width: calc(100% - 2rem);
}


figure a .overlay .title {
	/*font-family:'IMPULSCUD';*/
	font-size:19px;
	line-height:1.2;
	text-align:left;
	width:100%;
	height:100%;
	z-index:2;
	margin-bottom:1rem;
	text-transform: uppercase;
	
}

figure a .overlay:hover .title {
	display:table;
	
}


.venue figure a .overlay .date,.venue figure a .overlay .title,.venue figure a .concert-data .title,.venue figure a .concert-data .date,.venue figure a .concert-data .veranstaltungstyp  {
	/* font-family:'IMPULSUOA'; */
	
}

figure a .overlay .date, figure a .overlay .veranstaltungstyp  {
	font-size:19px;
	text-align:left;
	width:100%;
	height:100%;
	display:table;
	text-transform: uppercase;
}

figure a .overlay .veranstaltungstyp {
	border-bottom: 1px solid black;
}

figure a .overlay .details {
	font-family:'Suisse-Regular';
	font-size:16px;
	width:100%;
	height:100%;
	display:none;
}

figure a:hover .overlay .details {
	display:table;
}



figure a .overlay .info span {
	
	margin-bottom:10px;
	font-weight:500;
	letter-spacing:-.5px;
	font-size:16px;
	line-height:20px;
	display:table-cell;
	vertical-align:middle;
}

figure a .concert-data {
	display:none;
	z-index:4;
}

figure a .concert-data .title {
	font-family:'IMPULSCUD';
	font-size:19px;
	line-height:34px;
	text-align:left;
	width:100%;
	height:100%;
	display:table;
	margin-bottom:1rem;
}

figure a .concert-data .date {
	font-family:'IMPULS';
	font-size:19px;
	line-height:38px;
	text-align:left;
	width:100%;
	height:100%;
	display:table;
}



/* Über die Bilder in Einzelartikeln legen wir einen Blauen Overlay */
.concertst .overlay {
	opacity:0;
	width:calc(100% - 30px); /* 30 px werden abgezogen, da sie als Padding in col-md-6 hinzugefügt wurden */
	height:100%;
	position:absolute;
	text-decoration:none;
	z-index:1;
	/* background: var(--green-color); */
}

.concert-sidebar .colorization {
	width:calc(100% - 30px);
}



/* Über die Bilder in Übersichtsseiten ein farbiger Overlay */
.colorization{
	opacity:0;
	width:100%;
	height:100%;
	position:absolute;
	text-decoration:none;
	z-index:1;
	/*background-color: var(--violet-color); */
	background-repeat:no-repeat;
	background-size:cover;
}

/* abgelaufene Termine */
.colorizationold{
	opacity:0.7;
	width:100%;
	height:100%;
	position:absolute;
	text-decoration:none;
	z-index:1;
	background: var(--green-color);

}


/* Highlight Homepage */
.colorizationhighlight{
	width:100%;
	height:100%;
	position:absolute;
	text-decoration:none;
	color: var(--black-color);
	background-color: var(--green-color); 
	z-index:3;

}




.outerflex {
	display: flex;
	flex-wrap: nowrap;
	width:100vw;
}

.homeinfo {
	width:25%;
	padding:10px;
	
}

.homeinfo a {
	color: var(--black-color);
	font-size:19px;
}

.homeinfo a:hover, .homeinfo a:focus {
	text-decoration: none;
}





/* Gallery soll jedoch nicht in Grauwerte umgewandelt werden */

.single-gallery .concertst img, .single-gallery figure a img {

filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 10+, Firefox on Android */
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none; /* IE 6-9 */
}

/* Hygieneseite */
.page-id-2813 img {
	filter: none;
	-webkit-filter: none;
	width: 93.5vw;
	height: auto;
}



/* Featured Artist on Homepage */

.home-solist figure {
	max-height:600px;
	height:600px;
}

.overlayhighlight {
    width: 100%;
    height: 100%;
    position: absolute;
    text-decoration: none;
    z-index: 5;
    transition: all 200ms ease-in;
 	display:inline;
}

.home-solist figure a .concert-data {
	padding:0 15px;
	position:absolute;
	top:10px;
	display:block; /* hebt display:none in 'figure a .concert-data' auf */
	}

.home-solist figure a .concert-data .title {
	height:auto;
	font-family:'IMPULSORHU';
}

.home-solist figure a .mehr {
	position:absolute;
	bottom:10px;
	right:10px;
	font-family:'IMPULSORHU';
	font-size:20px;
	line-height:25px;
}

.home-solist figure a .concert-data .details {
	font-family:'Suisse-Regular';
	font-size:17px;
	line-height:1.2;
	text-align:left;
	width:100%;
	height:100%;
	display:table;
	margin-bottom:1rem;
}

.homesolistimage {
	z-index:2;
}

.homesolistimage img {
	object-fit: cover;
	height:100%;
	width:auto;
}



/* ################################################*/
h1.concert_main_title {
	font-family:'IMPULSCUD';
	font-size:30px;
	line-height:34px;
	text-align:left;
	width:100%;
	height:100%;
	z-index:2;
	display:table;
	margin-bottom:1rem;

}


article, .page-content {
	color:var(--black-color);
	background-color:var(--green-color);
	padding:1rem 0;
	min-height: inherit;
}

.page-content {
	padding:1rem;
}


article a, .page-content a {
	color:var(--black-color);
}

.concert_subtitle {

font-family:'Suisse-Regular', serif;
text-transform: inherit;
}

.concert-content {
	font-family:'Suisse-Regular', serif;
	font-size:16px;
	line-height:21px;
	margin-bottom:1px;
}

.concert-content p {
	margin-bottom:1px;
}

.concert-content .space19 {
	margin-bottom:19px;
	display:block;
}

/* youtube video embeds */
.concert-content p iframe {
	margin-top:2rem;
}

.concertst a {
	text-decoration:underline;
}

.concertst a:hover {
	text-decoration:none;
}

.page-content {
	font-size:16px;
	line-height:20px;
}

.page-content p {
	margin-top:1rem;
}

/* Förderer */
.light-wrapper {
	display: flex;
	flex-wrap: wrap;
	width:100%;
	height: fit-content;
	height: max-content;
}

.home .light-wrapper {
	width: 75%;
}

.light-wrapper-bg {
	background-image:url(assets/images/Orte_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.mc_form_inside {
	margin-top:30px;
}

input#mc_mv_EMAIL.mc_input {
	background:#fff;
	color:var(--black-color) !important;
}

.pull-right {
	float:right!important;
}

.pull-left {
	float:left!important;
}

a.pull-left.footer-menu {
	padding-top:0;
}

.nopadd {
	padding-left:0;
}

.concertst {
	position:relative;
}




.red {
	/*height:100%;*/
	padding:0;
	overflow:hidden;
	margin-bottom:0;
}


::selection {
	background:#d4eaf5;
/* Safari */
}

::-moz-selection {
	background:#d4eaf5;
/* Firefox */
}






/*	26. FORMS
/*-----------------------------------------------------------------------------------*/
select {
	-webkit-appearance:none;
	box-shadow:none!important;
	width:100%!important;
	font-weight:400;
}

label {
	font-weight:inherit;
}

.form-field label {
	width:100%;
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	font-weight:inherit;
	width:100%;
	height:41px;
	padding:0 15px;
	margin-bottom:1rem;
	font-size:14px;
	line-height:41px;
	color:inherit;
	background:transparent;
	border:2px solid rgba(0,0,0,0.09);
	border-radius:0;
	resize:none;
	vertical-align:middle;
	box-shadow:none;
	transition:all 150ms ease-in;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
	box-shadow:none;
	border:2px solid rgba(0,0,0,0.15);
}

textarea {
	height:100%;
	padding:8px 13px;
	line-height:22px;
	margin-bottom:20px;
	min-height:200px;
	resize:vertical;
	font-weight:inherit;
}

select {
	color:#595959!important;
}


/*-----------------------------------------------------------------------------------*/
/*	28. GO TO TOP
/*-----------------------------------------------------------------------------------*/
#scrollUp {
	bottom:20px;
	right:20px;
	transition:background 200ms linear;
	-webkit-backface-visibility:hidden;
	font-size:16px;
}

#scrollUp i {
	font-size:12px;
	color:#FFF;
	padding:0;
}

#scrollUp .btn {
	background-color: #012638;
}

/*-----------------------------------------------------------------------------------*/
/*	29. SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/
.social li {
	display:inline-block;
	margin:0 20px 0 0;
}

.social li a:hover {
	opacity:.2;
	transition:all 150ms ease-in;
}

.social img {
	width:18px;
	height:auto;
}


/*-----------------------------------------------------------------------------------*/
/*	33. BOX LAYOUT
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1270px) {
	.box-layout {
		background:transparent url(style/images/bg1.jpg) repeat fixed;
		padding:0;
	}
	
	.box-layout .content-wrapper {
		background:#FFF;
		position:relative;
	}
	
	.box-layout .content-wrapper,.box-layout footer.footer {
		width:1270px;
		margin:0 auto;
		box-shadow:0 1px 5px 0 rgba(0,0,0,0.2);
	}
	
	.box-layout footer.footer {
		box-shadow:none;
	}
	
	.box-layout footer.footer-bg2 {
		position:relative;
		z-index:999;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	34. RESPONSIVE
/*-----------------------------------------------------------------------------------*/


/*####################################################*/
/* Large Laptops and Desktop Computers */
@media (min-width:1200px) {
	
	/* Datum anzeigen */
	
	.gallery {
	    width: 1170px;
	    padding: 0;
	}
	
}

/* navigation appears in one row */
@media (min-width:1720px) {
		.content-wrapper {
		margin-top:4.3rem;
		}
	
}



/*####################################################*/
/* 13" Laptops and up */
@media (min-width:992px) {

		
	nav li {
    width: 10rem; /* determines also the width of the submenus */
    float:left;
	}
	
	#menu-item-949, #menu-item-3606, #menu-item-951, #menu-item-960{
		width:7rem;
	}

	#menu-item-2195 {
		width:12rem;
	}

	nav li, .sub-menu li {
	display: inline-block;
	}
	
	nav ul li:hover > ul {
    position: absolute;

	}
	
	nav ul ul {
    margin: 0 0 0 -23px;
	}
	
	nav ul ul li {
    padding: 12px 0 4px 0;
	}
	
	nav ul li:hover > ul a {
    padding: 11px 22px;
	}

	
}

/* 13" Laptops */
/*####################################################*/
@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display:block!important;
	}
	
		.portfolio-grid.col4 .item {
		width:33.33339%;
	}
		
	
}


/*####################################################*/
/* Landscape Ipad */
@media (max-width: 991px) {
	
	.menu-header-menu-container {
		height:auto;
		width:100%;
	}
	
	.navbar-brand a img {
	  width: auto !important;
	  height: 2.8rem;
	}


	.navbar .navbar-header {
    	padding-top: 15px;
		padding-bottom: 15px;
		justify-content: space-between;
	}
	
	.navbar .navbar-collapse.collapse {
		display: none;
	}
	
	.navbar .container {
		width:100%;
		padding:0;
	}
	
	.navbar .nav-bars-wrapper {
		display:table-cell;
		vertical-align:middle;
	}
	
	.nav-bars-wrapper {
		display: block;
	}
	
	.navbar .navbar-nav > li {
		margin:8px 30px;
	}
	
	.navbar .navbar-nav {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	nav a:link {
		font-family:'IMPULSORHU',Roboto,Helvetica,Arial;
		text-decoration:none;
		word-spacing: 6px !important;
	}

	

	.header-date {
		font-size: 1.2rem;
		padding:0;
		
	}
	
	nav ul ul {
		display: block;
		padding-left: 2rem;
	}

	
	.content-wrapper {
		margin-top: 4.6rem;
	}

    .outerflex {
		flex-wrap: wrap;
	}
	
	.homeinfo {
		width:100%;
	}
	
	.home .light-wrapper {
		width:100%;
	}
	
	.col-md-3 {
		width: 50%;
	}
	
		
	.concert-sidebar {
		margin: 2rem 0 0 0 ;
	}
		
	
	.portfolio-grid.col3 .item,.portfolio-grid.col4 .item {
		width:50%;
	}
	
	figure a .overlay .title, figure a .overlay .date, figure a .concert-data .title, figure a .concert-data .date {
    font-size: 19px;
    line-height: 1.2;
    }
    

}

@media (max-width: 760px) {
	
	.header-date {
		display:none;
  	}
	
	
}


/*####################################################*/
/* Smartphone (Iphone) */
@media (max-width: 480px) {



	.navbar-brand a img {
		width: auto;
		height: 3rem;
	}
	
	.navbar .navbar-header {
	padding-left:1rem;
	padding-right:1rem;
	width:100%;
	}
	
	
	.menu-header-menu-container {
	    margin: 0 0 1rem 1rem;
	}
	
	.content-wrapper {
		margin-top: 4.8rem;
	}
	
	.col-md-3 {
	  width: 100%;
	}
	
	
}


/*********** PRINT STYLESHEET ***************/
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*,:before,:after {
		background:transparent!important;
		color:#000!important;
		-webkit-box-shadow:none!important;
		box-shadow:none!important;
		text-shadow:none!important;
	}
	
	a,a:visited {
		text-decoration:underline;
	}
	
	a[href]:after {
		content:" (" attr(href) ")";
	}
	
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	
	a[href^="#"]:after,a[href^="javascript:"]:after {
		content:"";
	}
	
	tr,img {
		page-break-inside:avoid;
	}
	
	h2,h3 {
		page-break-after:avoid;
	}
	
	select {
		background:#fff!important;
	}
	
	.navbar {
		display:none;
	}
	


}