html, body {
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
   /* line-height: 22px; */
}

.wrapper {
    position: absolute;
    z-index: 300;
}
.wrapper ul{
    position: fixed;
    bottom: 120px
}
#home {
    position: relative;
}

#stoerer {
    background-image: url(/img/Stoerer_Nancy_temporaer.png);
    width: 200px;
    height: 115px;
    display: block;
    text-indent: -1000ex;
    font-size: 0;
    background-size: 100%;
    margin: 20px auto 0;
}
@media (min-width: 400px) {
    #stoerer {
        width: 350px;
        height: 200px;
    }
}

#mobile_nav {
    display: block;
    position: fixed;
    top: 2%;
    left: 2%;
    z-index: 200;
    text-indent: -1000ex;
    font-size: 0;
    width: 79px;
    height: 66px;
    background-position: 0 0;
    background-size: 65% auto;
    background-repeat: no-repeat;
    background-image: url("/img/bg_menue_mobile.png");
}
.navbar .nav {
    left: -300px;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition: left 1s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition: left 1s;
    transition-timing-function: linear;
}
.navbar.active .nav {
        left: 0;
}
.haftungshinweis {
    margin-top: 10px;
    font-size: 10px;
    height: 100px;
    overflow: auto;
}

@media (min-width: 400px) {
    .haftungshinweis {
        font-size: 12px;
        height: 200px;
        margin-top: 20px;
    }
}
.div_center p,
.div_center h3 {
    text-align: center;
}


li.impressum a,
li.mobile {
    display: block;
}
.navbar .nav > li {
    margin: 10px 0;
    line-height: 23px;
}
.navbar .nav > li > a > span{
}
@media (min-width: 1025px) {
    .navbar .nav > li {
        margin: 20px 0;
        font-family: 'Vidaloka', serif;
    }
    .navbar .nav > li > a > span{
        font-family: 'Montserrat', sans-serif;
    }
    .navbar .nav {
        left: 0;
    }
    #mobile_nav {
        display: none;
    }
    li.mobile,
    li.impressum a{
        display: none;
    }
}

.social_bar ul {
    display: none;
    position: fixed;
    top: 2%;
    right: 7%;
    z-index: 200;
}
.facebook_like {
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 200;
}


@media (min-width: 600px) {
    .social_bar ul {
        display: block;
    }
}
@media (min-width: 769px) {
    .social_bar ul {
        right: 2%;
    }
}

.social_bar ul li {
    list-style: none;
    float: left;
}
.social_bar ul li a {
    background-position: 0 0;
    background-repeat: no-repeat;    
    display: block;
    height: 32px;
    width: 32px;
    text-indent: -1000ex;
    font-size: 0;
}

.social_bar ul li#facebook a{
    background-image: url("/img/facebook.png");
    margin-right: 10px;
}
.social_bar ul li#pinterest a{
    background-image: url("/img/pinterest.png");
}


a.nav_unten {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/img/pfeil_unten.png");
    display: block;
    width: 21px;
    height: 32px;
    text-indent: -1000ex;
    font-size: 0;
    position: absolute;
    bottom: 20px;
    right: 2%;
    z-index: 101;
}
a.nav_oben {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/img/pfeil_oben.png");
    display: block;
    width: 21px;
    height: 32px;
    text-indent: -1000ex;
    font-size: 0;
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 101;
}
@media (min-width: 769px) {
    a.nav_unten,
    a.nav_oben {
        left: 50%;
        margin-left: -10px;
    }
    a.nav_oben {
        top: 20px;
    }
}
.container, .content {
    height: 100%;
    min-height: 100%;
    min-height: 534px !important; 
    width: 100%;
    min-width: 100%;
    position: relative;
    line-height: 18px;
}
@media (min-width: 600px) {
    .content {
        line-height: 20px;
        min-height: 600px !important; 
    }
}
.content .image {
    height: 100%;
    min-height: 100%;   
}
.content .image,
.content {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#produkte.content .image, .content {
    background-position: 0 bottom;
}
#blog .inhalt,
#impressum .inhalt,
#preise .inhalt,
#kontakt .inhalt,
.grau {
    padding: 5%;
    position: absolute;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
}
@media (min-width: 1025px) {
    .grau {
        position: relative;
       /* padding: 0 15%; */
        background: none;
        height: auto;
    }
    #blog .inhalt,
    #impressum .inhalt,
    #preise .inhalt,    
    #kontakt .inhalt{
        background: none;
        height: auto;    
        position: relative;

    }
}
.row-fluid .span6 {
    width: 100%;
}
#impressum p {
    font-size: 14px;
}
@media (min-width: 769px) {
    #impressum p {
        font-size: 16px;        
    }
}


@media (min-width: 769px) {
    .row-fluid .span6 {
        width: 50%;
    }
    .grau {
        background: #9c9a9b;
        background: #888888;
        height: 100%;
        min-height: 100%;
        position: relative;
    }
}
.kreuz {
    background-image: url("/img/kreuz.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 30px;
    width: 45px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0 0 0;
    color: #FFF;
    font-size: 16px;
    font-family: 'Vidaloka', serif;
}
@media (min-width: 400px) {
    .kreuz {
        background-size: 100%;
        padding: 55px 0 0 0;
        font-size: 24px;
        height: 45px;
    }
}
@media (min-width: 769px) {
    .strich {
        display: block;
        text-align: center;
    }
    .strich .strich_text {
        padding: 0;
        width: 100%;
    }
    .strich .white {
        background: #FFF;
        width: 100%;
        max-width: 100px;
        display: block;
        float: left;
        height: 10px;
        margin: 5px 0 0;
    }
    .strich .white.right{
        float: right;
    }
}


.statement {
    background: none repeat scroll 0 0 #fff;
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin: 15px auto 0;
    max-width: 260px;
    padding: 5px 4px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media (min-width: 400px) {
    .statement {
        margin: 30px auto 0;
        font-size: 18px;
        line-height: 22px;  
    }
}

#home.content {
   /* background-image: url("/img/bg_start1.jpg"); */
    padding: 0 10%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    height: 100%;
}
#home h1 {
    background-image: url("/img/statement.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    max-width: 810px;
    width: 100%;
    height: 100px;
    margin: 60% auto 0;
    text-indent: -1000ex;
    font-size: 0;
    padding: 0;
}
.inhalt {
    padding: 0 5%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.span6 .inhalt {
    padding: 0;
}
@media (min-width: 600px) {
    .inhalt {
        padding: 0 15%;
    }
    #home h1 {
        margin: 10% auto 0;
        height: 259px;
    }
}
@media (min-width: 1025px) {
    #home h1 {
        margin: 10% auto 0;
    }
    .inhalt {
        max-width: 800px;
        width: 100%;
        padding: 0 5%;
        margin: 6% auto 0;
    }
    #blog .inhalt,
    #kontakt .inhalt,
    #preise .inhalt,
    #impressum .inhalt {
        margin: 0 auto 0;
    }
    .span6 .inhalt {
        /*
        left: 50%;
        margin-left: -40%;
        max-width: 600px;
        position: absolute;
        top: 10%;
        */
        max-width: 600px;
        width: 80%;
    }
}
h2 {
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
}
@media (min-width: 400px) {
    h2 {
        font-size: 31.5px;
    }
}

#kontakt p span,
#produkte p span,
#service p span,
#philosophie p span,
a#mobile_nav,
h3 {
  color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    text-align: justify;
}
@media (min-width: 400px) {
    #kontakt p span,
    #produkte p span,
    #service p span,
    #philosophie p span,
    a#mobile_nav,
    h3 {
        font-size: 18px;
        line-height: 22px;
    }
}


#philosophie h3 {
    display: none;
}


a#mobile_nav{
    text-transform: uppercase;
}
p {
    text-align: justify;
    color: #FFF;
}
.linie {
    border: 0;
    height: 1px;
    background: #fff;
    padding: 0;
    margin: 5px 0;
    display: block;
}
a.right, a.left {
    background-image: url("/img/pfeil_rechts_links.png");
    background-position: -62px 0;
    bottom: 50%;
    margin-top: -23px;
    display: block;
    font-size: 0;
    height: 45px;
    position: absolute;
    right: 2%;
    text-indent: -1000ex;
    width: 29px;
    z-index: 150;
}
a.left {
    background-position: 0 0;
    left: 2%;
}

#maps {
    display: none;
    height: 300px;
    width: 300px;
    background: #fff;
    margin: 20px 0 0 0;
}
#maps img {
    width: 100%;
}
@media (min-width: 600px) {
    #maps {
        display: block;
    }
}
@media (min-width: 769px) {
    #maps {
        float: right;
    }
}


@media (min-width: 769px) { 
    a.right, a.left {
        top: 25%; 
/*        margin-top: auto; */
    }
}
.span12.content.fullwidth {
    width: 100%;
    overflow: hidden;
}
ul.full {
    position: absolute;
    overflow: hidden;
    min-height: 100%;
    height: 100%;
    
    width: 100%;
}
ul.full li {
    list-style:none;
    /* float: left; */
    min-height: 100%;
    height: 100%;
    
    width: 100%;
    position: absolute;
}
.fullwidth {
    width: 100%;
}
.bg_slider {
    z-index: -1;
}
.bg_slider{ 
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition: left 1s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition: left 1s;
    transition-timing-function: linear;
}
.bg_slider.active{
    left: -100%;
}
.sliderli {
    /*
    -webkit-transition: margin-left 1s;
    -webkit-transition-timing-function: linear;
    transition: margin-left 0.5s;
    transition-timing-function: linear;
    */
    opacity: 0;
    -webkit-transition: opacity 1s;
    -webkit-transition-timing-function: linear;
    transition: opacity 1s;
    transition-timing-function: linear;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
}
.sliderli.active {
   opacity: 1; 
}



.bg_slider li {    
    height: 100%;
    min-height: 100%;
    float: left;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    list-style: none;
}



.slide_1 {
    background-image: url("/img/bg_service2--400x1--.jpg");    
}
.slide_2 {
    background-image: url("/img/bg_service5--400x1--.jpg");    
}
.slide_3 {
    background-image: url("/img/bg_service3--400x1--.jpg");   
}
.slide_4 {
    background-image: url("/img/bg_service4--400x1--.jpg");    
}
.slide_5 {
    background-image: url("/img/bg_service6--400x1--.jpg");    
    z-index: 50;
}
.slide_6 {
    background-image: url("/img/bg_produkte1--400x1--.jpg");    
}
.slide_7 {
    background-image: url("/img/bg_produkte2--400x1--.jpg");
    background-position: bottom left;
}
.slide_8 {
    background-image: url("/img/Nancy_Riediger_Produkte2--400x1--.jpg");    
    background-position: bottom left;
}
.slide_9 {
    background-image: url("/img/Nancy_Riediger_13_normal--400x1--.jpg");
    background-position: bottom left;
}

@media (min-width: 769px) {
    .slide_1 {
        background-image: url("/img/bg_service2.jpg");    
    }
    .slide_2 {
        background-image: url("/img/bg_service5.jpg");    
    }
    .slide_3 {
        background-image: url("/img/bg_service3.jpg");    
    }
    .slide_4 {
        background-image: url("/img/bg_service4.jpg"); 
    }
    .slide_5 {
        background-image: url("/img/bg_service6.jpg");    
    }
    .slide_6 {
        background-image: url("/img/bg_produkte1.jpg");    
    }
    .slide_7 {
        background-image: url("/img/bg_produkte2.jpg");
        background-position: bottom left;
    }
    .slide_8 {
        background-image: url("/img/Nancy_Riediger_Produkte2.jpg");
        background-position: bottom left;
    }
    .slide_9 {
        background-image: url("/img/Nancy_Riediger_13_normal.jpg");
        background-position: bottom left;
    }
}



.telefon {
   color: #fff;
    font-size: 16px;
    height: 20px;
    margin: 0 0 15px;
    text-align: left;
}
@media (min-width: 400px) {
    .telefon {
        font-size: 20px;
        height: 24px;
        margin: 20px 0 40px;
    }
}
.telefon span {
    background-image: url("/img/telefon.png");
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding-left: 40px;
}
@media (min-width: 400px) {
    .telefon span {
        background-position: 0 -3px;
    }
}
a.a_tel {
    color: #FFF;
}
.oeffnungszeiten {
    text-align: left;
    font-size: 13px;
}
@media (min-width: 400px) {
    .oeffnungszeiten {
        font-size: 15px;
    }
}

#preise table {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
#preise table tr td {
    color: #FFF;
    padding: 0.5% 2%;
    text-align: right;
    position: relative;
    font-size: 12px;
    line-height: 14px;
}
@media (min-width: 400px) {
    #preise table tr td  {
        font-size: 14px;
        line-height: 18px;
    }
}
#preise table tr td:first-child {
    width: 70%;
    text-align: left;
}
#preise table tr td .sternchen {
    position: absolute;
    right: 0;
}
.aufwand {
font-size: 14px;
    margin-left: 40px;
    margin-top: 10px;
    opacity: 0.4;
}


@media (min-width: 769px) {
    #preise table {
        margin: 0  20px  0 200px;
    }
}
@media (min-width: 905px) {
    #preise table {
        margin: 0  auto;
        max-width: 600px;
    }
}
@media (min-width: 1060px) {
    #preise table {
        max-width: 600px;
        margin: 0 auto;
    }
}

#home.content {
    position: relative;
}
#home.content {
    background-image: url("/img/bg_start1--400x1--.jpg");    
}
#philosophie.content .image {
    background-image: url("/img/bg_philosophie--400x1--.jpg");
}
#service.content .image{
    background-image: url("/img/Nancy_Riediger_10--400x1--.jpg");
}
#produkte.content .image{
    background-image: url("/img/produkte--400x1--.jpg");
}
#kontakt.content {
    background-image: url("/img/bg_kontakt--400x1--.jpg");
}
#preise.content {
    background-image: url("/img/bg_preise--400x1--.jpg");
}
#blog.content {
    background-image: url("/img/bg_produkte1--400x1--.jpg");
}
#impressum.content {
    background-image: url("/img/Nancy_Riediger_13--400x1--.jpg");
}

@media (min-width: 769px) {
    #home.content {
        background-image: url("/img/bg_start1.jpg");
        background-position: top left;
    }
    #philosophie.content .image {
        background-image: url("/img/bg_philosophie.jpg");
    }
    #service.content .image{
        background-image: url("/img/Nancy_Riediger_10.jpg");
    }
    #produkte.content .image{
        background-image: url("/img/produkte.jpg");
    }
    #kontakt.content {
        background-image: url("/img/bg_kontakt.jpg");
    }
    #preise.content {
        background-image: url("/img/bg_preise.jpg");
    }
    #blog.content {
        background-image: url("/img/bg_produkte1.jpg");
    }
    #impressum.content {
        background-image: url("/img/Nancy_Riediger_13.jpg");
    }
}

#blog .content_background {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
}



footer {
    display: none;
}
@media (min-width: 769px) {
    footer {
        display: block;
        position: fixed;
        right: 2%;
        bottom: 2%;
        z-index: 2;
    }
    footer li {
        list-style: none;
    }
}
#abbinder {
    height: 0;
    overflow: hidden;
}
#blog_inhalt {
    line-height: 18px;
    font-size: 16px;
    width: 100%;
    height: 100px;
    position: relative;
    margin: 0 auto;
}
.post_date,
.post_content {
    margin: 0 auto;
    width: 80%;
}
@media (min-width: 600px) {
    .post_date,
    .post_content {
        width: 100%;
    }
    #blog_inhalt {
        width: 85%;
    }
}

#blog_liste {
    width: 100%;
}

ul#blog_liste a.left {
    left: 0;

}
ul#blog_liste a.right {
    right: 0;
    background-position: -28px 0;
}
#blog_liste .posts {
    height: 300px;
    overflow: auto;
    background: rgba(255,255,255,0.5);
    padding: 3% 5%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

ul#blog_liste a.left.nodisplay,
ul#blog_liste a.right.nodisplay {
    display: none;
}

ul#blog_liste a.left,
ul#blog_liste a.right{
    background-size: 230%; 
    background-repeat: no-repeat;
    top: 50px;
    z-index: 2;
    width: 22px;
}
ul#blog_liste li{
    list-style: none;
    position: absolute;
    opacity: 0;
    width: 100%;
}
ul#blog_liste li.active{
    display: block;
    z-index: 1;
    opacity: 1;
}
ul#blog_liste iframe {
    float: left;
    margin-right: 10px;
    border: 0;
    width: 100%;
    margin-bottom: 10px;
}
.post_date {
 font-size: 14px;   
}
.post_date,
.post_content a,
.post_content {
    color: #000;
}
.post_content h3 {
 margin: 0;
 color: #000;
}
img.alignleft {
    width: 100%;
    margin-bottom: 10px;
}


#facebook_web {
    display: none;
    height: 0;
}
@media (min-width: 600px) {
    #facebook_web {
        display: block;
        height: auto;
    }
}


@media (min-width: 600px) {
    img.alignleft {
        float: left;
        margin-right: 10px;
        width: auto;
        margin-bottom: 0;
    }
    ul#blog_liste iframe {
        width: 150px;
        margin-bottom: 0;
    }
    ul#blog_liste a.left {
        left: -40px;
    
    }
    ul#blog_liste a.right {
        right: -40px;
    }
}