/*
  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-left: auto;
	margin-right: auto;
	float: none;
}

#logo {}

/* main */
.main-container {}

#main {}

.content-container {}

#content {}

/* footer */
.footer-container {}

#footer {}

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

/* main */
.main-menu-toggler {
  background: url("../img/icon-menu.png") no-repeat scroll center center / 50px 50px #009EE3;
  border-radius: 5px;
  display: block;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 50px;
  width: 40px;
  z-index: 25;
  cursor: pointer;
}
	.main-menu-toggler.open {
    border-radius: 5px 5px 0 0;
    background-color: #009fe3;
	}

.main-menu-container {
  background: #009EE3;
  display: none;
  max-width: 320px;
  padding-bottom: 35px;
  padding-top: 20px;
  position: absolute;
  right: 0;
  top: 90px;
  width: 100%;
  z-index: 50;
}

.meta-menu-container {
  background: #009EE3;
  display: none;
  max-width: 320px;
  padding-bottom: 35px;
  padding-top: 0;
  position: absolute;
  right: 0;
  top: 646px;
  width: 100%;
  z-index: 50;
}

.meta-menu-container .menu-link,
.main-menu-container .menu-link {
  display: block;
  padding: 0 5%;
  text-decoration: none;
}
	.meta-menu-container .menu-link-depth-0,
	.main-menu-container .menu-link-depth-0 {
    background: #009EE3;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
	}
	.meta-menu-container .menu-item-depth-1 a,
	.main-menu-container .menu-item-depth-1 a {
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: 300;
	}

.meta-menu-container .menu-link span,
.main-menu-container .menu-link span {
  display: block;
  font-size: 16px;
  padding: 10px 25px 8px;
}
	.meta-menu-container .menu-item-depth-1 .menu-link span,
	.main-menu-container .menu-item-depth-1 .menu-link span {
    padding-left: 30px;
	}
		.meta-menu-container .menu-item-depth-1 .menu-link span:before,
		.main-menu-container .menu-item-depth-1 .menu-link span:before {
	    content: "» ";
		}
	
	.meta-menu-container .depth-2 .menu-link span,	
	.main-menu-container .depth-2 .menu-link span {
    padding-left: 50px;
	}

.meta-menu-container .no-click a,	
.main-menu-container .no-click a {
	pointer-events: none;
}

.meta-menu-container .no-click .menu-link span:before,
.main-menu-container .no-click .menu-link span:before {
	content: ' ';
}

.meta-menu-container .sub-menu-additional,
.main-menu-container .sub-menu-additional {
	display: none;
}

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

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

/* with sidebar */
.with-sidebar {}

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

body.sidebar-primary #primary {}

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

body.sidebar-secondary #secondary {}

#secondary {
	margin-top: 0;
}

#secondary .open-price {
	margin-top: 0;
	margin-bottom: 30px;
}

#secondary .open-price-link {
	margin-top: 0;
}

#secondary .price-table {
	margin-top: 30px;
	max-width: 280px;
}

#secondary .intro-link {
	width: 100%;
}

#secondary .intro-link a {
	height: 29px;
	padding-right: 40px;
}

#secondary .price-table h3 {
	margin: 0 0 15px 0;
}

/* 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 {
    margin-top: 30px;
}

#widget-area-footer .widget-container:nth-child(3) {
		width: 100%;
	}

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

/* all */
article {}

/* teaser */
article.teaser {}

/* full */
article.full {}

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

/* all */
article.page {}

article.page h1,
article.page h2 {
	text-align: center;
}

article.page img {
	width: 40%;
}

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

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

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

article.page figure {
	width: 50%;
	height: 50%;
	float: left;
	padding: 5px;
}

article.bewohner.archive {}

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
\* ######################################## */