/*
  Author: vektorrausch GmbH (Daniel Sippel) <sippel@vektorrausch.de>
  Author URI: http://vektorrausch.de
  Description: Template for new media queries
*/

/* ######################################## *\
    HTML / BASICS
\* ######################################## */

/* html */
html {}

body {}

/* site elements */

/* ######################################## *\
    GLOBAL STRUCTURE
\* ######################################## */

/* page wrapper */
#wrapper {}

/* container */
.container {}

/* header */
.header-container {}

#header {}

#branding {
	margin-right: 30px;
}

#logo {}

/* main */
.main-container {
	margin-bottom: 50px;
}

#main {}

.content-container {}

#content {}

/* footer */
.footer-container {
	width: 100%;
}

#footer {}

.footer-menu-container ul {
	padding-left: 20px;
	padding-right: 20px;
}

/* ######################################## *\
    MENUS
\* ######################################## */


/* ######################################## *\
    SIDEBARS
\* ######################################## */

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

/* with sidebar */
.with-sidebar .content-container,
.with-sidebar .sidebar-area {
  clear: none;
  float: left;
  width: 100%;
}

body.sidebar-primary #content {}

body.sidebar-primary #primary {
	padding: 0px 8%;
}

/* secondary */
body.sidebar-secondary #content {}

body.sidebar-secondary #secondary {
	float: left;
	padding: 0px 8%;
}

/* primary & secondary (example) */
/*
body.sidebar-primary.sidebar-secondary #content {
  margin-left: 25%;
  margin-right: 25%;
}

body.sidebar-primary.sidebar-secondary #primary {
  margin-left: -100%;
  width: 25%;
}

body.sidebar-primary.sidebar-secondary #secondary {
  margin-left: -25%;
  width: 25%;
}
*/

/* ######################################## *\
    WIDGET-AREAS
\* ######################################## */

#widget-area-front .aqua,
#widget-area-front .freetime {
	float: left;
	width: 50%;
	padding: 0px 10%;
}
#widget-area-front .food {
	width: 50%;
	margin-top: 30px;
	margin-left: 25%;
	padding: 0px 10%;
}

#widget-area-footer {
}

#widget-area-footer .widget-container {
	border-bottom: 0;
	width: 50%;
	float: left;
	position: relative;
	height: 100%;
}
	#widget-area-footer .widget-container:after {
		content: "";
		height: 280px;
		width: 1px;
		background: rgba(255,  255,  255, 0.25);
		position: absolute;
		right: 0;
		top: 15px;
		z-index: 5;
	}
	#widget-area-footer .widget-container:nth-child(2) {
		padding-bottom: 0;
		padding-left: 20px;
	}

	#widget-area-footer .widget-container:nth-child(3) {
		padding-left: 0;
		margin-top: 25px;
		padding-bottom: 20px;
	}
		#widget-area-footer .widget-container:nth-child(2):after,
		#widget-area-footer .widget-container:nth-child(3):after {
			display: none;
		}

/* ######################################## *\
    CONTENT
\* ######################################## */

/* all */
article {}

/* teaser */
article.teaser {}

article.teaser .field-excerpt {
	float: left;
	width: 100%;
}

article.bewohner.archive .field-thumbnail {
	max-width: 170px;
	max-height: 170px;
	float: left;
	padding-bottom: 15px;
/* 	margin: 10px 20px 80px 0; */
}

article.bewohner.archive:nth-of-type(odd) {
	padding-right: 20px;
}

article.bewohner.archive:nth-of-type(even) {
	padding-left: 20px;
}

/* full */
article.full {}

article.bewohner.full .field-body {
	float: left;
	width: 70%;
}

/* ######################################## *\
    PAGE
\* ######################################## */

/* all */
article.page {}


/* teaser */
article.page.teaser {}

article.page .left-link a,
article.page .right-link a {
	margin: 20px auto;
}

/* full */
article.page.full {}

article.bewohner.archive .field-thumbnail {}

/* ######################################## *\
    POST
\* ######################################## */

/* all */
article.post {}

/* teaser */
article.post.teaser {}

/* full */
article.post.full {}

/* ######################################## *\
    CUSTOM POST TYPE
\* ######################################## */

/* all */

/* teaser */

/* full */

/* ######################################## *\
    FRONT / HOMEPAGE
\* ######################################## */


/* ######################################## *\
    FLEXSLIDER
\* ######################################## */



/* ######################################## *\
    COMMENTS
\* ######################################## */



/* ######################################## *\
    PAGINATION
\* ######################################## */



/* ######################################## *\
    FORMS
\* ######################################## */



/* ######################################## *\
    SEARCHFORM
\* ######################################## */



/* ######################################## *\
    BREADCRUMBS
\* ######################################## */



/* ######################################## *\
    MISC
\* ######################################## */


   
/* ######################################## *\
    WORDPRESS CORE
\* ######################################## */
   
   

/* ######################################## *\
    NO JAVASCRIPT
\* ######################################## */