/*
	@CSS: template for new media queries
	Author: vektorrausch GmbH (DS)
*/

/*------------------------------------*\
    HTML / MAIN
\*------------------------------------*/

html {
	font-size: 15px;
}

body {
	line-height: 1.333;
}

p, pre {
	margin-bottom: 1.333em;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 19px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	
}

.container {

}

.header-container {
	
}

.header {

}

.main-container {
	
}

.main {

}

.content-column {
	
}

.content {
	position: relative;
}

/* no sidebars */
.no-sidebars .content {
	width: 100%;
}

/* only sidebar 1 */
body.sidebar-1 .content-column {
	
}

body.sidebar-1 .content {
	
}

body.sidebar-1 .sidebar-1 {
	
}

/* only sidebar 2 */
body.sidebar-2 .content-column {
	
}

body.sidebar-2 .content {

}

body.sidebar-2 .sidebar-2 {

}

/* both sidebars */
body.sidebar-1.sidebar-2 .content-column {

}

body.sidebar-1.sidebar-2 .content {

}

body.sidebar-1.sidebar-2 .sidebar-1 {

}

body.sidebar-1.sidebar-2 .sidebar-2 {

}

.footer-container {
	
}

.footer {

}

/*------------------------------------*\
    MENUS
\*------------------------------------*/

/* main */
.nav-toggler {
	height: 95px;
	width: 62px;
}

.main-menu-container {
	width: 50%;
	left: auto;
	right: 0;
	top: 95px;
}

.main-menu-container li {
	padding-right: 20px;
	padding-left: 20px;
}

.main-menu-container a:before {
	display: none;
}

/* category */
.category-menu-container {
	float: left;
	margin-top: 21px;
	margin-left: 21px;
}

.category-menu-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.category-menu-container li {
	float: left;
	margin-right: 20px;
	position: relative;
}
  .category-menu-container li.menu-item-depth-1:last-child {
    margin-right: 0;
  }

.category-menu-container li.menu-item-depth-0 {
	float: left;
	position: relative;
	margin-right: 0;
	padding-right: 30px;
}
	.category-menu-container li.menu-item-depth-0:after {
		content: "";
		position: absolute;
		top: -5%;
		right: 15px;
		height: 110%;
		background: rgba(255,255,255, 0.15);
		width: 1px;
	}
		.category-menu-container li:last-child:after {
			display: none;
		}
		
.category-menu-container a {
	font-size: 16px;
}

.category-menu-container .menu-depth-1 a {
  font-size: 13px;
  color: #999;
}

/*------------------------------------*\
    SIDEBARS
\*------------------------------------*/



/*------------------------------------*\
    WIDGET-AREAS (WIDGETS IN THIS AREA)
\*------------------------------------*/



/*------------------------------------*\
    WIDGETS (WIDGETS IN ALL AREAS)
\*------------------------------------*/



/*------------------------------------*\
    FRONT / HOMEPAGE
\*------------------------------------*/

/* widget-area-featured */
#widget-area-featured .flexslider .slides {
	overflow: hidden;
}

#widget-area-featured .flexslider .featured-title-date {
	padding: 10px 0;
	z-index: 10;
	bottom: 45px;
}
	
#widget-area-featured .flexslider .featured-thumbnail:after {
	content: "";
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 180px;
	background: url(../img/pipe-pumpe.png) no-repeat right bottom;
}
	#widget-area-featured .flexslider .event-kino .featured-thumbnail:after {
		background-image: url(../img/pipe-kino.png);
	}
	#widget-area-featured .flexslider .event-veranstaltungen .featured-thumbnail:after {
		background-image: url(../img/pipe-veranstaltungen.png);
	}
	#widget-area-featured .flexslider .event-gruppen .featured-thumbnail:after {
		background-image: url(../img/pipe-gruppen.png);
	}
	
#widget-area-featured .featured-title {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	color: #fff !important;
	line-height: 1.111em;
	padding-right: 150px;
}
	#widget-area-featured .event-kino .featured-title,
	#widget-area-featured .event-gruppen .featured-title {
		color: #000 !important;
	}

#widget-area-featured .featured-date {
	color: #fff !important;
}
	#widget-area-featured .event-kino .featured-date,
	#widget-area-featured .event-gruppen .featured-date {
		color: #000 !important;
	}
	
/* upcoming events & pumpe informiert */
.home .upcoming-list {
	margin-right: -15px;
}

.home .upcoming-pumpe .teaser {
	width: 50%;
	float: left;
	padding-right: 20px;
  font-size: 13px;
  position: relative;
}

.home .upcoming-events {
	width: 33.333%;
	float: left;
	padding-right: 15px;
	padding-bottom: 0;
}
	.home .upcoming-pumpe {
    float: none;
    clear: both;
    padding: 0;
    width: 100%;
	}

.home .upcoming-events h3 {
	margin: 16px 0 8px;
	text-transform: uppercase;
	font-size: 13px;
}
	.home .upcoming-pumpe h3 {
		color: #009cff;
		padding: 5px;
		margin-top: 0px;
	}

.home .upcoming-events h3 a {
	text-decoration: none;
}
	.home .upcoming-kino h3 a {
		color: #f9f029;
	}
	.home .upcoming-veranstaltungen h3 a {
		color: #EA0055;
	}
	.home .upcoming-gruppen h3 a {
		color: #1AE325;
	}

.home .upcoming-events .show-all {
	color: #000;
	font-weight: normal;
	text-transform: none;
	float: right;
}

.home .upcoming-events .event.teaser {
  background: none;
  padding: 0 0 12px;
  min-height: 335px;
}

.home .event.teaser .field-_clubplaner_media {
  float: none;
  padding-left: 0;
  width: 100%;
}

.home .event.teaser .event-title,
.home .upcoming-pumpe .status-title {
	line-height: 1.385em;
	font-size: 13px;
	padding: 5px;
	color: #000;
}
	.home .upcoming-pumpe .status-title {
		background: #009cff;
		color: #000 !important;
		padding: 5px;
		margin-bottom: 1.385em;
		font-weight: bold;
	}

.home .event.teaser .event-title a,
.home .upcoming-pumpe .status-title a {
	color: #000 !important;
}

.home .upcoming-events .dates,
.home .upcoming-events .excerpt {
	font-size: 12px;
}

.home .upcoming-events .more-link {
	display: block;
	color: #fff;
}

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

/* teaser */
.hentry.teaser,
.hentry.teaser.event-kino {
	position: relative;	
	padding: 10px 10px 48px;
	border-bottom: 0;
}
	.hentry.teaser:nth-of-type(even) {
		background: #252525;
		padding-bottom: 48px;
	}
	
.upcoming-events .hentry.teaser {
	background: none;
	padding: 10px 10px 24px 0;
}

.hentry.teaser .page-title,	
.hentry.teaser .event-title {
	font-size: 16px;
	line-height: 1.154em;
	font-weight: bold;
	margin-bottom: 12px;
}

/*------------------------------------*\
    PAGE
\*------------------------------------*/



/*------------------------------------*\
    POST
\*------------------------------------*/



/*------------------------------------*\
    EVENT
\*------------------------------------*/

/* list */
.grouped-title {
	margin: 36px 0 12px;
}

.title-taxonomy-event-categories {
	margin-right: 60%;
}

/* teaser */
.event.teaser .event-infos {
	float: left;
	width: 50%;
	padding-right: 10px;
}
  .event.teaser .event-infos.poster {
    width: 70%;
  }
	.event.teaser .event-infos.no-post-thumbnail {
		width: 100%;
		padding-right: 0;
		float: none;
	}

.event.teaser .field-_clubplaner_media {
	position: static;
	float: right;
	width: 50%;
	padding-left: 10px;
}
  .event.teaser .field-_clubplaner_media.poster {
    width: 20%;
  }

/* full */
.event.full .body {
	font-size: 14px;
	line-height: 1.5em;
}
.event.full .group-ticket-link a.ticket {
	margin-bottom: 10px;
	width: 31%;
	margin-right: 2%;
}

/* calendar */
.kino-calendar {
	font-size: 13px;
	margin-top: 24px;
}

.kino-calendar td {
	background: none;
}

/*------------------------------------*\
    GALERIE
\*------------------------------------*/

/* teaser */
.galerie.teaser {
	width: 50%;
	padding: 0;
	padding-top: 10px;
	padding-right: 5px;
	position: relative;
	float: left;
}
	.galerie.teaser:nth-of-type(even) {
		padding-right: 0;
		padding-left: 5px;
	}
	.galerie.hentry.teaser:nth-of-type(even) {
		padding-bottom: 0;
		background: 0;
	}

/* full */
.galerie.full .field-galerie .gallery-item {
	width: 25%;
}

/*------------------------------------*\
    CUSTOM POST TYPE
\*------------------------------------*/



/*------------------------------------*\
    FILTER
\*------------------------------------*/

.filter {
	position: absolute;
	z-index: 5;
	top: 0px;
	width: 50%;
}
	.filter-event-type {
		width: 20%;
		right: 40%;
	}
	.filter-event-calendar {
		width: 50%;
	}
	.filter-galerie-year {
		width: 25%;
	}

.filter-event-calendar .filter-current {
	width: 70%;
	float: right;
}

/*------------------------------------*\
    BREADCRUMBS
\*------------------------------------*/



/*------------------------------------*\
    PAGINATION
\*------------------------------------*/

/* pagination-paged */
.pagination-paged {
	margin: 36px 0 12px;
}


/*------------------------------------*\
    COMMENTS
\*------------------------------------*/



/*------------------------------------*\
    FORMS
\*------------------------------------*/



/*------------------------------------*\
    SEARCHFORM
\*------------------------------------*/

/* main sidebar */
.main-menu-search {
	padding-right: 20px;
	padding-left: 20px;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
    MISC
\*------------------------------------*/


   
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
   
   

/*------------------------------------*\
    NO JAVASCRIPT
\*------------------------------------*/