/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */
html {
  position: relative;
  min-height: 100%;
}
 
body {
  padding: 0px;
  margin: 0px;
  border: 0px;
  height: 100%;
}
 a {
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: #FFFFFF;
  text-decoration: none;
}

 a.footer-icons:hover {
  color: #b2b2b2;
  color: #b2b2b2;
}

a:active, a:focus, a:hover {
outline: 0;	
}

i:active, i:focus, i:hover {
outline: 0;	
}

.BRUcover {
  vertical-align: bottom;
  display: table-cell;
}

.BRUcover img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.BRUcoverimg {
  width: 100%; 
  height; auto; 
}

.BRUcoversub {
  vertical-align: bottom;
  display: table-cell;
}

.BRUcoversub img {
    position: absolute;
    left: 0;
    bottom: 0px;
}

 .BRUcoversubimg {
  width: 100%; 
  height; auto; 
}

 .BRUflow {
  padding: 0px;
  margin-left: 35px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;
 }
 
  .BRUcol1 {
width: 585px;   /* Breite der Playertitel */
 }

 .BRUlogo {
  width: 550px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  vertical-align: top;
}

 .BRUnav {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

 .BRUnavactive {
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
  border: 0px;
  left: 0;
  text-align: left;
}

 .BRUnavmargin {
  padding: 0px;
  margin-left: 50px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  border: 0px;
}

 .BRUnavpic {
  height: 32px;
  margin: 0px;
  border: 0px;
  margin-bottom: 0px;
  vertical-align: top;
}

 .BRUnospace {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

 .BRUright {
	width: 300px;
	padding-left: 20px;
	right: 0;
	position: absolute;
}

.navbar {
  height: 200px;
  background-color: #FFFFFF;

}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  line-height: 40px; /* Vertically center the text there */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.modal {
  width: 300px;
  height: 200px;
  line-height: 200px;
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -100px;
  margin-left: -150px;
  background-color: #8ebf42;
  border-radius: 40px;
  text-align: center;
  z-index: 11;
}



@media only screen and (max-width: 500px) {   /* Smartphones Hochkant */

 .BRUlogo {
  width: 160px;
}
	
 .BRUnavmargin {
  margin-left: 0px;
  }
  
 .BRUnavpic {
  height: 24px;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 8px;
  border: 0px;
  vertical-align: top;
}

 .BRUright {
	width: 140px;
	right: 0px;
	position: absolute;
}

 .BRUleft {
	width: 140px;
	left: 0px;
	text-align: left;
}

 .navbar {
  height: 50px;
  margin-top: 6px;
  margin-left: 20px;
  padding: 0px;
  border: 0px;
}

 .BRUflow {
  margin-left: 0px;
  background-color: #FFFFFF:
 }


 .BRUcoversub img {
    /*position: absolute; */
    left: 100;
    bottom: 0;
}
  .BRUcoversubimg {
  width: 100%; 
  height; auto; 
  margin-bottom: 40px;
}
 
  .BRUcoverimg {
  width: 100%; 
  height; auto; 
  margin-bottom: 40px;
}

} 


@media only screen and (max-width: 800px) {   /* iPad Hochkant */

 .BRUlogo {
  width: 350px;
}
	
 .BRUnavmargin {
  margin-left: 0px;
  }
  
 .BRUnavpic {
  height: 24px;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 8px;
  border: 0px;
  vertical-align: top;
}

 .BRUright {
	width: 180px;
	right: 0px;
	position: absolute;
}

 .BRUleft {
	width: 140px;
	left: 0px;
	text-align: left;
}

 .navbar {
  height: 50px;
  margin-top: 30px;
  margin-left: 25px;
  padding: 0px;
  border: 0px;
}

 .BRUflow {
  margin-left: 0px;
  background-color: #FFFFFF:
 }


 .BRUcoversub img {
    position: absolute;
    left: 0;
    bottom: 0;
}
  .BRUcoversubimg {
  width: 100%; 
  height; auto; 
  margin-bottom: 40px;
}
 
  .BRUcoverimg {
  width: 100%; 
  height; auto; 
  margin-bottom: 40px;
}

} 

@media only screen and (orientation: landscape) and (max-height: 450px) {  /* Smartphones quer */

 .BRUlogo {
  width: 180px;
}
	
 .BRUnavmargin {
  margin-left: 0px;
  }
  
 .BRUnavpic {
  height: 24px;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 8px;
  border: 0px;
  vertical-align: top;
}

 .BRUright {
	width: 140px;
	right: 0px;
	position: absolute;
}

 .navbar {
  height: 50px;
  margin-top: 6px;
  margin-left: 20px;
  padding: 0px;
  border: 0px;
}

 .BRUflow {
  margin-left: 0px;
 }
 
 .BRUright {
	padding-left: 0px;
 }
  
 .BRUcoversub img {
    position: absolute;
    right: 0;
	left: auto;
    bottom: 0;

}

  .BRUcoversubimg {
  width: 22%; 
  height; auto; 
    margin-bottom: 40px;
  }
  
.BRUcol1 {
width: 500px;   /* Breite der Playertitel */
 }
}

/* @media only screen and (orientation: landscape) and (max-height: 700px) {  /* Smartphones quer 

 
  .BRUcoversub img {
    position: absolute;
    right: 0;
	left: auto;
    bottom: 0;

}

  .BRUcoversubimg {
  width: 22%; 
  height; auto; 
    margin-bottom: 40px;
  }
} */

/* @media only screen and (orientation: landscape) and (max-width: 800px)  {   /* iPad quer 

 .BRUcoversub img {
    position: absolute;
    right: 0;
	left: auto;
    bottom: 0;

}

  .BRUcoversubimg {
  width: 22%; 
  height; auto; 
    margin-bottom: 40px;
  }
  
} */


@media only screen and (max-width: 500px) {   /* Smartphones Hochkant */

/*
 .BRUlogo {
  width: 250px;
}
*/
	
 .BRUnavmargin {
  margin-left: 0px;
  }
  
 .BRUnavpic {
  height: 24px;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 8px;
  border: 0px;
  vertical-align: top;
}

 .BRUright {
	width: 140px;
	right: 0px;
	position: absolute;
}

 .BRUleft {
	width: 140px;
	left: 0px;
	text-align: left;
}

 .navbar {
  height: 50px;
  margin-top: 6px;
  margin-left: 20px;
  padding: 0px;
  border: 0px;
}

 .BRUflow {
  margin-left: 0px;
  background-color: #FFFFFF:
 }


 .BRUcoversub img {
    position: absolute;
    left: 0;
    bottom: 0;
}
  .BRUcoversubimg {
  width: 100%; 
  height; auto; 
  margin-bottom: 40px;
}
 
  .BRUcoverimg {
  width: 100%; 
  height; auto; 
  margin-bottom: 40px;
}

}