/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.social {
    bottom: 9px;
    position: fixed;
    right: 0;
    z-index: 111;
}
.social a {
    margin-right: 4px;
}

.social a img {
    opacity: 0.5;
    width: 30px;
}
.social a img:hover {
    opacity: 1;
   
}


.targetDiv {
    background-color: rgba(0, 0, 0, 0.41);
    margin-left: 191px;
    margin-top: -268px;
    min-height: 500px;
    position: relative;
    z-index: 111;
}
.targetDiv p {
  margin-bottom: 10px;
  margin-top: -10px;
}
.targetDiv h2 {
  visibility: hidden;
}
#music .container{
overflow: hidden;

}
.blau{

  margin: 0 0 15px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color: #e3451f;

}
.moving-left
{
  height: 100px;
  position: relative;
  transition: transform 0.3s ease;
  transform: translateX(0px);
  width: 100px;
}
.moving-left:hover
{
 transform: translateX(10px);
}

.moving-left button
{
  left: 8px;
  position: absolute;
  top: 30px;
  z-index: 99;
}


#mc_embed_signup {
  -x-system-font: none;
  clear: left;
  font-family: Helvetica,Arial,sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: normal;
  line-height: normal;
  position: relative;
  width:30%;
  margin-top: 450px;
}



#mc_embed_signup .button {
  background-color: #2d4c9c;
}
.stoerer{

  max-width:25%; height: auto;float:left;margin-top: 0px;position: absolute;z-index:150
}
#ubaplayer-fallback {
    display: none;
  }
  .fancybox-skin {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 4px;
  color: #ffffff;
  position: relative;
  text-shadow: none;
}


.fa {
  -moz-osx-font-smoothing: grayscale;
  -x-system-font: none;
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  background-image: url("../img/hasa_logo.png");
}
.controls {
    padding-top: 120px;
    position: relative;
    z-index: 100;
}
.audioButton {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/btn.png");
  background-origin: padding-box;
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: auto auto;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 11px;
  padding-left: 25px;
  padding-right: 10px;
  padding-top: 7px;
  width: 200px;
}

.knopf {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/btn.png");
    background-origin: padding-box;
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 10px;
    width: 200px;
}

.play {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/btn.png");
  background-origin: padding-box;
  background-position: 0 11px;
  cursor: pointer;
  display: initial;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-left: 18px;
  margin-right: 0;
  margin-top: 29px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 10px;
  padding-top: 20px;
  position: absolute;
  width: 17px;
  z-index: 111;
}


.stop {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/btn.png");
  background-origin: padding-box;
  background-position: 0 -70px;
  cursor: pointer;
  display: initial;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-left: 18px;
  margin-right: 0;
  margin-top: 29px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 10px;
  padding-top: 20px;
  position: absolute;
  width: 17px;
  z-index: 111;
}


  #ubaplayer {
    display: none;
  }




body {
    width: 100%;
    height: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: lightgray;
    background-color: #000;
    margin: 0px;
     max-width: 100%;
}

html {
    width: 100%;
    height: 100%;
     
     max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color: #e3451f;
}

p {
    margin: 0 0 25px;
    font-size: 17px;
    line-height: 1.2;
}

@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 17px;
        line-height: 1.2;
    }
}

a {
    color: #e3451f;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: underline;
    
}

.light {
    font-weight: 400;
}

.navbar {
    min-height: 100px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -56px;
}

.navbar-nav > li > a {
    padding-bottom: 40px;
    padding-top: 40px;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding-bottom: 15px;
    padding-left: 75px;
    padding-right: 15px;
    padding-top: 7px;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    background-color: #2d4c9c;
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}
.text-center {
    text-align: left;
}


@media(min-width:768px) {
    .navbar-custom {
        padding: 0px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out; 
        z-index:200;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        
        background:  rgba(0,0,0,.6);


    }
}

.stoerer{

  max-width:28%; height: auto;float:left;margin-top: 0px;position: absolute;z-index:190;
}


.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/logo3.jpg) no-repeat top center scroll;
    background-color: #0D3D89;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}



@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;

    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}



.btn-circle {
width: 40px;
height: 40px;
margin-top: 15px;
padding: 0px 9px;
border: 2px solid #CEE7F6;
border-radius: 100%!important;
font-size: 31px;
color: #2474B9;
background: 0 0;
margin-left: 49%;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
}
.navbar-fixed-top .navbar-brand{
visibility: hidden;

}
.navbar-fixed-top.top-nav-collapse .navbar-brand,.container.active  .navbar-brand{
visibility: visible;

}
.navbar-brand.page-scroll > img {
    vertical-align: initial;
    width: 84px;
}
.rahmen {
  height: 510px;
  
  margin-right: -61px;
}
#music .row{

margin-top: -410px;


}
.box1 {
    height: 100px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-width: 100px;
}
.box1, .box2, .box3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 0;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 0;
    border-top-color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-style: solid;
    border-top-width: 0;
    display: inline-block;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
}



#music {


 
    margin-bottom: 383px;
    margin-top: 210px;
}

.uber2 {


 
   width:44%;
   float: left;
}

#uber.content-section {
 width: 100%;
    padding: 0% 0;
    color: #fff;
    background: url(../img/band_neu.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.live-section {
    width: 100%;
    padding: 20% 0;
    color: #fff;
    background: url(../img/sky2.jpg) no-repeat top center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    overflow-y : hidden;
}
#kontakt{

overflow-y: hidden;


}

#kontakt.content-section{
    width: 100%;
    padding: 0% 0;
    color: #fff;
    background: url(../img/space.jpg) no-repeat top center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#live{

    background-color: #dfdfdf;
}

.live-sectio2n .container .container{
    
    
    background-color: rgba(50,50,50,0.5);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}





.contact-rechts button,.contact-rechts  input, .contact-rechts optgroup, select,.contact-rechts  textarea {
  
  color: #2a519f;
  margin-top:4px;
  margin-right: 51px;
  padding:3px;  
  width: 90%;
  
}
.download-section {
    width: 100%;
    padding: 20% 0;
    color: #fff;
  
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
    .download-section {    
        
      padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 100px;
  margin-bottom: 0px;
 background: url(../img/band_neu.jpg) no-repeat bottom center scroll;
    background-color: #21b0e8;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

.kontakt_links{

float:left;
margin-right:90px;
margin-top:50px ;

}
.contact-rechts{
width: 50%

}

.kontakt_rechts{

float:right;

margin-top:0px ;

width: 46%;

}


@media only screen and (min-aspect-ratio: 8/5) {
    .intro {
        background: url(../img/logo3.jpg) repeat-x bottom center scroll;
        background-color: #0D3D89;
    }

    .download-section{

        background-size: 60% auto;
        background-position: center bottom;
    }

 }

@media only screen and (min-aspect-ratio: 5/8) {


    .download-section{

        background-size: 60% auto;
        background-position: center bottom;
    }

 }





@media(min-width:767px) {



    .content-section {
        padding-top: 0px;
    }



    #map {
        height: 400px;
        margin-top: 250px;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }





    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}
 .content-section {
        padding-top: 0px;
    }


@media(max-width:870px) {

.social a img {
    
    width: 23px;
}

.intro {
display: table;
width: 100%;
height: auto;
padding: 360px 0 100px 0;
text-align: center;
color: #fff;
background: url(../img/logo3.jpg) no-repeat top center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 0px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: initial;
    z-index: 100;
}
}



@media(max-width:480px) {
#ob_content {
 
  width: 80%!important;
}
.stoerer{

  max-width:48%; height: auto;float:left;margin-top: 0px;position: absolute;z-index:1500
}

iframe {
    width: 300px;
}
.stop{

visibility: hidden;



}

.contact-rechts{
width: 100%

}

.rahmen {
  height: 510px;
 overflow-y:hidden; 
  margin-right: 0px;
}

.top-nav-collapse .navbar-header{
background-color: rgba(0, 0, 0, 0.51);
height: 76px;

}
.container.active{
background-color: rgba(0, 0, 0, 0.51);

}

.navbar-fixed-top .navbar-brand {
visibility: visible;
}


.navbar-brand.page-scroll > img {
vertical-align: initial;
width: 53px;
}
.navbar-collapse{
border-top-width: 0px;


}
.navbar-toggle{

padding: 18px 10px;

}


.navbar-nav > li > a {
padding-bottom: 15px;
padding-top: 15px;
}
.in, .collapsing,.navbar .active{
background-color: rgba(0, 0, 0, 0.51);

}


.targetDiv {
background-color: rgba(0, 0, 0, 0.41);
margin-left: 1px;
margin-top: -48px;
min-height: 500px;
position: relative;
z-index: 111;
}


.targetDiv p {
margin-bottom: 10px;
margin-top: -10px;
font-size: 14px;
}


.kontakt_links {
float: left;
margin-right: 0;
margin-left: 4%;
margin-top: 50px;
width: 94%;
}

.kontakt_rechts {
float: left;
margin-right: 90px;
margin-top: 40px;
width: 100%;

}


.kontakt_rechts p{

font-size: 12px;
}
.contact-rechts button,.contact-rechts  input, .contact-rechts optgroup, select,.contact-rechts  textarea {

color: #2a519f;
margin-top: 4px;
margin-right: -60px;
padding: 3px;
width: 99%;
}



.navbar-custom {
margin-bottom: 0;
border-bottom: 0px solid rgba(255,255,255,.3);
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: initial;
z-index:100;
}  


.navbar-fixed-top .navbar-brand{
visibility: hidden;

}

#music {
margin-bottom: 170px;
margin-top: 60px;
}
.content-section {
 padding-top: 0px; 
}
.uber2 {
width: 100%;
float: left;
}

#ueber .container {
padding-right: 2px;
padding-left: 4px;
margin-right: auto;
margin-left: auto;
padding-bottom: 140px;
}


.uber2 .container {
padding-right: 5px;
padding-left: 5px;
margin-right: auto;
margin-left: auto;
}
#animate1 img {
width: 100%;
margin-right: 468px;
margin-top: 2px;
}

.live-section .container .container{

margin-top: 50px;

}
  .download-section {    
        

background: url(../img/ueber_mobile.jpg) no-repeat bottom center scroll;
    background-color: #21b0e8;   
background-size: 89% ;
    background-repeat: no-repeat;
}




}















footer {
    padding: 0px 0;
}

footer p {
    font-size: 13px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0px;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}