@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

@import url(http://fonts.googleapis.com/css?family=Cedarville+Cursive);

@import url(http://fonts.googleapis.com/css?family=Zeyada);

@import url(http://fonts.googleapis.com/css?family=Covered+By+Your+Grace);

@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

@import url(http://fonts.googleapis.com/css?family=Special+Elite);

@import url(http://fonts.googleapis.com/css?family=Slackey);

/* ====================================================
   PAGE BACKGROUND AND OUTER CONTAINERS
   ==================================================== */


#outer-background-container {
    display:block;
    background: #000;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: fixed;
    z-index:-2;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center center;
    background-size: cover;
}

#outer-container {
    display:block;
    width:100%;
    height:100%;
}

.custom-sections-background {
    display:none;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-2;
}

.background-image-overlay {
    display:block;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background:none;/*url(../images/theme_images/background-image-overlay.png) repeat;*/
}


/*--------CONTENT--------*/

#main-content .section-wrapper {
  /*min-height: auto;*/
  /*padding-bottom:30em;*/
}

#main-content .section-wrapper .content-wrapper
{
  display: block;
  width: 100%;
  position: static;
  right: auto;
  bottom: auto;
  text-align: top;
  text-shadow:none;/* 1px 1px 2px rgba(0, 0, 0, 0.18);*/
  margin-top: 240px;
  /*padding-right: 250px;
  padding-bottom: 95px;
  padding-left: 65px;*/
  background-color: none;/*transparent;*/
  background-image: none;/* url("../images/theme_images/mobile_section_divider.png");*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;/*center bottom;*/
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 35% auto;
}


p {
  font-family: 'Special Elite', cursive;
  font-size:1.4em;
  font-weight:400;
  text-align:left;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 100);
  /*color:#000;
  opacity:1.2;
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0em;*/
  padding-left:1em;
  padding-right:1em;
  /*background: rgba(255,255,255,0.8);*/
}

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last
{
  margin: 1em;
  padding:0em;
  background: none;/*rgba(255,255,255,0.7);*/
  width:100%;
}

div.csc-textpic-left .csc-textpic-imagewrap {
  margin-left:8px;
  }

/*--------HEADLINE--------*/

h1
{
  font-family: Slackey;
  color: #fff;
  font-size: 2.4em;
  padding-left: 0.5em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  text-align:left;
}

h2
{
  font-family: Slackey;
  color: #af2d46;
  font-size: 2.4em;
  padding-left: 1em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  text-align:left;
  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);*/
  opacity:1;
  margin: 0em;
  /*padding-left: 1em;
  padding-right::1em;
  background: rgba(255,255,255,0.8);*/
}

h5
{
  font-family: Special Elite;
  color: rgba(255, 255, 255, 0.8);
  font-size: 4.4em;
  padding-left: 0.2em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  text-align:left;
  margin-bottom:-140px;
  text-transform:normal;
  font-style:italic;
}

/*------------HINTERGRUND_LOGO_MENÜ--------------*/

#left-sidebar
{
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 78%, transparent 100%);
}


#left-sidebar .logo img
{
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 20px;
  width: auto;
  max-width: 400px;
  height: auto;
}


/*-------------MENÜ-------------*/

#left-sidebar #main-menu > li.menu-item > a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color:#777;
}

