/*!
 * 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.
 */
html, body {
 
}
body { overflow-x: hidden;
 
}

#silou {
  width: 100%;
  position: absolute;
  z-index: 5;
}
.silou_start {
  bottom: 100%;
 

}
.silou_end {
  bottom: 0%;
 

}
#siloublack {
  background-color: black;
  height:100%;
  width:100%;
  position: absolute;
  z-index: 81;

}
#silou {
  width: 100%;
  position: absolute;
  z-index: 5;
 
  
}
img.ilos {
    width: 100%;
    height: auto;
}


#siloublack2 {
  background-color: black;
  height:600px;
  width:100%;
  position: absolute;
  z-index: 81;
top:100%
}

.siloublack_start {
  bottom: 0%;
}
.siloublack_end {
  bottom: -99%;
}
#logo {
  width:100%;
  position: absolute;
}
.logo_start{
  bottom:-40%;
}
.logo_end{
  bottom:40%;
}
#band {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  z-index: 4;
}
.band_start{
  bottom:-90%;
}
.band_end{
  bottom:5%;
}
#klein2 {
   position: absolute;
width: 390px;
margin-left: auto;
margin-right: auto;
right: 0px;
}
.klein_start{
  top:-90%;
}
.klein_end{
  top:5%;
}
#klein2 p {

}


p.bubble {
  
    text-align: left;
    line-height: 1.4em;
    margin: 40px auto;
    background-color: #fff;
    border: 8px solid #37a1db;
    border-radius: 30px;
    font-family: sans-serif;
    padding: 20px;
    font-size: 20px;
    color: black;
}







#vid {
  position: absolute;
  z-index:104;
  width: 100%
}
.vid_start{
top: -99%;
    right: 120%;
    transform: scale(0.2);
}
.vid_end{
   top: 99%;
right: 0%;
transform:scale(1);

}
img#raum {
position: relative;
    /* margin-top: -200px; */
    width: 230px;
    margin-left: -851px;
    z-index: -1;
}
#vid iframe {
  width: 376px;
  border: 3px solid white;
}
#live_termine2 {
    position: fixed;
    background-image: url(../img/mond22.png);
    /* background-clip: border-box; */
    /* background-origin: padding-box; */
    /* background-position: 0 7px; */
    background-repeat: no-repeat;
    background-size: cover;
    height: 663px;
    width: 669px;
   
}
#live_termine2 p {
    margin: 180px -23px 12px 126px;
    font-size: 17px;
    line-height: 1.0;
    text-align: left;
    width: 67%;
    text-shadow: 5px 9px 6px #fdfdfd;
    color: #383838;
    font-weight: 600;
    display: table;
}
.live_start111 {
  width: auto;
  height: 1088px;
  transform: scale(0.45);
  z-index: 3;
  left: -80%;
  top: 900px;
}
.live_start2 {
    top: -30px;
    left: -203px;
    transform: scale(0.6);
}
.live_end2 {
     top: 25%;
  left:150%;
   transform: scale(1.7)rotate(45deg);
    
}





.live_start2 {
    
   
  }

.live_start_aktiv {
    transition-duration: 1s;
    transform: rotate(359deg)scale(1)translate(300px, 100px);
    z-index: 12121;
}

.live_start p {
    margin: 241px 0 43px 81px;
    font-size: 26px;

    
}


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

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

.uber3_1 h2 {
    color: #0060ae;
    
}
.uber3_1 a {
    color: #444;
    text-decoration: underline;
}
.uber3_1 p {
    color: #454545;
    
}


.uber3_1 a:hover {
    color: #005bab;
    text-decoration: underline;
}



.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;

}
img#jukebox {
    position: absolute;
    right: 19px;
    top: -188px;
    width: 201px;
}
#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:75%; height: auto;right:0px;margin-top: 120px;position: absolute;z-index:150
}

.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;
}





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) {

.rahmen {
    height: 510px;
    overflow-y: initial!important;
    margin-right: -61px;
}

    p {
        margin: 0 0 35px;
        font-size: 17px;
        line-height: 1.2;
        text-align: left;
    }
}

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(136, 136, 136, 0.6)


    }
}

.stoerer{

  width:90%; height: auto;right:0px;margin-top: 120px;position: absolute;z-index:190;
    
}



.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: #fff;
  background: url(../img/himmel.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;
  overflow-y:hidden; 
  margin-right: -61px;
}
#music .row{
    z-index: 100;
    position: absolute;


}
.infobox p {
  font-size: 14px;
    text-align: left;
    margin: 0;
    margin-left: -10px;
}
.infobox {
background-color: #000000b8;
padding: 10px;
position: absolute;
width: 24.5%;
padding-top: 10px;
font-size: 16px;
z-index: 122;
margin-top: 35px;
min-height: 120px;
}

#inb{display:none;}
#in:hover + #inb{display:block;}

.title p {
    font-size: 15px;
    margin-bottom: 0px;
    text-align: initial;
}
.title {
 z-index: 111;
background-color:
black;
position: absolute;

width: 218px;
}



.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;
    z-index: 95;
}
.uber3_1 p {
    color: #454545;
    float: left;
   
    margin-right: 0px;
    
}
.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;
}




#music {


 
    margin-top: 410px;
    height: 120%;
}

.uber2 {


 
   width:44%;
   float: left;
}

#uber.content-section {
 width: 100%;
    padding: 0% 0;
    color: #fff;
    background: url(../img/band3.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: 0% 0;
    color: #fff;
   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: contain;
    -o-background-size: cover;
    position: relative;
    z-index: 12121;
    height: 46px;
}
#kontakt{




}

#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{

    position: relative;
    margin-top: 150px;

}

.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;
      z-index: 72;
    position: relative;
    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-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%;

}
#raum:hover {
    opacity: 0.7;
}

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

    .download-section{

        background-size: 60% auto;
        background-position: center bottom;
    }
    #siloublack2 {
  background-color: black;
  height:600px;
  width:100%;
  position: absolute;
  z-index: 81;
top:100%
}

 }


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

    .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) {
.bildle img {
    width: 120px!important;
    height: auto!important;
}


    .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;
    }

.uber3_1 p {
    color: #454545;
    float: left;
    width: 100%!important;
    margin-left: 0px;
}



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


@media(max-width:870px) {
.intro {
display: table;
width:100%;
height: inital;
padding: 390px 0 160px 0;
text-align: center;
color: #fff;
background: url(../img/himmel.jpg) no-repeat top center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}



.infobox {
 
    width: 33%;

}

.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;
}
  #band img{
    width: 99%
}
  #logo img{
    width: 90%
}
  #vid {
    z-index: 122;
  }
  .vid_start{
    bottom: -15%;
    right: -110%;
   
  }
  img.ilos {
    width: 130%;
  margin-left: -15%;
}

  .vid_end{
    bottom: -60%;
    right: 0%;
  
  }
img#raum {
    
    margin-left: -641px;
   
}

  #silou {
    width: 100%;
    left: 0%;
     }


  .siloublack_start {
    bottom: 0%;
  }
  .siloublack_end {
    bottom: -70%;
  }
  .silou_start {
    bottom: 100%;
  }
  .silou_end {
    bottom: 30%;
  }
  .logo_end{
    bottom:50%;
  }
  .band_end {
    bottom: 30%
}
  #live_termine {
    position: fixed;
  }
.live_start {
    z-index: 96;
    top: 30%;
    transform: scale(0.3);
    height: 870px;
    width: 420px;
    left: 112%;
}
  .live_end {
    top:-4%;
    left:-5%;
    transform: scale(1.0);
  }
  .live_start p {
    margin: 117px 0 43px 64px;
    font-size: 12px;
    line-height: 12PX;
    text-align: left;
    width: 76%;
    text-shadow: 5px 9px 6px #fdfdfd;
    color: #383838;
    font-weight: 600;
  }




}
@media only screen and (min-width: 1500px) {


   
.live_end {
    bottom: -17%;
    left: 0%;
    transform: scale(0.6);
}

 }


@media(max-width:480px) {
.in, .collapsing, .navbar .active, .navbar .show {
    background-color: rgba(0, 0, 0, 0.51);
}
p.bubble {
    text-align: left;
    line-height: 0.9;
    margin: 15px auto;
    background-color: #ffffffdb;
    border: 8px solid #37a1db;
    border-radius: 30px;
    font-family: sans-serif;
    padding: 20px;
    font-size: 14px;
    color: black;
}
#klein2 {
    position: absolute;
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
}
.klein_end {
    top: -2%;
}
  img.ilos {
    width: 200%;
  margin-left: -50%;
}

 #band img{
    width: 99%
}
  #logo img{
    width: 70%
}
  #vid {
    
    z-index: 190;

  }
  .vid_start{
    top:-40%;
    right: 100%;
    transform: scale(0.2);
  
  }
  .vid_end{
    top: 82%;
    right: 0%;
     transform: scale(1);
  }

img#jukebox {
    position: absolute;
    margin-top: 96px;
    width: 100px;
    margin-left: -161px;
    z-index: -1;
}
.infobox {
    
    width: 50%;
  
}


.title {
    z-index: 121;
    background-color: black;
    position: absolute;
    width: 180px;
}



   

  #silou {
    width: 100%;
    left: 0%;

    pointer-events: none;
  }
  .siloublack_start {
    bottom: 0%;
  }
  .siloublack_end {
    bottom: -75%;
  }
  .silou_start {
    bottom: 100%;
  }
  .silou_end {
    bottom: 25%;
  }
  .logo_end{
    bottom:50%;
  } 
  .band_end {
    bottom: 23%
}
  #live_termine2 {
     
   z-index: 4;
  }
.live_start2 {
    transform: scale(0.3)rotate(77deg);
    top: -179px;
    left: -360px;
} 
 
.live_end2 {
    left: 127%;
    top: 38%;
    transform: rotate(359deg)scale(1.0);
}
.navbar {
    min-height: 60px;
}  
  .live_start p {
    margin: 117px 0 43px 64px;
    font-size: 12px;
    line-height: 12PX;
    text-align: left;
    width: 76%;
    text-shadow: 5px 9px 6px #fdfdfd;
    color: #383838;
    font-weight: 600;
     transition-duration: 1s;
  }

.live_start_aktiv{
   transition-duration: 1s;
 transform:  scale(0.8)translate(180px,150px)!important;
 top: -170px;
    left: -294px;
    z-index: 190!important;

}

#ob_content {
 
  width: 80%!important;
}
.stoerer{

  max-width:78%; height: auto;right:0px;margin-top: 60px;position: absolute;z-index:50;
}

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:200;
}  


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

}

#music {
margin-bottom: 400px;
margin-top: 410px;
}
.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-color: #21b0e8;
   
}
html, body {
  overflow-x: hidden!important;
}
body {
  position: relative!important;
}



}












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);
}