@charset "utf-8";
*{ top:0; left:0; right:0;
  margin:0; padding:0; font-family:'Dosis', sans-serif;
}

body
{
	font-family: 'Dosis', sans-serif;
	font-size:20px;
	background-image:url(design/bhg_logo.jpg);
	background-repeat:repeat; /*background-color:#000;*/
	scrollbar-base-color:#000000;
	scrollbar-3dlight-color:#666666;
	scrollbar-arrow-color:#ff0000;
	scrollbar-darkshadow-color:#003366;
	scrollbar-face-color:transparent;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#003366;
	scrollbar-track-color:#000000;
}

/* architects-daughter-regular - latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/architects-daughter-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Architects Daughter Regular'), local('ArchitectsDaughter-Regular'),
       url('../fonts/architects-daughter-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/architects-daughter-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/architects-daughter-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/architects-daughter-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/architects-daughter-v10-latin-regular.svg#ArchitectsDaughter') format('svg'); /* Legacy iOS */
}


/* dosis-600 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: bold;
  font-weight: 600;
  src: local(''),
       url('http://www.rämmidämmi.de/fonts/dosis-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('http://www.rämmidämmi.de/fonts/dosis-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


.auto {
 height: 500px;
 width: 800px;
 position:relative;
 overflow:hidden; overflow:scroll;} 



.clear {clear:both;}
.center {
	text-align:center;
	color: #FFF;
}
.p_right {text-align:right;}
.p_left {
	font-weight: bold;
	text-align: left;
}
.fliess1 {font-size:20px; font-style:italic;}
.fliess2 {
	font-size:16px;
	color:#FFF;
}
.topmenu a strong {color: #F60;}
.border {border-bottom:2px solid #FFF;}
.border_l {border-left:2px solid #FFF;}
.redtext { color:#C00;}
.greytext { color: #030; font-size:14px;}
.rund{box-shadow:7px 7px 5px #ccc;}
.liste{ color:#FFF;}

.transparency{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.textbox{ width:3000px;}
.bg{ background-repeat:repeat-x;}

.bgheader{ background-image:url(design/titel_hg2.jpg); background-repeat:repeat-x;}
 
.scroll {font-weight: normal;
	font-size:24px;
	color:#fff;
  scrollbar-base-color:#003366;
  scrollbar-3dlight-color:#666666;
  scrollbar-arrow-color:#ff0000;
  scrollbar-darkshadow-color:#003366;
  scrollbar-face-color:#66cc33;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#003366;
  scrollbar-track-color:#000000;} 
  
/*.bgheader{
  background: url(design/titel_hg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  } */ 
  
.bgheader_kontakt{
  background: url(design/titel_kontakt.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }   
  
.bgheader_fotos{
  background: url(design/titel_fotos.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }   
  
.bgheader_news{
  background: url(design/titel_news.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
.bgheader_events{
  background: url(design/titel_events.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
.bgheader_band{
  background: url(design/titel_bands.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
.bgwrap{
  background: url(design/bgh_logo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  } 
  
.bgwrap_title{
  background: url(design/title_guest.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }     

.mittig {
	text-align: center;
}

.activelink {
 font-weight: bold; color:#9C3;
 }

.bildlinks {
  float:left;
  padding: 0px;
  margin-right: 20px; 
  margin-left:10px;
  margin-bottom: 10px;
}

.bildcenter {
 float:left;
  padding: 0px;
  margin-right: 20px; 
  margin-left:100px;
  margin-bottom: 10px;
}

.bildrechts {
  float:right;
  padding: 3px;
  margin-bottom: 10px;
  margin-left: 40px;
}

.bildcenter {
  padding: 3px;
  margin-bottom: 10px;
  margin-left:70px;
  
}

.imgcenter {
  margin-left:auto; margin-right:auto;  
}

.img_shadow {-webkit-box-shadow: 14px 14px 8px -7px rgba(23,22,23,1);
-moz-box-shadow: 10px 10px 8px -7px rgba(23,22,23,1);
box-shadow: 14px 14px 8px -7px rgba(23,22,23,1);}

.div_shadow {-webkit-box-shadow: -13px -8px 27px -3px rgba(26,41,27,1.5);
-moz-box-shadow: -13px -8px 27px -3px rgba(26,41,27,1.5);
box-shadow: -13px -8px 27px -3px rgba(26,41,27,1.5);}



.title {background-image:url(design/title_guest.jpg);
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;} 



p {
	font-size:24px;
	color:#fff;
	text-align: center;
}

p_white {
	font-size:20px;
	color:#fff;
	font-weight:100;
}
a
        {
        color: #FFF; text-decoration:underline;
        }

a:hover
        {
	text-decoration: underline;
	font-size: 18px;
	color: #F60;
	text-align: center;
        }
		
	

h1 {
	font-size:50px;

    font-family: Dosis:600, sans-serif;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}

h2 {
	font-size:30px;

    font-family: Dosis:600, sans-serif;
	color: white;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}	 
	 
h3 {
	font-size:22px;

	font-family: Dosis:600, sans-serif; 	
	color: white;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}

h4 {
	font-size:18px;
	font-family:Dosis:600, sans-serif; 	
	color: #000;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}

h5 {
	font-size:18px;
	font-family:Dosis:600, sans-serif; 	
	color: #000;
	text-align: left;
}		 		 

h6 {
	font-size:50px;
    font-family: Dosis:600, sans-serif;
	text-shadow: 4px 4px 4px #000000;
	text-align: center;
}


blockquote { padding-left:100px;
	}
	
blockquote-index {
	background-color: rgba(245,241,8,0.3);
	border-bottom: 1px solid rgba(243,14,17,1.00);
	border-top: 1px solid rgba(243,14,17,1.00);
	text-align: center;
	}	
	

	
blockquote-index-rot {
	background-color: rgba(255,0,0,0.3);
	border-bottom: 1px solid rgba(243,14,17,1.00);
	border-top: 1px solid rgba(243,14,17,1.00);
	text-align: center;
	}		
	
	

#img {box-shadow:15px 15px 20px #666; width:auto; height:auto;  /*background-image:url(img/foto3.jpg);
width:250px; height:175px; position:absolute; top:280px; left:70%;*/ 
}	

#wrap {
	margin:0;
	width:100%;
	padding:0;
	margin-top:90px;
	position:absolute;
	left: 0px;
	top: -25px;
	background-image:url(design/bhg_logo.jpg);
}


#navi { background-color:#000;
    position:fixed; 
    height:auto; width:100%;
	margin:0; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; z-index:100; 
	}

#navibox { 
    height:180px; 
	background-image:url(design/hg_leute.jpg); 
    margin:0; 
	width:100%;
    
	top:0px;     
}

#navibox_test { background-color:#000; 
    height:180px; 
    margin:0; 
	width:100%;
    position:fixed; 
	top:0px;     
}

#logobox { 
    width:100%; 
	height:auto;
	margin:10; 
	z-index:999;  
	position:fixed; 
	top:0px;  
}

#logobox_index { 
    width:245px; 
	height:100px;
	margin:10; 
	z-index:999;  
	position:fixed; 
	top:0px;
	left:830px;  
}

	
#content {
	width:auto; height:auto;
	}	

#sponsors {
   width:290px; 
   height: auto;
   padding:0; 
   float:left; 
   margin: 0px 80px 0 20px;    
}
#sponsors2 {
   width:290px; 
   height: auto;
   padding:0; 
   float:right; 
   margin: 0px 80px 0 20px;    
}
#sponsorbox {
   width:250px; 
   height: auto;
   padding:0; 
   float:left; 
   margin: auto;    
}
#view {
   width:500px; 
   height: auto;
   padding:0; 
   float:right;
   margin-right:5px;   
}

#sponsors_roll {
   width:250px; 
   height: 2080px;
   margin-right:40px;
   padding:0;  
   float:left;
   position:fixed;
   left:0px;
   top:650px;
}

#sponsorbox:hover {
	cursor:pointer;}
	
#footerbox:a {
	text-decoration:none; }
	
#einklinker:hover {
	cursor:pointer;
	font-weight: bold;
}	

#einklinker {
  width:240px; 
  height: auto; 
  padding:20px; 
}
#topbox{
	width:405px;
	margin:0;
	margin-right:10px;
	height:auto;
	text-align:left;
	float:left;
	}
#bild {
  width:auto; 
  height: auto; 
  padding:0px; 
}

#slider {
  width:640px; 
  height:360px; 
  margin-top:100px; 
  margin-right:200px; 
  padding:20px; 
  float:left; 
  z-index:-100;
  
}


#title_img{ 
  background: url(design/title_guest.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}


/*#title_img{ 
  margin:0; 
  padding:50px; 
  width:100%; 
  height:600px; 
}*/

#title { 
  margin-top:50px; 
  margin-left:auto; 
  margin-right:auto; 
  height:200px; 
  text-align:center;
}

#mainframe { 
  border-bottom:0px solid #fff; 
  width:100%;
  height: auto;
  margin:0;
  padding:0;    
}

#reportbox_auto{
	margin:0;
	margin-right:10px;
	width:auto;
	height:auto;
	text-align:left;
	float:left;
}

.box{ padding:60px;}

#reportbox_left{
	margin-top:750px;
	height:auto;
	text-align:left;
	float:left;
}

#reportbox_right{
	margin:0;
	margin-left:10px;
	width:488px;
	height:auto;
	text-align:right;
	float:left;
}
#framebox2 {
	background-image:url(bands/images/artists/tibor.png);
	background-repeat:no-repeat;
	background-position:left;
	height:800px;
	width:500px;
	border-right:#FFF 6px double;
	margin-top:20px;
	float:left;
	}
#framebox3 {
	background-image:url(bands/images/artists/Landessiegerin-Clara-Gregor.png);
	background-repeat:no-repeat;
	background-position:left;
	height:800px;
	width:570px;
	border-right:#FFF 6px double;
	margin-top:20px;
	float:left;
	}
#framebox4 {
	background-image:url(bands/images/artists/laura_gregor.jpg);
	background-repeat:no-repeat;
	background-position:550px top  ;
	height:800px;
	width:870px;
	margin-top:50px;
	margin-left:100px;
	float:left;
	}

#textbox {
	margin:20px 0;
	width:1100px;
	height:auto;
	float:left;
	color: #FFF;
}

#framebox {
	margin:0;
	width:1110px;
	
	color: #FFF;
}


#textbox_index { 
  margin:0px 0;  
  width:1500px; 
  height:auto;  
  text-align:left; 
  float:left;
}



#textbox1 { 
  margin-bottom:20px; 
  margin-top:20px;  
  width:600px; 
  height:auto;  
  margin-left:0px; 
  margin-right:auto; 
  text-align:left;
}

#textbox2 { 
  margin-bottom:20px; 
  margin-top:20px;  
  width:650px; 
  height:auto;  
  margin-left:200px; 
  margin-right:auto; 
  text-align:left;
}

#textbox3 { 
  margin-bottom:20px; 
  margin-top:30px;  
  width:600px; 
  height:auto;  
  margin-left:480px; 
  margin-right:auto; 
  text-align:left;
}

#textbox4 { 
  margin-bottom:20px; 
  margin-top:20px;  
  width:80%; 
  height:auto;  
  margin: 30px 0px; 
  text-align:left;
}

#toptext1{
	width:180px;
	float:right;
}
#toptext2{
	width:200px;
	float:left;
	margin-top:370px;
	margin-left:7px;
}

#toptext3{
	width:500px;
	margin-top:10px;
}

#space{ width:300px; float:left;}

#slogan{ 
  margin:0; 
  height:10px;   
  text-align:center; 
  color:#FFF; 
}

#foto1{  width:300px; height:100px; float:right;
}

#foto2 {
	width:900px;
	height:340px;

}

#foto3{ padding-left:10px;width:880px; height:500px; position:absolut; top:1500px; float:left; background-image:url(design/cj-ramone_tampones.png)
}


#footer { opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	 background-color:#000; color:#FFF; 
  margin-bottom:0px;  
  height: auto;  
}


#footerbox {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */   
  width:100%; 
  height:auto; 
  margin-bottom:0;  
  margin-left:auto; 
  margin-right:auto; 
  color:#fff;
  text-align:center;
}

#videobox { 
  position:absolute; 
  margin-bottom:20px; 
  margin-top:20px;  
  width:1000px; 
  height:auto; 
  z-index:-1
}
.ital {
	font-style: italic;
}
.box_middle {
	text-align: center;
}
.textb {
	font-weight: bold;
}

.textleft {
	text-align: left;
}

.unfett {font-weight: normal;}



overflow-x: hidden !important;
& when not (@fullScreen) {
  &, .scroll-wrapper {
    padding-top: (@paddingTop * 15px);
    padding-bottom: (@paddingBottom * 15px);
  }
}
.mbr-section-title {
  color: #ffffff;
  span {
    color: @primaryColor;
  }
}
.mbr-text {
  color: #efefef;
  letter-spacing: 5px;
  font-weight: 100;
}
.scroll-wrapper {
  top: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
  background-repeat: repeat;
  z-index: 0;
  -webkit-animation-duration: ~"@{scrollTime}s" !important;
  animation-duration: ~"@{scrollTime}s";
  & when (@bg-type = 'color') {
    background-color: @bg-value;
  }
  & when (@bg-type = 'image') {
    background-image: url(@bg-value);
    & when (@scrollBg) {
      -webkit-animation: scroll-wrapper linear infinite;
      -moz-animation: scroll-wrapper linear infinite;
      -o-animation: scroll-wrapper linear infinite;
      animation: scroll-wrapper linear infinite;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  &.second {
    left: ~"calc(100% - 1px)";
  }
}
.mbr-overlay {
  z-index: 1;
}
.block-content {
  z-index: 2;
}
@keyframes scroll-wrapper {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll-wrapper {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes scroll-wrapper {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes scroll-wrapper {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}