/*
  Datenschutzerklärung DSGVO Insert
  */
  #cookie_container {
      position: fixed;
      bottom: 0!important;
      top:auto!important;
      left: 0;
      right: 0;
      z-index: 999;
      padding: 10px;
      background-color: rgba(250,250,250,0.7)!important;
      color: #000!important;
      max-height: 100px!important;
      border-top: 1px solid #000;
  }


  body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #777;
  }
  h1, .h1 {
    font-size: 33px;
    text-transform: uppercase;
}
  h1.headtitle {
      margin: 10px 0 0 0;
      letter-spacing: 10px;      
      font-size: 20px;
      color: #111;
  }
  h3, h4 {
      margin: 10px 0 30px 0;
      letter-spacing: 10px;      
      font-size: 20px;
      color: #111;
  }
  .container {
      padding: 80px 120px;
  }
  .navbar-brand img {
    max-width: 263px;
    margin-top: -8px;
  }
  .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.7;
  }
  .person:hover {
      border-color: #f1f1f1;
  }
  .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
    }
  .carousel-inner img {
      /*-webkit-filter: grayscale(30%);
      filter: grayscale(30%); /* make all photos black and white */ 
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
  }
  .carousel-caption {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
/* Unternavigation Dropdown **************************************************/
.dropdown-menu {padding:0px;}
aside nav li a {
    border: 1px solid #ccc;
    background-color:#efefef!important;
    font-family: Montserrat, sans-serif;
    font-size: 11px !important;
    letter-spacing: 4px;
    }
aside nav li a:hover, aside nav li a.current, aside nav li a.section {
    border: 1px solid #ccc;
    background-color:#ffffff!important;
    }
aside .nav-pills > li > a {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color:#efefef!important;
}
aside .nav-pills > li > a:hover {
    background-color:#ffffff!important;
}
aside .today {margin-bottom:12px 2px;}
.dropdown-menu > li > a {
    background-color: #333;
    color: #ccc!important;
    text-transform: uppercase;
    font-size: 12px;
}
/* EventCalendar select Month year */

li.upcoming-event a {
  text-decoration:none;
}
li.upcoming-event a:hover {
  text-decoration:none;
  background-color:#fff;
}
p.concertstart {
  font-size:1.4em;
  text-align: center;
  padding:0;
  margin:0;
}
#Form_MonthJumpForm_Month_Holder div.middleColumn, #Form_MonthJumpForm_Year_Holder div.middleColumn {
    margin:5px 0;
    }
#Form_MonthJumpForm_Month_Holder select {
    background-color:#efefef;
    border:1px solid #ccc;
    padding:4px;
    border-radius:4px;
    }
    #Form_MonthJumpForm_Year_Holder select {
    background-color:#efefef;
    border:1px solid #ccc;
    padding:4px;
    border-radius:4px;
    margin-top:-5px;
    }
    .upcoming-event.list-group-item {
      position: relative;
      display: block;
      padding: 10px 15px;
      margin-bottom: -1px;
      background-color: #2D2D30;
      border: 1px solid #666;
    }

/*
#Form_MonthJumpForm_action_doMonthJump {padding: 4px 10px;margin-bottom:12px;}
#Form_MonthJumpForm_action_doMonthJump:hover {background-color:#f44601;border:1px solid #000;}
/* Event Calendar ************************************************************/
span.datelabel {color:#ccc;min-width:25%;display:inline-block;}
h1 .sub {
    color: #999;
    display: inline-block;
    float: right;
}
.more {font-size:0.6em;}

#demo, #demo2, #demo3 {
    margin-top:24px;
}

/**************** BAND **************************************************/
.bandname {
    margin-bottom: -20px;
    margin-top: 20px;
}

/**************** VIDEOS ************************************************/

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; overflow: 
  hidden; max-width: 100%; 
  } 
  .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
  }

  /* Videos in Page */
  
  #Page div.VideoContainer {max-width:600px!important;margin: 0 auto;}
  #page .embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; overflow: 
  hidden; max-width: 100%; 
  } 
  #page .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border: solid 1px blue;
  }

  a.center {text-align:center;}

  /* MediaQery *****************************************************************************/

  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
    .container {
        padding: 10px 20px;
    }
    #cd img, img.logo {
      width: 100%;
      height: auto;
    }
  }




  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .btn {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-header, .modal-body {
      padding: 40px 50px;
  }
  .nav-tabs li a {
      color: #777;
  }
  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }  
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      background-color: #2d2d30;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 4px;
      opacity: 0.9;
      box-shadow: 3px 3px 5px black;
  }
  .navbar li a, .navbar .navbar-brand { 
      color: #d5d5d5 !important;
      font-size:12px;
  }
  .navbar-nav li a:hover {
      color: #fff !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #d5d5d5;
  }
  .dropdown-menu li a:hover {
      background-color: red !important;
  }
  /* Event Calendar ****************************************/
    #event-calendar-events h4 {
      background-color: transparent;
      color: #333 !important;
      text-align: left;
      font-size: 24px;
      letter-spacing: 2px;
  }
  


  /* Footer ************************************************/
  footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 32px;
      min-height:300px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  .form-control {
      border-radius: 0;
  }
  footer .center p {
    display:inline-block;
  }
  textarea {
      resize: none;
  }
  footer .right {
    display:flex;
  }
  footer .right p {
    margin:5px;
  }