@import url('fonts.css');
@import url('font-awesome.css');


/* ------------------------------------ Site default ---------------------------------- */

html{
	font-size:87.5%;
}

body{
	color:#333;
	font-family: 'Open Sans', sans-serif; 
	font-size:100%;
}

#main-content p{
	hyphens:none;
	-moz-hyphens:none;	
}

h1,h2,h3{
	font-family: 'Open Sans Medium', sans-serif; 
}

h4,h5,h6{
	font-family: 'Open Sans Medium', sans-serif;
}

strong{
	font-weight:normal;
	font-family: 'Open Sans Bold', sans-serif;
}

em{
	font-weight:400i;
}

a:focus{
	outline:none;
}

a{
	color:#8a2022;
}

a:hover{
	text-decoration:none;	
}

table, tbody, tbody tr{
	border:none;
}

/* ==========================================================================
   Views edit
   ========================================================================== */

.view .views-row{
	position:relative;
}

.views-row .edit{
	display:none;
    font-size:90%;
    position:absolute;
    right:5px;
    top:25px;
    z-index:999;
}

.views-row:hover .edit{
	display:block;
}

.views-row .edit a{
    color:#333;
    display:block;
    margin:0.25em 0;
    padding:0.25em 1em 0.25em 0.5em;
    background-color:#FFF;
    border:1px solid #CCC;
    border-radius:4px 0 4px 4px;
    text-decoration:none;
}

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

/* ------------------------------------ Leaderboard ----------------------------------- */

.region-leaderboard{
	height:60px;
	max-width:65%;
	float:right;
}

#block-block-18{
	float:right;
	width:200px
}

#block-block-18 .content ul#topmenu{
	float:right;
}

#block-block-18 .content ul#topmenu li{
	float:left;
	list-style:none none;
	margin-left:10px;
}

#block-block-18 .content ul#topmenu li a{
	font-size:0.77rem;
	color:#333;
	text-decoration:none;
}

/* ------------------------------------ Branding -------------------------------------- */

#header{
	margin-bottom:60px;
}

.front #header{
	margin-bottom:10px;
}

#branding{
	margin:0;
	position:relative;
	width:100%;
	float:left;
}

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

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

/* ------------------------------------ Suche ----------------------------------------- */

#block-search-form{
	width:230px;
	margin:0;
	position:absolute;
	bottom:14px;
	right:0;
	height:30px;
}

#block-search-form .search-form{
	margin:0;
}

#block-search-form .form-item{
	margin:0;
}

#block-search-form .form-actions{
	position:absolute;
	right:23px;
	bottom:2px;	
	height:23px;
	width:23px;	
}

#block-search-form .form-submit{
	background:none;
	border:none;
	display:block;
	text-indent:-9999px;
	padding:0;
	width:23px;
	height:23px;
	position:absolute;
	bottom:0;
	right:-7px;
}

#block-search-form .form-actions:before{
	font-family: 'FontAwesome';
	display:block;
	width:23px;
	height:23px;
	content:'\f002';
	text-indent:0;
	color:#FFF;
	font-size:1.25rem;
	margin:-5px 0 0 10px;
}

#block-search-form .custom-search-box{
	background-color:#FFF;
	border:none;
	font-size:0.77rem;
	padding:4px 8px;
	margin-top:4px;
	width:160px;
	border-radius:0 10px 10px 0;
	color:#8c2e0b;
}

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

.nav{
	margin:0;
}

#primary-menu-bar{
	float:right;
	clear:inherit;
	max-width:787px;
	margin-top:-75px;
}

#primary-menu-bar .primary-menu-wrapper{
	margin:0;
}

#primary-menu-bar .menu{
	float:right;
}

#primary-menu-bar .menu li a{
	color:#333;
	text-decoration:none;
	font-family: 'Open Sans Medium', sans-serif;
}

#primary-menu-bar .menu li a:hover,
#primary-menu-bar .menu li a.active,
#primary-menu-bar .menu li a.active-trail{
	color:#81262B;
}

#mainmenuborder{
	width:98%;
	height:30px;
	margin:10px 10px 0 0;
	float:right;
	background-color:#8A2022;
}

#mainmenuborder .space{
	height:30px;
	border-right:2px solid  #FFF;
	float:left;	
}

#mainmenuborder .space-1{
	width:5px;
}

#mainmenuborder .space-2{
	width:7px;
}

#mainmenuborder .space-3{
	width:11px;
}

#mainmenuborder .link a{
	color:#FFF;
	font-weight:bold;
	margin:5px 0 0 45px;
	float:left;
	text-decoration:none;
}

#mainmenuborder.künstler{
	background-color:#8A2022;
}

#mainmenuborder.tourdaten{
	background-color:#98765B;
}

#mainmenuborder.news{
	background-color:#3D3544;
}

#mainmenuborder.blog{
	background-color:#7E7E8A;
}

#mainmenuborder.poster-cd-bücher{
	background-color:#A59365;
}

#mainmenuborder.playlist{
	background-color:#CFCBCA;
}

#mainmenuborder.miseriaenobiltà{
	background-color:#443D2D;
}

#mainmenuborder.roster{
	background-color:#736B60;
}

#mainmenuborder.texte{
	background-color:#171518;
}


/* ------------------------------------ Frontpage ------------------------------------- */

.front #columns{
	height:560px;
}

.front #main-content{
	position:relative;
}

.front #main-content .block-block{
	position:absolute;
	margin:0;
	line-height:0;
}

.front #main-content .block-block.content-block .content img{
	width:100px;
	height:100px;
	margin:7px;
}

.front #main-content .block-block .content{
	float:left;
	background-color:#8d8d8d;
}

.front #main-content .block-block .content p{
	margin:0;
}

.front #main-content .block-title{
	position:absolute;
	top:50%;
	left:0;
	margin:0 8px;
	color:#FFF;
	z-index:2;
	font-size:20px;
}

.front #main-content .block-block.content-block .content .block-title{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ 
  	filter: alpha(opacity=0); /* IE 5-7 */ 
  	-moz-opacity: 0; /* Netscape */ 
  	-khtml-opacity: 0; /* Safari 1.x */ 
  	opacity: 0; /* Good browsers */
	font-size:0.846rem;	
	padding:5px 0;
	width:100px;
	text-align:center;
	line-height:1.25em;
	background-color:#000;
	top:inherit;
	bottom:7px;
	margin:0 7px;
	-webkit-transition:all 500ms linear;
    	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
}

.front #main-content .block-block.content-block:hover .content .block-title{
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */ 
  	filter: alpha(opacity=60); /* IE 5-7 */ 
  	-moz-opacity: 0.6; /* Netscape */ 
  	-khtml-opacity: 0.6; /* Safari 1.x */ 
  	opacity: 0.6; /* Good browsers */
	-webkit-transition:all 750ms linear;
    	-moz-transition:all 750ms linear;
    	-o-transition:all 750ms linear;
    	transition:all 750ms linear;
}

.front #main-content .block-block.content-block .content .block-title{
	opacity:0;
}

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

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

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

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

#block-block-6{
	width:114px;
	height:114px;
	top:241px;
	left:159px;
}

#block-block-7{
	width:114px;
	height:114px;
	top:241px;
	left:278px;
}

#block-block-8{
	width:269px;
	height:114px;
	top:359px;
	left:123px;
}

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

#block-block-10{
	width:232px;
	height:156px;
	top:40px;
	left:557px;
}

#block-block-11{
	width:114px;
	height:114px;
	top:201px;
	left:557px;
}

#block-block-12{
	width:114px;
	height:114px;
	top:201px;
	left:675px;
}

#block-block-13{
	width:232px;
	height:195px;
	top:320px;
	left:557px;
}

#block-block-14{
	width:156px;
	height:75px;
	top:165px;
	left:794px;
}

#block-block-15{
	width:114px;
	height:114px;
	top:245px;
	left:794px;
}

#block-block-16{
	width:156px;
	height:110px;
	top:364px;
	left:794px;
}

#block-block-16 .content h2.block-title{
	width:90px;
	line-height:1.25em;
	margin-top:-38px;
}

#block-block-17{
	width:155px;
	height:276px;
	top:277px;
	left:397px;
}

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

.sidebar-first .content-inner{
	margin:0;
	float:left;
}

#content-column{
	float:right;
	max-width:755px;
	width:70%;
}

.front #content-column,
.node-type-kuenstler #content-column,
.page-kuenstler #content-column,
.page-poster-cds-buecher #content-column,
.node-type-merch #content-column{
	width:100%;
	max-width:100%;
}

/* ------------------------------------ Sidebar --------------------------------------- */

#columns .sidebar{
	margin:5px 0 0;
	max-width:330px;
	float:left ;
	clear:inherit;
}

.sidebar .region-inner{
	margin-right:15px;
}

.sidebar .block{
	margin:0 0 30px;
}

.sidebar .block-title{
	color:#9D9D9D;
}

.sidebar .block-views .view-content ul{
	padding:0;
	margin-top:20px;
}

.sidebar .block-views .view-content ul li{
	list-style:none none;
	margin-left:0;
}

.sidebar .block-views .view-content ul li a{
	color:#4f4f4f;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2rem;
}

.sidebar .block-views .view-content ul li a:hover,
.sidebar .block-views .view-content ul li a.active{
	color:#81262b;	
}

.sidebar .tagclouds-term a{
	color:#9d9d9d;
	text-decoration:none;
}

.sidebar .tagclouds-term a:hover,
.sidebar .tagclouds-term a.active{
	color:#81262b;
}

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

.view-kuenstler .views-row{
	width:130px;
	float:left;
	margin:15px;
	height:220px;
}

.view-kuenstler .views-row .image{
	width:130px;
	height:130px;
	line-height:0;
}

.view-kuenstler .views-row h4.title{
	text-align:center;
	line-height:1em;
	margin:5px 0;
}

.view-kuenstler .views-row h4.title a{
	color:#FFF;
	text-decoration:none;
	font-size:0.846rem;	
	background-color:#993333;	
	padding:5px 10px 8px;
	height:35px;
	display:block;
}

.view-kuenstler .views-row .zusatz{
	background-color:#006600;
	color:#FFF;
	text-align:center;
	padding:3px 0;
	text-transform:uppercase;
	font-size:0.77rem;
	font-family: 'Open Sans Medium', sans-serif;
}

.view-kuenstler .views-row .ontour{
	background-color:#006600;
}

.view-kuenstler .views-row .planung{
	background-color:#8D8D8D;
}

@media screen and (min-width:940px) and (max-width:1199px){
.view-kuenstler{
	width:920px;
	margin:0 auto;	
}	
}

@media screen and (min-width:775px) and (max-width:939px){
.view-kuenstler{
	width:760px;
	margin:0 auto;	
}	
}

@media screen and (min-width:625px) and (max-width:774px){
.view-kuenstler{
	width:610px;
	margin:0 auto;	
}	
}

@media screen and (min-width:465px) and (max-width:624px){
.view-kuenstler{
	width:450px;
	margin:0 auto;	
}	
}

@media screen and (min-width:320px) and (max-width:464px){
.view-kuenstler{
	width:320px;
	margin:0 auto;	
}	
}

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

.node-kuenstler .group-left{
	max-width:330px;
	width:30%;
	margin-top:72px;
}

.node-kuenstler .group-left .kuenstlerimage{
	line-height:0;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:5px solid #8a2022;
}

.node-kuenstler .group-left .image_title{
	font-family: 'Open Sans Medium', sans-serif;
}

.node-kuenstler .group-left .tour{
	font-size:0.846rem;
	margin:1.5em 0 1rem;
	padding:1em 0 0;
	border-top:1px solid #8a2022;
}

.node-kuenstler .group-left .albumimage .label{
	font-size:0.846rem;
	margin:1rem 0 0.5rem;
	font-family: 'Open Sans Medium', sans-serif;
}

.node-kuenstler .group-left .albumtitle{
	font-family: 'Open Sans Bold', sans-serif;
}

.node-kuenstler .group-left .erschienen{
	font-size:0.846rem;	
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:5px solid #8a2022;
}

.node-kuenstler .group-left .besetzung .label{
	font-size:0.846rem;
	margin:1rem 0 0.5rem;
	font-family: 'Open Sans Medium', sans-serif;
}

.node-kuenstler .group-left .besetzung .items{
	font-size:0.846rem;	
}

.node-kuenstler .group-left .besetzung .item{
	margin-bottom:0.5em;
}

.node-kuenstler .paragraphs-items-field-tourdaten{
	background-color:#8a2022;
	color:#FFF;
	font-size:0.846rem;
	padding:10px;
	font-family: 'Open Sans Medium', sans-serif;
}

.node-kuenstler .paragraphs-items-field-tourdaten.hide{
	display:none;
}

.node-kuenstler .paragraphs-items-field-tourdaten.hide.show{
	display:block;
}

.node-kuenstler .paragraphs-items-field-tourdaten .label{
	margin-bottom:0.933em;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items{
	font-size:0.77rem;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .item{
	margin:0.5em 0 0.75em;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .group-left{
	width:auto;
	margin:0 15px 0 0;
	max-width:80px;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .group-middle{
	width:auto;
	max-width:150px;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .group-right{
	width:auto;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .group-right a{
	background-color:#FFF;
	text-decoration:none;
	color:#8a2022;
	padding:1px 5px;
	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
		border:1px solid #FFF;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .group-right a:hover{
	color:#FFF;
	background-color:#8a2022;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
		border:1px solid #FFF;
}

.node-kuenstler .paragraphs-items-field-tourdaten .items .group-right .freitext{
	background-color:#FFF;
	text-decoration:none;
	color:#006600;
	padding:1px 5px;
}

.node-kuenstler .group-left .freitext{
	background-color:#8a2022;
	width:100%;
	padding:0 0 15px;
}
.node-kuenstler .group-left .freitext.small p{
	color:#fff;
	font-size:0.75rem;
	margin:0 10px;	
}
.node-kuenstler .group-right{
	max-width:735px;
	width:66%;
	float:right;
}

.node-kuenstler .group-right h2.subtitle{
	margin:-0.83em 0 0.83em;
}

.node-kuenstler .group-right p{
	width:100%;
	float:left;
}

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

.view-tourdaten{
	margin-top:22px;
}

.view-tourdaten .view-grouping{
	width:100%;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}

.view-tourdaten .view-grouping.hide{
	display:none;
}

.view-tourdaten .view-grouping.hide.show{
	display:block;
}

.view-tourdaten .view-grouping:last-child{
	border:none;
}

.view-tourdaten .view-grouping .view-grouping-header{
	font-size:1.15rem;
	font-family: 'Open Sans Bold', sans-serif;
	margin-left:10px;
}

.view-tourdaten .view-grouping .view-grouping-header a{
	color:#333;
}

.view-tourdaten .view-grouping .view-grouping-header a:hover{
	color:#8a2022;
}

.view-tourdaten .view-grouping .view-grouping-content h3{
	font-size:1rem;
	font-family: 'Open Sans Medium', sans-serif;
	margin:0 0 1em 10px;
}

.view-tourdaten .view-grouping .view-grouping-content .group-left{
	max-width:150px;
	width:20%;
}

.view-tourdaten .view-grouping .view-grouping-content .group-left .date-display-single{
	margin-left:10px;
} 

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

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

.view-tourdaten .view-grouping .view-grouping-content .views-row{
	padding:5px 0;
	width:100%;
	float:left;
	height:2rem;
}

.view-tourdaten .view-grouping .view-grouping-content .views-row-even{
	background-color:#EEE;
}

.view-tourdaten .view-grouping .view-grouping-content .views-row:hover .edit{
	display:none;
}

.view-tourdaten .view-grouping .view-grouping-content:hover .views-row-first .edit{
	display:block;
	top:0;
}

.view-tourdaten .view-grouping .view-grouping-content .group-right a{
	color:#8a2022;
	background-color:#FFF;
	border:1px solid #8a2022;
	padding:0 0.5em 0.1em;
	margin-top:2px;
	font-family: 'Open Sans Medium', sans-serif;
	display:inline-block;
	float:right;
	margin-right:10px;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
}

.view-tourdaten .view-grouping .view-grouping-content .group-right a:hover{
	color:#FFF;
	background-color:#8a2022;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
}

.view-tourdaten .view-grouping .view-grouping-content .group-right .freitext{
	color:#006600;
	background-color:#FFF;
	border:1px solid #8a2022;
	padding:0 0.5em 0.1em;
	margin-top:2px;
	font-family: 'Open Sans Medium', sans-serif;
	display:inline-block;
	float:right;
	margin-right:10px;
}
.view-tourdaten .view-grouping .view-grouping-content .small{
	font-size:0.8em;
	margin:20px 10px 0 20%;
	float:left;
	width:calc(80% - 10px);
}
.paragraphs-item-tourdaten .anzeigen{
	display:none;
}

/* ------------------------------------ News ------------------------------------------ */

.view-news .views-row{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
	padding:20px 0;
}

.view-news .views-row-first{
	padding:0 0 20px;
}

.view-news .views-row-last{
	border:none;
}

.view-news .view-content h2.title{
	font-size:1.4em;
}

.view-news .view-content h3.title,
.node-news h3.title{
	margin:0.25em 0 0.75em;
}

.view-news .view-content h3.title a{
	color:#333;
	text-decoration:none;
}

.view-news .view-content h3.title a:hover{
	color:#81262B;
}

.view-news .view-content .date,
.node-news .datum{
	font-size:0.846rem;
	color:#4F4F4F;
}



/* ------------------------------------ Blog ------------------------------------------ */

.view-blog .view-header a{
	display:block;
}

.view-blog .views-row{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
	padding:20px 0;
}

.view-blog .views-row-first{
	padding:0 0 20px;
}

.view-blog .views-row-last{
	border:none;
}

.view-blog .view-content h2.title{
	font-size:1.4em;
}

.view-blog .view-content h3.title,
.node-blog h3.title{
	margin:0.25em 0 0.75em;
}

.view-blog .view-content h3.title a{
	color:#333;
	text-decoration:none;
}

.view-blog .view-content h3.title a:hover{
	color:#81262B;
}

.view-blog .view-content .datum,
.node-blog .datum{
	font-size:0.846rem;
	color:#4F4F4F;
}

.views-more-link{
	display:block;
	float:right;
	border:1px solid #CCC;
	padding:0.5em 1em;
	font-size:0.846em;
	color:#333;
	text-decoration:none;
	-webkit-transition:background 500ms linear;
	-moz-transition:background 500ms linear;
	-o-transition:background 500ms linear;
	transition:background 500ms linear;
}

.views-more-link:hover{
	background-color:#81262B;
	color:#FFF;
	text-decoration:none;
	-webkit-transition:background 500ms linear;
	-moz-transition:background 500ms linear;
	-o-transition:background 500ms linear;
	transition:background 500ms linear;
}

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

.view-merch .view-content h3{
	width:100%;
	float:left;
	margin:40px 0 0;
}

.view-merch .views-row{
	width:130px;
	float:left;
	margin:15px;
	height:280px;
}

.view-merch .views-row .image{
	width:130px;
	height:185px;
	line-height:0;
	overflow:hidden;
	position:relative;
}

.view-merch .views-row .image img{
	position:absolute;
	left:0;
	bottom:0;
}

.view-merch .views-row h4.title{
	text-align:center;
	line-height:1.25em;
	margin:5px 0;
	overflow:hidden;
}

.view-merch .views-row h4.title a{
	color:#FFF;
	text-decoration:none;
	font-size:0.846rem;	
	background-color:#993333;	
	padding:5px 10px 8px;
	height:30px;
	display:block;
}

.view-merch .views-row .preis{
	background-color:#006600;
	color:#FFF;
	text-align:center;
	padding:3px 0;
	font-size:0.77rem;
	font-family: 'Open Sans', sans-serif;
}

.view-merch .views-row .preis .mwst{
	font-size:0.77em;
}

.view-merch .views-row .preis.vergriffen{
	display:none;
}

.view-merch .views-row .vergriffen{
	width:100%;
	height:30px;
	color:#FFF;
	background-color:#666;
	z-index:5;
	padding:5px 0 0;
	text-align:center;
}

.view-merch .views-row .ontour{
	background-color:#006600;
}

.view-merch .views-row .planung{
	background-color:#8D8D8D;
}

@media screen and (min-width:940px) and (max-width:1199px){
.view-merch{
	width:920px;
	margin:0 auto;	
}	
}

@media screen and (min-width:775px) and (max-width:939px){
.view-merch{
	width:760px;
	margin:0 auto;	
}	
}

@media screen and (min-width:625px) and (max-width:774px){
.view-merch{
	width:610px;
	margin:0 auto;	
}	
}

@media screen and (min-width:465px) and (max-width:624px){
.view-merch{
	width:450px;
	margin:0 auto;	
}	
}

@media screen and (min-width:320px) and (max-width:464px){
.view-merch{
	width:320px;
	margin:0 auto;	
}	
}

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

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

.node-merch .group-left img{
	border:1px solid #ddd;
	-webkit-box-shadow: 3px 3px 8px 8px #eee;
	box-shadow: 3px 3px 8px 8px #eee;
}

.node-merch .group-right{
	width:40%;
	position:relative;
	float:right;
}

.node-merch .group-right .vergriffen{
	text-indent:-9999px;
	color:#FFF;
}

.node-merch .group-right .vergriffen:after{
	content:'Leider Vergriffen';
	color:#666;
	font-weight:700;
	font-size:2.5rem;
	transsition:rotate 45grd;
	text-align:center;
	text-indent:0;
	display:block;
}

.node-merch .group-right .label-inline{
	float:left;
}

.node-merch .group-right .wert{
	font-size:2rem;
	font-family: 'Open Sans Medium', sans-serif;
	margin:0 15px;
}

.node-merch .group-right .mwst{
	font-size:0.846rem;
}

.node-merch .group-right .beschreibung{
	margin:40px 0 0;
	float:left;
	width:100%;
}

.node-merch .group-right .block-webform{
	height:auto;	
	background-color:#8a2022;
	width:100%;
	float:left;
	margin:20px 0 0;
}

.node-merch .group-right .block-webform .form-required{
	color:#FFF;
}

.node-merch .group-right .block-webform .block-title{
	color:#FFF;
	margin:5px 0 0 18px;

}

.node-merch .group-right .block-webform label{
	color:#FFF;
	font-family: 'Open Sans Medium', sans-serif;
	font-size:0.846rem;
	font-weight:normal;
}

.node-merch .group-right .block-webform.hide{
	max-height:0;
	overflow:hidden;
}

.node-merch .group-right .block-webform.show{
	max-height:900px;
    	-webkit-transition:max-height 1s linear;
    	-moz-transition:max-height 1s linear;
    	-o-transition:max-height 1s linear;
    	transition:max-height 1s linear;
}

.node-merch .group-right .button{
	color:#8a2022;
	background-color:#FFF;
	border:1px solid #8a2022;
	padding:0.25em 0.5em;
	font-family: 'Open Sans Medium', sans-serif;
	display:inline-block;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	margin:20px;
}

.node-merch .group-right .button:hover{
	color:#FFF;
	background-color:#8a2022;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	cursor:pointer;
}

.webform-component--faltung{
	margin:30px 0.625em 0;
}

.node-merch .group-right .block-webform .webform-component-fieldset{
	border:none;
}

.node-merch .group-right .block-webform .webform-component-fieldset legend{
	color:#FFF;
	font-family: 'Open Sans Medium', sans-serif;
}

.node-merch .group-right .block-webform .webform-component-fieldset input{
	width:100%;
}

.node-merch .group-right .block-webform .form-actions input{
	color:#8a2022;
	background-color:#FFF;
	border:1px solid #8a2022;
	padding:0.25em 0.5em;
	font-family: 'Open Sans Medium', sans-serif;
	display:inline-block;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	margin:20px;
}

.node-merch .group-right .block-webform .form-actions input:hover{
	color:#FFF;
	background-color:#8a2022;
    	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	border:1px solid #FFF;
}


/* ------------------------------------ Miseria e nobilta ------------------------------ */

.view-display-id-page_2 .view-header{
	margin:5px 0 40px;
	float:left;
	width:100%;
}

/* ------------------------------------ Texte ------------------------------------------ */

.view-texte{

	margin:10px 0 0;
}

.view-texte .views-row{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
	padding:20px 0;

}

.view-texte .views-row-first{
	padding:0 0 20px;
}

.view-texte .views-row-last{
	border:none;
}

.view-texte .view-content h3.textdatei{
	margin:0.5em 0 0.25em;
}

.view-texte .view-content h3.textdatei a{
	font-size:1.4rem;
	text-decoration:none;
	color:#333;
}

.view-texte .view-content h3.textdatei a:hover{
	color:#81262B;
}

.view-texte .view-content h4.subtitle{
	margin:0 0 0.5em;
	font-size:1.11rem;
	color:#4f4f4f;
	font-weight:normal;
}

.view-texte .view-content .quelle{
	font-size:0.77rem;
	color:#4F4F4F;
}

.view-texte .view-content .quelle:before{
	content:'(';
}

.view-texte .view-content .quelle:after{
	content:')';
}

/* ------------------------------------ Newsletter ------------------------------------ */

.page-node-2 #mc_embed_signup label{
	font-size:0.77rem;
}

.page-node-2 #mc_embed_signup .mc-field-group{
	margin:5px 0;
}

.page-node-2 #mc_embed_signup .mc-field-group input{
	width:250px;
}

.page-node-2 #mc_embed_signup #mc-embedded-subscribe{
	margin:15px 15px;
	padding:0.25em 0.5em;
}

/* ------------------------------------ Back to top ----------------------------------- */



#backtotop{
	text-indent:-9999px;
	width:40px;
	height:40px;
	border-radius:20px;
	padding:0;
	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	border:1px solid #81262B;
	bottom:30px;
	right:30px;
}

#backtotop:after{
	content:'\f102';
	text-indent:0;
	font-family: 'FontAwesome';
	display:block;
	font-size:1.5rem;
	margin:-25px 0 0;	
	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;	

	color:#81262B;
}

#backtotop:hover:after{
	font-size:3rem;
	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	margin:-20px 0 0;
	color:#FFF;
}

#backtotop:hover{
	-webkit-transition:all 500ms linear;
	-moz-transition:all 500ms linear;
    	-o-transition:all 500ms linear;
    	transition:all 500ms linear;
	width:50px;
	height:50px;
	border-radius:25px;
}

.front #backtotop{
	display:none !important;
}

/* ------------------------------------ Footer ---------------------------------------- */

#footer{
	border-top:1px dotted #333;
	padding:15px 0 30px;
	margin-top:30px;
}

.front #footer{
	padding:0 0 30px;
	margin-top:20px;
}

.front #footer{
	border:none;
}

#block-block-1{
	float:right;
	margin-right:-5px;	
	width:auto;
}

.front #block-block-1{
	margin-right:325px;
}

#block-block-1 .content ul,
#block-block-1 .content li,
#block-block-1 .content a{
	margin:0;
	padding:0;
}

#block-block-1 .content li{
	float:left;
	list-style:none none;
	border-right:1px solid #999;
	padding:0 6px;
}

#block-block-1 .content li:last-child{
	border:none;
}

#block-block-1 .content a{
	text-decoration:none;
	color:#333;
	font-size:0.77rem;
}

.video-filter{
	margin:0 0 1em;
}
































/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

/*# sourceMappingURL=responsive.custom.css.map */