/* ==========================================================================
	* Braun: 49433D - rgba: 73 67 61;
	* Grün : 94BA65 - rgba: 148 186 101;
   ========================================================================== */

/* Fonts */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BerlinerGroteskLightRegular';
    src: url('../fonts/BerlinerGroteskLightRegular.eot');
    src: url('../fonts/BerlinerGroteskLightRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BerlinerGroteskLightRegular.woff') format('woff'),
         url('../fonts/BerlinerGroteskLightRegular.otf') format('opentype'),    /* Open Type */
         url('../fonts/BerlinerGroteskLightRegular.ttf') format('truetype'),
         url('../fonts/BerlinerGroteskLightRegular.svg#BerlinerGroteskLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin: 0;}
html {position: relative; min-height: 100%;}
html, body {height: 100%;}
body:before { 
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
body {display: table; width: 100%;}
body {margin-bottom: 260px;}
body {background:url('../img/background.jpg'); font-family: "BerlinerGroteskLightRegular", sans-serif; font-size: 0.85vw; font-weight: 100; text-transform: uppercase;}
hr {margin: 5px 0; border: 0; border-top: 1px solid #C1B398;}
ol, ul {list-style: none;}
.strong {font-weight: 500; color: #94ba65;}

/* Navigation */
.header {margin: 25px 0;}
.header li {line-height: 18px; margin-right: 18px; padding: 5px 10px; list-style: none;}
.header li.opening {margin-right: 10px; padding: 5px 0;}
.navbar {min-height: 35px;}
.navbar-nav {margin: 7.5px -40px;}
.navbar-inverse {border: none; background: #49433d; margin: 0 auto;}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {background: none; box-shadow: none; color: #94BA65;}
.navbar-inverse .navbar-nav>li>a {color: #fff; line-height: 24px;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color: #94BA65; text-decoration: none;}

/* Navigation - Dropdown */
.navbar-nav > li > .dropdown-menu {background-color: #94BA65; font-size: inherit; margin-top: 7px; min-width: 140px;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu {margin-top: 0px;}
.navbar-nav .dropdown-menu > li > a {color: #49433d; font-weight: inherit; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.navbar-nav .dropdown-menu > li > a:focus, .navbar-nav .dropdown-menu > li > a:hover {background: none; color: #fff;}
.navbar-nav .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background: none;}

/* Countdown Timer */
.coming-soon {background: #94BA65; border-radius: 4px; display: block; height: 40px; margin: 0 auto 25px; width: 715px;}
.coming-soon .row {margin: 0 0 0 10px;}
.coming-soon .row .span {display: flex; font-size: 21px; line-height: 40px;}
.timer {color: #fff;}
.timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper {display: inline-block;}

.jumbotron {background-color: transparent; padding: 0;}
.jumbotron h1 {color: #605951; margin: 25px auto 25px; width: 450px;}
.jumbotron h2 {color: #C1B398; letter-spacing: 15.5px; margin: 0 auto; width: 310px;}
.jumbotron h3 {text-transform: uppercase;}
.jumbotron p {margin: 0; padding-bottom: 20px;}
.jumbotron .logo {display: block;}
.jumbotron .row.register p {font-size: 16px;}
.container {padding: 0; width: 1280px !important;}

.row {float: left; margin: 0;}
.row .content {float: left; margin: 0 25px 0 0; height: auto; width: 32vw;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.row .content.right {margin: 56px 0 0 0;}
.row .content.laden {margin: 0;}
.row .content.opening h3 {color: #94BA65; font-weight: 600;}
.row .content a {color: #94BA65;}
.row .content-wide {width: 66vw;}
.row .grid {float: left; width: 635px;}
.row .grid.register {margin: 0; padding: 10px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.row .grid p {text-transform: none;}

/* Content - Grid */
.maincontent {padding: 20px 0 20px 0; min-height: 100%; display: table-row;}
.maincontent .jumbotron .container .content-text {font-size: 1vw; padding: 0 10px; text-align: justify; text-transform: none;}
.maincontent .jumbotron .container .content-text .nowrapping {background-color: #49433D; width: 1257px;}
.maincontent .jumbotron .container .content-text .nowrapping h1 {color: #f9ede1; font-size: 75px; padding: 18px; text-transform: uppercase; width: 1257px;}
.maincontent .jumbotron .container .content-text .nowrapping .details {background: none; font-size: 20px; margin: 50px 0 0 20px;}
.maincontent .jumbotron .container .content-text .nowrapping .details .step {float: left; text-align: center; width: 175px;}
.maincontent .jumbotron .container .content-text .nowrapping .details .step .icon {height: 200px;}
.maincontent .jumbotron .container .content-text .nowrapping .details .step img {display: block; margin: 0 auto;}

/* Facebook Feed */
.maincontent .jumbotron .container .fb-feed {float:right;}

/* Footer */
.footer {background:url('../img/footer_small.png') no-repeat; color: #49433D; height: 400px; margin: 0 auto; position: absolute; text-align: center; width: 100%;}
.footer .footerdetails {color: #fff; margin: 0 auto; position: relative; text-align: left; top: 260px; width: 820px;}
.footer .footerdetails .tile {border-right: 1px solid white; float:left; padding: 0 10px;}
.footer .footerdetails .tile a {color: #94ba65;}
.footer .social-icons a {display: inline-block; padding: 13px;}

svg path, svg rect {
    fill: #fff;
}

.img-wrapper {position: relative;}
.iframe-wrapper {position: relative; padding-bottom: 100%; height: 0; overflow: hidden;}
.iframe-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media(max-width:767px){
    .coming-soon {width: 430px;}
    .coming-soon .row .span {font-size: 11px; width: 430px;}
    .jumbotron h1 img {width: 390px;}
    .jumbotron p {font-size: 14px;}
    .container {padding: 0; width: 430px !important;}
    .row .content {width: 100vw;}
    .lb-album {margin: 0 !important; width: 400px !important;}
    .footer .footerdetails {width: 300px;}
    .footer .footerdetails .tile {border: none; font-size: 11px; text-align: center;}
    .footer .footerdetails .social-icons {display: none;}
}
@media(min-width:768px){
    .container {padding: 0; width: 600px;}
}
@media(min-width:992px){
    .container {padding: 0; width: 800px;}
}