body {
  background-color: #efefef;
  padding-top: 150px;
  padding-bottom: 30px;
}
body#start {  
  /* Location of the image */
  background-image: url(../img/Woidlife220414mf126-mobile.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}
@media only screen and (min-width: 768px) {
  body#start {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../img/Woidlife220414mf126-tablet.jpg);
  }
}
@media only screen and (min-width: 1200) {
  body#start {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../img/Woidlife220414mf126-full.jpg);
  }
}

.white {
  color: #fff;  
}
.alert a {
  color: inherit;
}

#logo-navbar {
  float: left;
  margin: 0 15px 0 0;
  width: 95px;
}
.header-tag {
  float: left;
  color: #000;
  font-size: 29px;
  line-height: 1;
  text-transform: uppercase;
  margin: 10px;
}
#infobar {
  margin-bottom: 3em;
}
#nav-main {
  
}
#nav-main li {
  
}
#nav-main .active {
  background-color: #f7a600;
}
#nav-main a {
  color: #777;
  font-size: 18px;
  line-height: 70px;
}
#nav-main .active a {
  color: #fff;
}

.tab-content {
  background-color: #fff;
  display: table;
  padding-top: 15px;
  width: 100%;
}
.tab-nav {
  background-color: #efefef;
  font-size: 24px;
  font-weight: 700;
}
.tab-nav li {
  float: left;
}
.tab-nav li > a {
  color: #777;
}
.tab-nav .active {
  background-color: #fff;
}
.tab-nav .active > a {
  color: #b3db76;
}

.box-shadow {
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
}
.text-shadow {
  text-shadow: 3px 3px 5px #000000;
}

.copy {
  color: #fff;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  margin: 10px;
}

/******
USER-TABLE
******/
.user td:nth-child(4),
.user td:nth-child(5),
.user td:nth-child(6),
.user td:nth-child(7),
.user td:nth-child(8),
.user td:nth-child(9),
.user td:nth-child(10),
.user th:nth-child(4),
.user th:nth-child(5),
.user th:nth-child(6),
.user th:nth-child(7),
.user th:nth-child(8),
.user th:nth-child(9),
.user th:nth-child(10){
  text-align: center;
}
.user .glyphicon-ok {
  color: #b3db76;
}
.user .glyphicon-remove {
  color: #ff4040;
}
.user .glyphicon-minus {
  color: #f7a600;
}



/******
 FORM
******/
.control-label {
  font-weight: 700;
  margin-bottom: 0;
}
.formsection {
  margin-bottom: 15px;
}
.radio-img input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc, .activated {opacity: 1;}
.radio-img input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
  -webkit-filter: none;
     -moz-filter: none;
          filter: none;
}
.radio-img input{
  margin:0;padding:0;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}
.drinkcard-cc{
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;
  -webkit-transition: all 100ms ease-in;
     -moz-transition: all 100ms ease-in;
          transition: all 100ms ease-in;
  -webkit-filter: brightness(1.2) grayscale(1) opacity(.25);
     -moz-filter: brightness(1.2) grayscale(1) opacity(.25);
          filter: brightness(1.2) grayscale(1) opacity(.25);
}
label.drinkcard-cc{
  cursor:pointer;
}
label.drinkcard-cc:hover{
  -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
     -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
          filter: brightness(1.2) grayscale(.5) opacity(.9);
}


/*** Anzeigengröße ***/


/*** Zimmerarten ***/
.zimmerarten input {
  margin: 0 10px 0 0;
  width: 50px !important;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

/*** Transparency ***/
.glyphicon-star,
.glyphicon-certificate {
  color: rgba(245,229,0,1);
}
.glyphicon-star.transparent-25,
.glyphicon-certificate.transparent-25 {
  color: rgba(0,0,0,0.25);
}

.dz-message .label {
  font-size: 100%;
}