/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/template-overviews/business-casual)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
 */

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background: url('../img/background.jpg') no-repeat center center fixed;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

h1, h2, h3, h4, h5, h6, .text-heading {
  font-family: "Josefin Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 4rem;
}

.tagline-upper {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

.tagline-lower {
  font-size: 1.2rem;
  line-height: 1;
}

.text-expanded {
  letter-spacing: 2px;
}

.text-shadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.bright-shadow {
  box-shadow: 0 0 2px rgb(206, 191, 124, 0.8);
}

.text-lg {
  font-size: 1.25rem;
}

.bg-faded {
  background-color: rgba(49, 29, 18, 0.98);
}

.bg-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

hr.divider {
  border-color: #868e96;
  max-width: 250px;
}

.map-container iframe {
  pointer-events: none;
}

.map-container iframe.clicked {
  pointer-events: auto;
}



@media (max-width: 395px) { 
  .my-navbar-header {
    font-size: 0.5rem;
  }
}
@media (min-width: 396px) { 
  .my-navbar-header {
    font-size: 0.67rem;
  }
}

.my-navbar-dropdown-menu{
  background-color: #341F14;
}

.my-navbar-dropdown-item:focus, .my-navbar-dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #835C29;
}

.my-navbar-dropdown-item-disabled{
  color: #5c5c5c !important;
}

.my-navbar-dropdown-item-disabled:focus, .my-navbar-dropdown-item-disabled:hover {
  color: #5c5c5c !important;
  text-decoration: none;
  background-color: #835C29;
}

.my-startpage-header {
  font-size: 2.8rem;
}


/* .my-card-img-top-height {
  height: 20vh;  
  object-fit: fill;
  margin: 5%;
  width: 90%;
} */
  .my-card-img-top-height {
  /* height: 20vh;   */
  object-fit: scale-down;
  margin: 5%;
  width: 90%;
}



.myfooter{
    /*settings for keeping footer on bottom*/
    bottom: 0px; /* ensures, that footer stays on bottom, this leads only to the problem, that there is a bit space under the actual footer, but only on firefox, so it's ok for now when you choose the same color for the html background here, like the one on footer background*/
    left: 0;
    width: 100%; 
    
    
    position: absolute;
    padding: 3rem;    
}

html {
    /*settings for keeping footer on bottom*/
    height: 100%;
    box-sizing: border-box;
    background-color: #331f15; /* you must override this color (with any color) (in best case choose the same one like on the footer background), to avoid having a white bar on the bottom on android chrome browser during scrolling (when adress-line on header disappears) */
}

*,
*:before,
*:after {
    /*settings for keeping footer on bottom*/
    box-sizing: inherit;
}

body{
    /*settings for keeping footer on bottom*/
    position: relative;    
    min-height: 100%;    
}

.my-content-wrapper-for-footer-on-bottom {
    /*settings for keeping footer on bottom*/
    /*you have to set min 1px here, else the footer would go down too far on fullscreen*/
    padding-top: 1px;  
    padding-bottom: 13rem;  
}



/*settings for keeping footer on bottom*/
/*you have to delete the offset of the "smartphone header" also, if you are on a bigger screen, to avoid always showing vertical scrollbar*/    
@media (max-width: 991px) { 
    .my-header-font {
        padding-top: 0;
    } 
    body {
        top: 0;
    }
}
@media (min-width: 992px) { 
    .my-header-font {
        padding-top: 3rem;        
    } 
    body {
        top: -3rem;
    }
}
@media (max-width: 1185px) { 
  .my-header-font {
    font-size: 3.5rem;      
  }   
}


@media (min-width: 768px) and (max-width: 991px){
  .konzertmoeglichkeitenheader{
    font-size: 1.5rem;
  }
  .notenheader{
    font-size: 1.5rem;
  }
}



.presse-card-header{
  height: 3rem;
  margin-top: 2.5rem;
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  background-color: #00000000; /*only having no alpha is important here*/
  border-color: #00000000; /*only having no alpha is important here*/

}

.reata-logo-img {
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

.canavas-logo-img {
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

.my-font-awesome-background{
  color: #866d32 !important;
}

.my-font-awesome-icon{
  color: #331F14 !important;
}

.my-font-awesome-background-konzert{
  color: #ADA5A0 !important;
}

.konzert-icon-position{
  margin-top: -1rem;
}

.my-scrollable-table {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.my-smaller-image{
  height: 25% !important;
  width: 50% !important;
}