/*
 *   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 default font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.portrait.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

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

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

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

#header {
    margin-bottom:20px;
}

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

.front #logo{
	margin:5px auto 0;
	float:none;
	width:230px;
}

#block-block-18{
	max-width:130px;
}

#block-block-18 .content ul#topmenu li{
	margin-bottom:10px;
}

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

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

#primary-menu{
	height:40px;
	width:40px;
	right:120px;
	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:90%;
	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;	
	width:95%;
}

#columns{
	margin-top:60px;
}

.front #columns{
	margin-top:40px;
}

#block-search-form{
	display:none;
}

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

.front #columns {
    height:1220px;
}

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

#block-block-2{
	/* width:114px; */
	/* height:114px; */
	top:40px;
	left:0;	
}

#block-block-3{
	/* width:114px; */
	/* height:195px; */
	top:159px;
	left:0;
}

#block-block-4{
	/* width:114px; */
	/* height:114px; */
	top:359px;
	left:0;
}

#block-block-5{
	/* width:232px; */
	/* height:156px; */
	top:80px;
	left:119px;
}

#block-block-6{
	/* width:114px; */
	/* height:114px; */
	top:241px;
	left:119px;
}

#block-block-7{
	/* width:114px */;
	/* height:114px; */
	top:241px;
	left:238px;
}

#block-block-8{
	width:234px;
	/* height:114px; */
	top:359px;
	left:119px;
	overflow:hidden;
}

#block-block-8 .content img{
	height:114px;
}

#block-block-9{
	/* width:155px; */
	/* height:272px; */
	top:478px;
	left:0;
}

#block-block-10{
	width:193px;
	/* height:156px; */
	top:478px;
	left:160px;
	overflow:hidden;
}

#block-block-11{
	/* width:114px; */
	/* height:114px; */
	top:614px;
	left:160px;
}

#block-block-12{
	/* width:114px; */
	/* height:114px; */
	top:733px;
	left:160px;
}

#block-block-13{
	width:193px;
	/* height:195px; */
	top:852px;
	left:160px;
	overflow:hidden;
}

#block-block-14{
	width:353px;
	/* height:75px; */
	top:1139px;
	left:0;
}

#block-block-14 .content img{
	width:353px;
	height:75px;
}

#block-block-15{
	/* width:114px; */
	/* height:114px; */
	top:1020px;
	left:0;
}

#block-block-16{
	width:195px;
	height:114px;
	top:1020px;
	left:119px;
}

#block-block-16 .content img{
	width:205px;
	height:114px;
}

#block-block-17{
	/* width:155px; */
	height:259px;
	top:755px;
	left:0;
	overflow:hidden;
}

.front #main-content #block-block-13 .block-title{
	line-height:1.5em;
	top:35%;
}

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

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

/* ------------------------------------ Tourdaten ------------------------------------ */

.view-tourdaten .view-grouping .view-grouping-content .views-row{
	height:auto;
}

.view-tourdaten .view-grouping .view-grouping-content .group-left{
	width:25%;
}

.view-tourdaten .view-grouping .view-grouping-content .group-middle{
	width:65%;
}


/* ------------------------------------ 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:80%;
    max-width:400px;
}

@media screen and (max-width:420px){
.node-merch .group-right .wert,
.node-merch .group-right .mwst{
	width:100%;
	display:block;
	text-align:center;
}

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

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

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

.node-kuenstler .group-left .group-kuenstlerimage{
	width:320px;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
}

.node-kuenstler .group-left .tour,
.node-kuenstler .group-left .albumimage,
.node-kuenstler .group-left .albumtitle,
.node-kuenstler .group-left .erschienen,
.node-kuenstler .group-left .besetzung{
	width:320px;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
}

.node-kuenstler .paragraphs-items-field-tourdaten{
	width:300px;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;	
}

.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.smalltouch.portrait.css.map */