/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
/*ANIMATIONEN
      
         @-webkit-keyframes flipInYcustom {
            0% {
               -webkit-transform: perspective(400px) rotateY(30deg);
               opacity: 0;
            }
            40% {
               -webkit-transform: perspective(400px) rotateY(-5deg);
            }
            70% {
               -webkit-transform: perspective(400px) rotateY(5deg);
            }
            100% {
               -webkit-transform: perspective(400px) rotateY(0deg);
               opacity: 1;
            }
         }
         
         @keyframes flipInYcustom {
            0% {
               transform: perspective(400px) rotateY(15deg);
               opacity: 1;
            }
            40% {
               transform: perspective(400px) rotateY(-3deg);
            }
            70% {
               transform: perspective(400px) rotateY(3deg);
            }
            100% {
               transform: perspective(400px) rotateY(0deg);
               opacity: 1;
            }
         }*/
		 
/*ALLGEMEIN*/


event-highlight-container

.event-highlight-container .event {
	display:inline-block;
	vertical-align:top;
	    margin-bottom: 50px;
}
.event-highlight-container .event:nth-child(3n-2) {
	margin-right:5%;
}
.event-highlight-container .event:nth-child(3n+0) {
	margin-left:5%;
}
.event-highlight-container .event a.img {
	position:relative;
	display: inline-block;
}
.event-highlight-container .event a.img:before {
	opacity:0;
/*	content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 5px;
    background: rgba(250, 34, 171, 0.62);
    background-image: url("img/event_pfeil.png");
    background-position: 100% 105%;
    background-size: 43px 43px;
    background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.event-highlight-container .event a.img:hover:before {
	opacity:1;
	background-position: 100% 100%;
}
.event-highlight-container .event h3 {
	width: auto;
    display: inline-block;
}
.event-highlight-container .event span {
     float: right;
	 font-size:21px;
	 color: #909090;
	 text-transform: uppercase
}
.event-highlight-container .event div {
        overflow: auto;
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 4px solid #fff;
    margin-bottom: 25px;
}

/*event-highlight-container ENDE*/

/*events-container*/
.events-container .event {
	width: 14%;
	display:inline-block;
	vertical-align:top;
	margin-right:1.6%;
	margin-left:1.6%;
}
.events-container .event:first-child {
	margin-left:0%;
}
.events-container .event:last-child {
	margin-right:0%;
}
.events-container .event a.img {
	position:relative;
	display: inline-block;
}
.events-container .event a.img:before {
	opacity:0;
	
	/*content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 5px;
    background: rgba(250, 34, 171, 0.62);
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
}
.events-container .event a.img:hover:before {
	opacity:1;
}
.events-container .date {
    text-align: center;
    color: #000;
    background: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    line-height: 22px;
    margin-top: -6px;
}
a.events.button {
    float: right;
    margin-top: 50px;
}
/*events-container ENDE*/


/*SINGLE EVENTS*/
.event-single-meta {
    max-width: 800px;
    margin: 0 auto;
	margin-top:30px;
}
.event-single-meta > span{
    width: 33%;
    display: inline-block;
	color: #666666!important;
	font-size:14px;
	text-transform:uppercase;
}
.event-single-meta > span >span{
    display: inline-block;
    color: #a3a3a3!important;
    font-size: 18px;
    padding-right: 10px;
    text-transform: uppercase;
    position: relative;
    top: 1px;
}
.event-special-section:after {
       content: "";
    width: 49px;
    height: 22px;
    display: block;
    position: relative;
    top: 32px;
    right: 0;
    /* left: 50%; */
    bottom: 5px;
    background: rgba(250, 34, 171, 0);
    background-image: url("img/pfeil.png");
    /* background-position: 100% 105%; */
    /* background-size: 49px 31px; */
    z-index: 9;
    margin: 0 auto;
}


/*Responsive fixes*/
.et_pb_section.event-special-section {
    padding-top: 30px!important;
    padding-bottom: 10px!important;
}

/*AJAX FIx*/
.single-gallerie .et_pb_gallery_item {
	display: block;
}



/*RESPONSIVE
@media (max-width: 1200px) {
	.pum-content.popmake-content h1:before, .pum-content.popmake-content h2:before,
	.pum-content.popmake-content h1:after, .pum-content.popmake-content h2:after {
		display:none;
	}
	.pum-container.custom-position {
		top: auto!important;
		top:155px!important;
	}
	.popmake-overlay {
		z-index: 999997!important;
	}
	.pum-container .et_pb_module.et_pb_gallery {
		visibility: hidden;
	}
	
}
@media (max-width: 980px) {
	.pum-container.custom-position {
		top: auto!important;
		top:90px!important;
	}
	div#header-widget-area-wrap {
			top: 21px;
	}
	.et_pb_section {
		padding: 4% 0!important;
	}
	h1:before, h2:before,
	h1:after, h2:after {
		width: 100px;
	}
	
	#page-container {
		padding-top: 65px!important;
	}
}

@media (max-width: 800px) {
div#header-widget-area-wrap {
    position: absolute;
    right: 65px;
    top: 22px!important;
}
.et_pb_section {
    padding: 4% 0!important;
}
h1:before, h2:before,
h1:after, h2:after {
    width: 50px;
}
.events-container .event {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    margin-left: 0;
	margin-bottom:30px
}

.events-container .event:first-child {
    margin-left: 0;
	 margin-right: 5%;
}
.events-container .event:nth-child(3n+1) {
    margin-right: 5%;
}
.events-container .event:last-child {
    margin-right: 0;
	 margin-left: 5%;
}
.events-container .event:nth-child(3n+0) {
    margin-left: 5%;
}
.gallerie-all-container .gallerie {
    width: 28%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
    margin-left: 5%;
    position: relative;
}
.gallerie-all-container .gallerie:nth-child(5n-4) {
     margin-left: 5%;
}
.gallerie-all-container .gallerie:nth-child(3n+1) {
     margin-left: 5%;
}
}

@media (max-width: 767px) {
	.event-highlight-container .event {
		width: 45%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 50px;
	}
	.event-highlight-container .event:nth-child(2n-2) {
		margin-right: 5%;
		margin-left:0;
	}
	.event-highlight-container .event:nth-child(3n+0) {
		margin-left: 0%;
	}
	.event-highlight-container .event:nth-child(2n+1) {
		margin-right: 5%;
		margin-left:0;
	}
	.event-highlight-container .event:nth-child(2n+0) {
		margin-left: 5%;
		margin-right:0;
	}
	div#shuttle-section .big-text {
		font-size: 25px;
	}
	.sl-slide-inner .text {
		top: 15%!important;
	}
}

@media (max-width: 720px) {
	.page-id-288 h1:before, .page-id-288 h2:before,
	.page-id-288 h1:after, .page-id-288 h2:after {
		width: 0px;
		display:none;
	}
}

@media (max-width: 530px) {
	.sl-slide-inner .text{
		width: 100%!important;
		    top: 8%!important;;
	}
}

@media (max-width: 480px) {
	h1:before, h2:before,
	h1:after, h2:after {
		width: 0px;
		display:none;
	}
	.event-highlight-container .event {
		width: 100%;
		margin-right: 0!important;
		margin-left: 0!important;
	}
	.events-container .event {
		width: 45%;
		display: inline-block;
		vertical-align: top;
		margin-right: 0;
		margin-left: 0;
		margin-bottom:30px
	}

	.events-container .event:first-child {
		margin-left: 0;
		 margin-right: 5%;
	}
	.events-container .event:nth-child(2n+1) {
		margin-left: 0;
		margin-right: 5%;
	}
	.events-container .event:last-child {
		margin-right: 0;
		 margin-left: 5%;
	}
	.events-container .event:nth-child(2n+0) {
		margin-left: 5%;
		margin-right:0;
	}
	.gallerie-all-container .gallerie {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 50px;
		margin-left: 5%;
		position: relative;
	}
	.gallerie-all-container .gallerie:nth-child(2n-1) {
		margin-left:0;
	}
	div#g-maps iframe {
		height: 300px;
	}

}