/* TFF */
html body.tff {
  font-size: 20px !important;
}
.tff header.wobwob-header {
  height: 700px;
  padding-top: 100px;
  background: #002208 url('https://www.wobwob.net/tieffrequenz-festival-2016/img/tff/tff-bg.jpg') no-repeat scroll
    center -125px / cover;
}
.tff article header.wobwob-header div.container div.row div.col-xs-6.col-md-6.text-header h1.tff {
  font-size: 60px;
}
h1.tff,
h2.tff,
.ttf-line-up div.container h1.ttf,
.ttf-line-up div.container h1.ttf {
  color: #49a131 !important;
}

h1.tff {
  font-size: 60px;
}

html
  body.tff
  section#tieffrequenz-info
  article
  div.container-fluid.tff-info.no-color
  div.container
  div.row
  div.col-lg-12
  h1.tff {
  font-size: 40px !important;
}

h2.tff {
  margin-top: 30px;
}
p.intro.tff {
  font-size: 40px;
  text-transform: uppercase;
  /*color: #c7f4d4 !important;*/
}
p.date-tff {
  font-size: 30px;
  /*color: #c7f4d4 !important;*/

  text-transform: uppercase;
}
a.tff {
  color: #81cc2a !important;
  font-size: 20px !important;
}
div.row div.col-lg-12 p.tff a.teaser {
  color: #81cc2a !important;
}

.container-fluid.tff-info.no-color {
  background-color: rgba(21, 51, 26, 0.7);
  padding: 40px 0;
}
div.container-fluid.ttf-flyer {
  height: 700px;
  padding: 40px 0;
  background: url('https://www.wobwob.net/tieffrequenz-festival-2016/img/tff/tff-bg-dwn.jpg') no-repeat center center
    #002208;
  background-size: cover;
}
.ttf-line-up {
  padding: 40px 0;
}
.ttf-line-up.kontakt {
  background-color: rgba(21, 51, 26, 0.7);
  padding-bottom: 100px;
}
p.tff-lineup {
  /*color: #dff6df;*/

  font-size: 24px;
  /*font-weight: bold;*/

  letter-spacing: 1px;
}
/* NAvi Responsive */

li.responsive a.short {
  display: none;
}
@media (max-width: 1010px) {
  ul.nav.navbar-nav li.responsive a.short {
    display: block;
  }
  ul.nav.navbar-nav li a.long {
    display: none;
  }
}
/* Responsive */

@media (max-width: 1010px) {
  html body.tff article header.wobwob-header {
    height: 600px;
    background: #002208 url('https://www.wobwob.net/tieffrequenz-festival-2016/img/tff/tff-bg.jpg') no-repeat scroll
      center -50px / cover;
  }
  div.row div.col-xs-6.col-md-6.text-header h1.tff {
    font-size: 40px !important;
  }
  div.row div.col-xs-6.col-md-6.text-header p.intro.tff {
    font-size: 24px;
  }
  body.tff article header.wobwob-header div.container div.row div.col-xs-6.col-md-6.text-header p.date-tff {
    font-size: 20px;
  }
}
@media (max-width: 680px) {
  html body.tff article header.wobwob-header {
    height: 440px;
    background: #002208 url('https://www.wobwob.net/tieffrequenz-festival-2016/img/tff/tff-bg.jpg') no-repeat scroll
      center 0 / cover;
  }
  html body.tff article header.wobwob-header div.container div.row div.col-xs-6.col-md-6.text-header h1.tff {
    font-size: 30px !important;
  }
  .tff article header.wobwob-header div.container div.row div.col-xs-6.col-md-6.text-header p.intro.tff {
    font-size: 20px;
  }
  body.tff article header.wobwob-header div.container div.row div.col-xs-6.col-md-6.text-header p.date-tff {
    font-size: 18px;
  }
}
@media (max-width: 526px) {
  html body.tff article header.wobwob-header {
    display: none;
  }
}

/* Startseite */
html body header.wobwob-header.ttf-start {
  padding-top: 50px;
  background: none;
  height: 700px !important;
}

/* Startseite */
@media (max-width: 991px) {
  div.row div.col-sm-12.col-md-6.flyer-tff-a img.img-responsive.center-block,
  div.row div.col-sm-12.col-md-6.flyer-tffr-b img.img-responsive.center-block {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  header.wobwob-header-ttf-start div.container-fluid.ttf-flyer {
    height: auto !important;
  }
}

/* Farbe */

h1,
h3,
h6,
ul.nav.nav-tabs li.active a,
ul.nav.nav-tabs li.active a,
ul.nav.nav-tabs li.active a:hover {
  color: rgba(96, 163, 157, 1) !important;
}

.hr {
  background-color: rgba(96, 163, 157, 0.05);
}

.container-fluid.aktuell,
section#member div.container-fluid.member,
section#events div.container div.row div.col-lg-12 ul.nav.nav-tabs {
  background-color: rgba(96, 163, 157, 0.15);
}

/* Shirt section */
/*  div.col-lg-12.shirts {
    border-top: 1px solid black;
    margin-top: 40px;
    margin-bottom: -20px;
    padding-top: 40px;}

    .col-lg-12.shirts h2 {margin-top:10px;}

.shirts img.img-responsive {float:right; margin-right: 20px;}
*/

/* Main */
body {
  background-color: #010101 !important;
  padding-top: 50px;
  color: #fff;
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: normal !important;
}

a,
a:active,
a:hover,
a:visited {
  color: #f0f0f0;
  text-decoration: underline;
}
a:hover,
a:visited {
  opacity: 0.7;
}

p {
  line-height: 190%;
  margin: 15px 0 10px;
}

div.front-view-content.full-post p:hover,
div.front-view-content.full-post p:focus,
.post-image.post-image-left.schema-widgetfull:hover,
.post-image.post-image-left.schema-widgetfull:focus,
header h2.title.front-view-title:hover,
header h2.title.front-view-title:focus {
  opacity: 0.7 !important;
}

div.front-view-content.full-post:hover,
div.front-view-content.full-post:focus {
  opacity: 0.7 !important;
}

article.latestPost.excerpt:hover,
article.latestPost.excerpt:focus,
article:hover,
article:focus {
  opacity: 0.7 !important;
}

/* header  */
.navbar {
  min-height: 56px;
}

nav.navbar.navbar-inverse.navbar-fixed-top {
  background-color: #000 !important;
}
a.navbar-brand {
  padding: 5px;
}

.navbar-nav > li > a {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  line-height: 25px;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

ul.nav.navbar-nav {
  float: right;
}

@media (max-width: 781px) {
  ul.nav.navbar-nav {
    float: none;
  }
}

.navbar-toggle {
  margin-top: 11px;
}

.wobwob-header {
  height: 400px;
  background: url('../img/wobwob-header.jpg') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.flyer-header-a img,
.flyer-header-b img {
  margin-top: 20px;
  max-height: 358px;
}

@media (max-width: 680px) {
  .flyer-header-a {
    padding-top: 5% !important;
  }
  .flyer-header-b {
    padding-top: 5% !important;
  }
}
@media (max-width: 580px) {
  .flyer-header-a {
    padding-top: 10% !important;
  }
  .flyer-header-b {
    padding-top: 10% !important;
  }
}
@media (max-width: 580px) {
  .flyer-header-a {
    padding-top: 15% !important;
  }
  .flyer-header-b {
    padding-top: 15% !important;
  }
}
@media (max-width: 480px) {
  header.wobwob-header {
    display: none;
  }
}

/* Globale Styles */
h1 {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}

h2 {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}

h3 {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 25px;
}

h4 {
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}

h5 {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
}

h6 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Aktuell */
.container-fluid.aktuell {
  padding: 50px 0;
  background-image: url('../img/grunge.png');
  background-position: 0 -1px;
  background-repeat: repeat-x;
}

section#aktuell {
  background: url('../img/grunge.png') left top repeat-x scroll !important ;
}

/* Events */
section#events {
  padding: 50px 0;
}

.container.kollage {
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .container.kollage {
    display: none;
  }
}

/* Panel */

.nav-tabs {
  border-bottom: medium none;
}

.nav-tabs > li > a {
  color: #fff;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 15px;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

.nav-tabs > li > a:active {
  border: 0px solid transparent !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.nav-tabs > li > a:hover {
  border: 0px solid transparent !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border-color: transparent;
  border-image: none;
  border-style: none;
  border-width: 0px;
  cursor: default;
}

div.eventbox p {
  margin: 0 !important;
}

ul.nav.nav-tabs li.active a,
ul.nav.nav-tabs li.active a:hover {
  text-decoration: none !important;
  opacity: 1 !important;
}

.tab-content {
  padding-top: 15px;
}

.hr {
  height: 3px;
  width: 100%;
  margin-top: 20px;
  float: right;
}
/* Link Boxen in den Tabs */

div.eventbox {
  background: #101010;
  padding: 3px 10px 3px 20px;
  margin: 10px 0;
  height: 90px;
}

@media (max-width: 1200px) {
  div.eventbox {
    height: 120px;
  }
}
@media (max-width: 1005px) {
  div.eventbox {
    height: 100px;
  }
}
@media (max-width: 781px) {
  div.eventbox {
    height: 80px;
  }
}

div.eventbox h4 {
  margin-bottom: 5px;
}

/* Member Section */
section#member {
  background: url('../img/member_bg.jpg') center center no-repeat scroll;
}
@media (max-width: 1006px) {
  section#member {
    background: none !important;
  }
}

div.container-fluid.member div.container {
  padding: 50px 0;
}

.member-box {
  text-align: center;
  margin-top: 25px;
}
@media (max-width: 1005px) {
  .member-box {
    margin-top: 50px;
  }
}

.member-box img.img-circle {
  margin-bottom: 10px;
}

a.member-email {
  margin-bottom: 20px;
  text-align: left;
  text-decoration: none !important;
}

ul.list-unstyled {
  line-height: 195%;
  text-align: left !important;
  margin-left: 15%;
}
@media (max-width: 1005px) {
  ul.list-unstyled {
    text-align: center !important;
    margin-left: 0;
  }
}

.member-box h6 {
  text-align: left;
  margin-left: 15%;
}
@media (max-width: 1005px) {
  .member-box h6 {
    text-align: center !important;
    margin-left: 0;
  }
}

/* Kontakt Section */
.kontakt {
  margin-top: 25px;
  padding-bottom: 50px;
}

/* Formular */
input#name.form-control {
  height: 45px;
}
input#email.form-control {
  height: 45px;
}
textarea#message.form-control {
  height: 135px;
}
button.btn.btn-xxl {
  height: 45px;
}

.form-group {
  margin: 0 !important;
}

div#4.form-group {
  margin-bottom: 30px !important;
}

.form-control {
  background-color: #090909;
  background-image: none;
  border: 1px solid #090909;
  border-radius: 0px !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 16px;
  height: 45px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 2px solid #090909;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 15%;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent !important;
  width: auto;
  margin-top: 15px;
}

.btn:hover {
  background-color: #090909 !important;
  color: #535252 !important;
}

/* Shadowbox Stylez */
#header {
  display: none !important;
}

.content {
  width: 100% !important;
}

div.content p iframe {
  display: none !important;
}

div.content h1 {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}

div.content h2 {
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}

div.content h3 {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 25px;
  color: #fdc702;
}

div#tail div.items {
  display: none !important;
}

div#tail div.content img {
  float: left !important;
  margin: 10px !important;
}