/*
 Theme Name:     Weserfestspiele-Theme
 Theme URI:      http://www.elegantthemes.com/gallery/Divi/
 Description:    Foxy Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
	Version: 2.7.8
*/

@import url("../Divi/style.css");
/* =Theme customization starts here

*/

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

/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}



[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon_pin:before {
	content: "\e081";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.social_linkedin:before {
	content: "\e09d";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.social_facebook:before {
	content: "\E093";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon_house:before {
	content: "\e074";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.social_youtube:before {
	content: "\e0a3";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon_cloud:before {
	content: "\e06f";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'ETmodules';
	src: url('fonts/ETmodules_v2.eot');
	src: url('fonts/ETmodules_v2.eot?#iefix') format('embedded-opentype'),  url('fonts/ETmodules_v2.ttf') format('truetype'),  url('fonts/ETmodules_v2.woff') format('woff'),  url('fonts/ETmodules_v2.svg#ETmodules') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'zona_probold';
    src: url('fonts/zonapro-bold-webfont.woff2') format('woff2'),
         url('fonts/zonapro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'zona_prolight';
    src: url('fonts/zonapro-light-webfont.woff2') format('woff2'),
         url('fonts/zonapro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'zona_pro_regularregular';
    src: url('fonts/zonapro-regular-webfont.woff2') format('woff2'),
         url('fonts/zonapro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'Montserrat', sans-serif;}

h1, h2, h3 {
	font-family: 'zona_probold';
	text-transform: uppercase;
	line-height: 1.2em;
}

 h4, h5, h6 {
	font-family:'zona_pro_regularregular';
	line-height: 1.2em;
}

.blue {color:#01b2bb;}
.smalltext {font-size:14px; line-height:1.3em;
}
p {

}

p a {
	color:#01b2bb;
}
p a:hover {
	color:#f7a600;
}

#top-header {
z-index: 200;
}

#top-header .container {font-weight:normal;}

.more-link {
	color:#01b2bb;
}
.more-link:after {content: "\045";
	font-family: 'ElegantIcons'; vertical-align:-2px;}
.more-link:hover {color:#f7a600;}

.et_boxed_layout #page-container {

    -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0px 0 rgba(0,0,0,.2);

}

#main-header {
  z-index: 100;
	-webkit-box-shadow: 0 0px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}

.single .post {
	padding-bottom: 0px;}

.et_parallax_bg {background-position: top right;}

.et_fullwidth_nav #main-header .container {width:90%; max-width: 1080px; padding-left:0px; padding-right:0px;}

.et_mobile_menu li a {text-transform:uppercase;}

#logo {max-height:60px;}
.header-logo {max-width:350px;}
#et-top-navigation {font-weight: normal; letter-spacing:0.05em;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {margin:0px auto; padding:0px;}

#footer-widgets {padding:3% 0 0;}
.footer-widget {margin-bottom:3%;}
.vk-wf-logoleiste {filter:grayscale(100%); -webkit-filter:grayscale(100%);}
.vk-wf-logoleiste:hover {filter:grayscale(0%); -webkit-filter:grayscale(0%);}


@media only screen and (max-width: 1600px) {
	.header-logo {max-width:300px;}
	.et_pb_fullwidth_header {padding:0px;}
}
@media only screen and (max-width: 1280px) {
.header-logo {max-width:250px;}
	.et_pb_fullwidth_header {padding:0px;}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {margin:0px auto; padding:0px;}
	.container {width:90%; max-width: 1080px; padding-left:0px; padding-right:0px;}
	.et_fullwidth_nav #main-header .container {width:90%; max-width: 1080px; padding-left:0px; padding-right:0px;}
}


@media only screen and (max-width: 768px) {
	.et_pb_fullwidth_header {padding:0px;}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {margin:0px auto; padding:0px;}
	.header-logo {max-width:200px;}	
	h2 {font-size: 20px;}
	
}

/* EVENT Kalender */
p.align-right {
  text-align: right;
}

.vk-event-list-wrapper {width: 100%; margin-bottom:10px; display: flex; justify-content:space-between; /* opacity: 0.7; */}
.vk-event-list-wrapper:hover {/*opacity: 1; cursor:pointer;*/}
.vk-event-list-date {width:15%; text-align: center; padding: 20px 0px; background: #f2f2f2; display:flex; flex-direction:column; justify-content:center;}
.vk-event-list-content {position: relative;width:59%; padding: 20px 30px; background: #f2f2f2;}
.vk-event-list-image {width:25%; background-size: cover; background-position: center;}
.day {font-size:17px; padding-bottom:0px;  font-family: 'zona_probold';}
.day-nr {font-size:30px; margin-bottom:0px; padding-bottom:0px; font-family: 'zona_probold';}
.month {font-size:17px; padding-bottom:0px; font-family: 'zona_probold';}
.time {font-size:17px; font-family: 'zona_probold';}
.month:after {width:50%; border-bottom: 2px solid #fff; margin:auto; display:block; content:"";  }
.vk-event-list-location {font-size:17px; font-family: 'zona_pro_regularregular'; padding-bottom:10px;}
.vk-event-list-title {font-size:24px; font-family: 'zona_probold'; padding-bottom:0px;}
.vk-event-list-subtitle {font-size:17px; font-family: 'zona_probold'; padding-bottom:0px;}
.vk-event-list-info {font-size:14px; display:inline; line-height:1.3em;}

.vk-location-event-list {padding:10px; background-color: rgba(1,178,187,0.9); margin-top:10px; opacity:1; color:#fff;}
.vk-location-event-list p a{color:#fff; font-size:0.9em; background:#333; padding:4px 6px;}
.vk-location-event-list p a:hover{color:#01b2bb; font-size:0.9em; background:#fff; text-decoration:none;}
.vk-location-event-list p a:after{content:" \024";font-family: 'ElegantIcons'; vertical-align:-2px;}
.vk-location-event-list:hover {opacity:1;}

.vk-artist-wrapper {width: 100%; display:flex; flex-direction:row; flex-wrap:wrap;}
.vk-artist-image {width:32%;  background-color:#999;  background-size: cover; background-position:center; display:flex; flex-direction:column; margin-bottom: 10px;  margin-right:1%; filter:grayscale(100%); background-blend-mode: multiply; -webkit-filter:grayscale(100%); color:#fff;} 
.vk-artist-image:hover{ filter:grayscale(0%); background-blend-mode: normal; cursor:pointer; color:rgba(255,255,255,0); transition: all 0.5s ease-in-out;}
.vk-artist-overlay {width:80%; text-align: center; padding:50px 0px; margin:auto;  }
.vk-artist-name {font-size: 26px; font-family:'zona_probold'; margin:30px 0px; padding:2px; text-decoration:underline; text-decoration-thickness: 3px; word-wrap:break-word; }

.vk-event-wrapper {width:80%; max-width:1080px; margin: 80px auto;}
.vk-event-header {width:100%; display: flex; justify-content:space-between; margin-bottom:30px;}
.vk-event-image {width:40%; background-size: cover; background-position:top center;}
.vk-event-facts {width:59.5%; padding: 20px; background: #f2f2f2; display:flex; flex-direction:column; justify-content:center;}
.vk-event-ticketbox {width:100%; padding-right:10px; color:#01b2bb; margin-top:20px; text-align:right;}
.vk-event-ticket-button {border:3px solid #01b2bb; color:#01b2bb; padding:10px 10px 8px 10px; font-family:'zona_probold'; font-size:17px;}
.vk-event-ticket-button:hover {border:3px solid #01b2bb; background:#01b2bb; color:#fff; cursor:pointer;}
.vk-event-vkinfo {padding:20px 0px; border-top:3px solid #01b2bb; border-bottom:3px solid #01b2bb; margin:30px 0px; }

.vk-event-title {font-size:36px; line-height:1.1em; font-family: 'zona_probold'; padding-bottom:0px; margin:20px 0px 5px 0px;}

.vk-event-text {margin-bottom:50px;}
.vk-event-artist-wrapper {width:100%; display: flex; justify-content:space-between; flex-direction:column; }
.vk-event-artist-image {width:30%; background-color:#999;}
.vk-event-artist-info {width:65%;}

.vk-event-artist-name-wrapper {width:100%; margin-bottom: 0px;  background:#01b2bb; padding:2%; text-align:center; }
.vk-event-artist-name {font-size: 20px; line-height:1.7em; font-family:'zona_probold'; margin:0px; text-decoration:underline; text-decoration-thickness: 3px;}


.sized-wrapper {
  max-width: 1080px;
  width: 80%;
  margin: 0px auto 80px auto;
}

.overlay-content {
display: none;
}

#overlay {
  color: #333;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: rgba(242,242,242,0.95);
  z-index: 1000;
  transition: 0.5s all;
  z-index: 20000;
}

#overlay .inner {
  overflow: scroll;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

#overlay.visible {
  width: 50%;
	max-width:800px;
}


#close-overlay {
  background: url(img/icon-close.png) center no-repeat;
  background-size: 40px 40px;
  position: absolute;
  right: 30px;
  top: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.o-wrapper {
  padding: 30px;
}


.et_mobile_menu li a {
	border-bottom: 0px solid rgba(0,0,0,.03);
}

@media (max-width: 980px) {
	#et-secondary-menu {
display:block
}
}

#main-header.et-fixed-header {
  -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.1) !important;
  box-shadow: 0 0 0px rgba(0,0,0,0.1) !important;
}


.pa-toggle-text .et_pb_text_inner {
	max-height: 200px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}


/*add gradient to the collapsed text*/

.pa-toggle-text .et_pb_text_inner:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, #fff 10%, transparent);
}


/*style the expand text link*/

.pa-toggle-text .pa-text-expand-button {
	padding: 0;
	text-align: right;
	color: #01b2bb!important;
}


/*change the curor to a pointed when hovering over the expand text link*/

.pa-toggle-text .pa-text-expand-button span {
	cursor: pointer;
}


/*define the font family for the toggle icon*/

.pa-toggle-text .pa-text-expand-button .pa-text-toggle-icon {
	font-family: ETMODULES, "sans-serif";
}


/*set the max height and transition of the expanded toggle*/

.pa-toggle-text .pa-text-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.5s ease-in;
}


/*hide the gradient when the toggle is expanded*/

.pa-toggle-text .pa-text-toggle-expanded.et_pb_text_inner:after {
	background: none;
}

.vk-event-list-filter {
	/* padding: 1.5rem 0; */
	/* border-top: 2px solid #01b2bb; */
	/* border-bottom: 2px solid #01b2bb; */
	margin-bottom: 2rem;
}
.vk-event-list-filter p {
	max-width: 800px;
}

.vk-event-list-filter .tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.vk-event-list-filter .tags .tag-button {
	cursor: pointer;
	font-size: 0.9rem;
	box-sizing: border-box;
	background: transparent;
	padding: 0.25rem;
	line-height: 1em;
	margin-bottom: 0.5rem;
	margin: 0.5rem;
	transition: all 0.5s;
	border: 2px solid #01b2bb;
}

.vk-event-list-filter .tags .tag-button:hover {
	opacity: 0.7;
}

.vk-event-list-filter .tags .tag-button.active {
	background: #01b2bb;
	color: #fff;
}

.vk-event-list-wrapper.hidden {
	display: none;
}

.vk-event-list-filter button {
	cursor: pointer;
	background: #01b2bb;
	border: none;
	padding: 0.25rem;
	color: #fff;
	line-height: 1em;
	transition: all 0.4s;
	font-size: 0.9rem;
	box-sizing: border-box;
	border: 2px solid #01b2bb;
}

.vk-event-list-filter button:hover {
	opacity: 0.7;
}
.vk-event-list-filter h4 {
	margin-top: 1rem;
}

.vk-event-list-filter .postal-code-sorting input {
	border: 1px solid #01b2bb;
	margin-left: 0.5rem;
	padding: 0.22rem;
	/* line-height: 1em; */
	font-size: 0.9rem;
	box-sizing: border-box;
}

.vk-event-list-barriere-tags {
	display: flex;
	position: absolute;
	right: 30px;
	top: 23px;

}

.vk-event-list-barriere-tags img {
	width: 22px;
	height: 22px;
	display: block;
	margin: 0 0.25rem;
	
}

.videos .video {
	position: relative;
	padding-bottom: 56.25%;
	max-width: 800px;
	margin-bottom: 2rem;
}

.videos .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 800px;
	max-height: 600px;
	height: 100%;
}
@media screen and (max-width: 1000px) {
	.vk-event-list-date .day-nr {
		font-size: 24px;
	}

	.vk-event-list-barriere-tags {
		right: 10px;
		top: 8px;
	
	}

	.vk-event-list-barriere-tags img {
		width: 18px;
		height: 18px;
		
	}
}
@media screen and (max-width: 600px) {
	.vk-event-list-date {
		width: 35%;
	}
	.vk-event-list-content {
		width: 65%;
	}
	.vk-event-list-image {
		display: none;
	}
}
.disable-lightbox a {
pointer-events: none;
}
 
.disable-lightbox .et_overlay {
display: none !important;
}

.et-pb-slider-arrows a { pointer-events: auto; color:#fff; }

.et_pb_gallery_pagination a { pointer-events: auto; }