/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices */
/* line 16, ../sass/responsive.tablet.portrait.scss */
html {
  font-size: 81.3%;
}

 #page-wrapper{
	padding-left:15px;
	padding-right:15px;
}

#content-column {
    float:left;
    max-width:100%;
    width:100%;
}

/* ------------------------------------ header ------------------------------------------ */

#header {
    margin-bottom:20px;
}

#logo{
	float:left;
	margin-top:-55px;
}

.front #logo{
	margin-top:5px;
	margin-bottom:0;
}

/* ------------------------------------ Main Menu ------------------------------------- */

#primary-menu-bar{
	margin-top:0;
}

#primary-menu{
	height:35px;
	width:35px;
	right:140px;
	top:-50px;
	margin:0;
	text-indent:-9999px;
	clip:inherit;
}

#primary-menu:hover{
	cursor:pointer;
}

#primary-menu:after{
	color:#8a2022;
	font-family: 'FontAwesome';
	font-size:3rem;
	text-indent:0;
	display:block;
	margin-top:-40px;
	content:'\f0c9';
}

#primary-menu.show:after{
	content:'\f00d';
}

#primary-menu-bar{
	float:inherit;
	max-width:100%;
}

#primary-menu-bar .menu{
	position:absolute;
	width:40%;
	height:auto;
	right:0;
	top:-10px;
	background-color:#8a2022;
	display:none;
	z-index:99;
	border:1px solid #8a2022;
	-webkit-box-shadow: -3px 3px 3px 3px #eee;
	box-shadow: -3px 3px 3px 3px #eee;
}

#primary-menu-bar .menu li{
	width:100%;
	display:block;
}

#primary-menu-bar .menu li a{
	font-size:1.5rem;
	padding:5px 10px;
	color:#FFF;
}

#primary-menu-bar .menu li:hover{
	background-color:#FFF;
}

#primary-menu-bar .menu li:hover a{
	color:#8a2022;
}

#mainmenuborder{
	position:absolute;
	float:inherit;
	right:0;
	top:40px;	
}

#columns{
	margin-top:60px;
}

#block-search-form{
	bottom:-40px;
	z-index:10;
}

/* ------------------------------------ front ------------------------------------------- */

.front #main-content{
	margin-top:-30px;
}

.front #columns {
    height:900px;
}

#block-block-10{
	left:160px;
	top:478px;
	height:154px;
	overflow:hidden;
}

#block-block-11{
	left:41px;
	top:478px;
}

#block-block-12{
	left:41px;
	top:597px;
}

#block-block-13{
	left:160px;
	top:637px;
}

#block-block-14{
	left: 397px;
	width: 155px;
	top:558px;
}

#block-block-15{
	left: 397px;
	top:638px;
}

#block-block-16{
	left: 397px;
	width: 155px;
	top:757px;
}

/* ------------------------------------ Künstler ---------------------------------------- */

.view-kuenstler .views-row{
	margin:10px;
}

/* ------------------------------------ Merch ---------------------------------------- */

.view-merch .views-row{
	margin:10px;
}

/* ------------------------------------ Merch Detailseite ------------------------------ */

.node-merch .group-header{
	text-align:center;
}

.node-merch .group-left{
	width:100%;
	margin-bottom:50px;
}

.node-merch .group-right {
    float:none;
    margin:0 auto;
    width:70%;
    max-width:400px;
}

/* ------------------------------------ Künstler Detailseite -------------------------- */

.node-kuenstler .group-left{
	max-width:100%;
	width:100%;
	margin-top:0;
}

.node-kuenstler .group-left .group-kuenstlerimage{
	width:45%;
	max-width:330px;
	float:left;
}

.node-kuenstler .group-left .tour,
.node-kuenstler .paragraphs-items-field-tourdaten,
.node-kuenstler .group-left .albumimage,
.node-kuenstler .group-left .albumtitle,
.node-kuenstler .group-left .erschienen,
.node-kuenstler .group-left .besetzung{
	float:right;
	width:45%;
}

.node-kuenstler .group-right{
	max-width:100%;
	width:100%;
}


/* ------------------------------------ footer ------------------------------------------ */

#block-block-1{
	margin:0 50px 0 0;
}

.front #block-block-1{
	margin:0;
}

#backtotop{
	bottom:10px;
	right:10px;
}

/*# sourceMappingURL=responsive.tablet.portrait.css.map */