/* Hello Dude! */

@font-face {
    font-family: BebasNeue;
    src: url(../fonts/BebasNeueBold.otf);
    font-weight:normal;
}

@font-face {
    font-family: CardoItalic;
    src: url(../fonts/Cardoi99-webfont.ttf);
    font-weight:normal;
}

@font-face {
    font-family: CardoBold;
    src: url(../fonts/Cardob101-webfont.ttf);
    font-weight:normal;
}
@font-face{
    font-family:againts;
    src: url(../fonts/againts.otf);
    font-weight:normal;
}
@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "lato", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.778;
  color: #403626;
}



h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
    font-family:'BebasNeue',Helvetica,Arial,sans-serif;
}

a {
  color: #403626;
  text-decoration: none;
  outline: none !important;
}

a:hover {
  text-decoration: underline;
    color: #80550d ;
}



p {margin: 0;font-family: 'CardoItalic','Georgia', serif;font-style: normal;font-size:20px;text-align: center;text-indent:0;padding:0;}
section p strong{text-indent:0;font-family:'CardoBold','Georgia', serif;margin:0;padding:0;}
.faq p{text-align:left;-webkit-hyphens:auto;hyphens: auto;hyphenate-limit-chars: auto 5;hyphenate-limit-lines: 2;}
.faq p:nth-child(odd){margin:20px 0 0}

.intro h1, .content h2{font-family: 'againts', 'Times New Roman', serif;word-spacing: 10px;margin:0 auto;}
.intro h1 {font-size: 150px; line-height: 1;text-shadow: 1px 2px 7px rgba(38, 29, 0, 0.75);}
.content h2 {margin: 0 auto 40px; font-size: 170px;line-height: 1;text-shadow: 0px 2px 3px rgba(38, 29, 0, 0.1);text-align: center}
.content h2 + p, .intro p{font-size:40px;margin:0;text-shadow: 0px 2px 4px rgba(38, 29, 0, 0.2);}
.footer p{font-size: 20px !important;font-family:'CardoBold','Georgia', serif;text-shadow: none !important;}
.footer a{text-decoration: none !important;}
.footer H2{margin:50px 0;}

li{outline:none;}

.intro p {margin: 0;}


/*Header Menu*/

header{height:100px;position: fixed;width:100%;background: rgba(255,255,255,0.8);z-index: 1000;top:0;left:0;padding:10px 0;border:1px solid #d1c7b6}

.navicon{float: left;margin:28px 37px 10px;cursor: pointer}
#logo{}

header ul{width:330px;margin:0 auto;padding:0;height:100px;}
header li{float:left;list-style:none;text-align:center;margin:0;padding:30px 20px 0;}
#logo li{padding:0}
header a{font-family: 'BebasNeue',Helvetica,Arial,sans-serif;font-size:30px;padding:0;margin:0;}
header a:hover{text-decoration:none;}

/* Slidebar Menu */
.sb-left{z-index: 1001;margin:121px 0 0;background:rgba(44, 44, 42, 0.8);width:190px !important;height:370px}
.sb-left a{text-decoration:none;color:#fff;}
.sb-left a:hover{color:#d1c7b6 }
.sb-left li{font-family: 'BebasNeue',Helvetica,Arial,sans-serif;font-size:30px;list-style:none;}



/* Backgrounds */

.bg-holder {
  width: 100%;
  height:100%;
  background-size: cover !important;
  background-position: 50% 50%;
  color: #fff;
    margin:121px 0 0 0;
}
.bg-holder:first-child{}

.bg-holder .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

h2 {
  font-size: 32px;
  line-height: 1.5;
}

    .pic1 {background-image: url('../img/sw-9507.jpg');}
    .pic2 {background-image: url('../img/sw-9259.jpg');}
    .pic3 {background-image: url('../img/sw-9299.jpg');}
    .pic4 {background-image: url('../img/sw-9373.jpg');}
    .pic5 {background-image: url('../img/sw-9408.jpg');}

}
/* Content Sections */

section {
  padding: 48px;
}

section .content {
  margin: 0 auto;
  max-width: 800px;
  overflow: auto;
    padding:40px;
}

section + hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
}

section .gist {
  margin: 24px 0;
}

section .gist .gist-data {
  border-bottom: 0;
}

section .gist-meta {
  display: none;
}

.content code {
  font-family: monospace, serif;
  font-size: 16px;
  color: gray;
  white-space: nowrap;
}

.soundcloud{width:370px;float:left;height:500px;display:block;margin:5px 5px 5px 45px;}
.soundcloud:first-child{margin:5px; 45px 5px 5px;}
.clearboth{clear:both}
#instagram{height:100px !important;display: block;;}

/* Intro */
.cta {
  margin-top: 32px;
}

.btn-cta {
  color: #fff;
  font-size: 16px;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 8px 16px;
  margin: 0 4px;
  text-decoration: none!important;
}

.btn-cta:hover {
  background-color: white;
  color: #228B22;
  text-decoration: none ;
}


/* Footer */

.footer {
  text-align: center;
  border-bottom: 10px solid #403626;
}

.social {
  margin: 30px 0 0 0 ;
  list-style: none;
  padding:0;
}

.social li {
  display: inline-block;
  margin: 8px;
}

.social span{font-family: 'socicon' !important;}
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  //-webkit-font-smoothing: antialiased;
  font-size:30px;
}
.socicon:empty{
    width: 1em;
}

.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-myspace:before { content: "m"; }
.socicon-soundcloud:before { content: "n"; }
.socicon-youtube:before { content: "r"; }
.socicon-instagram:before { content: "x"; }

#impressum{height:14px;font-size:10px;margin:0;padding:0 1% 1%;background:#403626;width:98%;}
#impressum a{color:#fff;text-align:right !important;float:right;}

div.impressum{width:800px;margin:0 auto;}
.impressum h1{text-align: center;}


/*Mobile Styles*/
 
/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
    .intro h1, .content h2{font-size:125px;}
    .soundcloud{width:350px}
}
 
/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {
  .intro h1, .content h2{font-size:120px;}
    .bg-holder{margin-top:30px}
    .bg-holder.pic1{margin-top:121px}
    .soundcloud{width:100%;margin:5px 0 !important;clear:both}
}
 
/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
    header a{font-size:40px;}
    header ul{display:none;}
    header li{float:right;margin:10px 20px;}
    header{height:80px;background: transparent;border:none;}
    header img{width: 60px;}
    .navicon{margin:10px 20px;color:#fff;text-shadow: 0 1px 2px rgba(67, 57, 0, 0.8);}
    .intro h1, .content h2{font-size:90px;width:100%}
    .sb-left{margin-top:101px}
    .bg-holder.pic1{margin-top:0}

}
 
/* Kann maximal 320px darstellen. */
@media only screen and (max-width : 320px) {
    }
  
}