@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic);

body {
    background-color: #4d4a46;
    font-family: 'PT Sans Narrow', sans-serif !important; font-size: 16px; color: #a99783;
    padding-top: 0;
    padding-bottom: 0;
}

#WebsiteHeader  { position: relative; color: #fff; }



#WebsiteContent { background-color: #f9f7f3; padding-bottom: 0px; position: center;}
#WebsiteContent a:link, #WebsiteContent a:visited { color: #9e9583 !important; text-decoration: underline; }
#WebsiteContent a:link, #WebsiteContent a:visited { color: #9e9583 !important; text-decoration: underline; }
#slider1_container a:link, #slider1_container a:visited { color: #f9f7f3 !important;  }

#WebsiteFooter { color: #fff; padding-bottom: 0px; }
#WebsiteFooter a:link, #WebsiteFooter a:visited { color: #c8beac; }
#WebsiteFooter a:hover, #WebsiteFooter a:active { color: #fff; }

.table-bordered {
    border: groove;
    border-bottom-color: #d6cab3;
}

.fixedbutton {
    position:fixed;
    right: 50px;
    bottom: 50px;
    background: #70614f;
    padding: 10px 15px 10px 15px;
    color: #fff;
    border: double;
    border-color: white;
}

.img-thumbnail {
  padding: 0px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #e9e1d1;
}
.row {
  margin-left: -0px;
  margin-right: -0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
    top: 0px;
    left: 0px;
}

.bg-info { background-color:#edeae4; }
.bg-danger { background-color:#d6cab3; }
.innenabstand-foto { padding: 15px; margin-bottom: 0px; }
.innenabstand { padding: 15px; margin-bottom: 0px; }
.hundertprozent { width: 100%; border: none; }
.innenabstand-sections { margin: 200px 0 200px 0; }
.innenabstand-section { margin: 400px 0 400px 0; }



.img-shadow {
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0, 0, 0, 0.7), 
                        inset  0 -8px 8px -8px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0, 0, 0, 0.7), 
                        inset  0 -8px 8px -8px rgba(0, 0, 0, 0.7);
     box-shadow:        inset  0  8px 8px -8px rgba(0, 0, 0, 0.7), 
                        inset  0 -8px 8px -8px rgba(0, 0, 0, 0.7);
}

/*hr.style-seven { overflow: visible;*/ /* For IE */ /*height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } hr.style-seven:before {*/ /* Not really supposed to work, but does */ /*display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #70614f;
    margin: 1em 0;
    padding: 0; 
}

hr2 {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #70614f;
   margin: 1em 0;
   padding: 0;
}

.parallax {
  /* The image used */
  background-image: url("../bilder/paralaxe.jpg");

  /* Set a specific height */
  height: 600px;


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2 {
  /* The image used */
  background-image: url("../bilder/paralaxe2.jpg");

  /* Set a specific height */
  height: 600px;


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}





/* Menü */

.navbar.affix { top: 0; width: 100%; z-index: 99999; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/*.navbar.affix + #WebsiteContent { padding-top: 50px; }*/

.navbar { border-radius: 0px; border: none; margin: 0; }
.navbar .container { padding-left: 0; }
.navbar-inverse {
    background-color: #fff; /* Menü */
    border-color: #fff;
    font-size: 20px;
}
    .navbar-inverse .navbar-brand {
        color: rgba(0, 0, 0, 0.7);
    }
    .navbar-inverse .navbar-nav > li > a { /*Schriftfarbe Menü*/
        color: #9e9583;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #700000;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #fff; /* dunkel */
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #fff;
    }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background: #9e9583 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }



/* Mobile xs 768x1200 */
@media screen and (max-width: 767px) {
    .container { min-width: 100%;  max-width: 100%; }
    .innenabstand { padding: 10px;}
    .navbar .container { padding-left: 15px; }
    .container { padding: 10px }
h1 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 30px; }
h2 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 30px;  }
h3 { font-family: 'Allura', cursive; color: #658465; margin-top: 0; font-size: 30px; }
h4 { font-family: 'Quicksand', sans-serif; color: #658465; font-size: 19px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6 { font-family: 'Arial Rounded MT'; color: #658465; margin-top: 0; font-size: 20px; }
    .nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 18px; }
    .carousel-indicators { bottom: 0; }
}

/* Tablet sm 1200x1200 */
@media screen and (min-width: 768px) and (max-width: 991px) {
h1 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 40px; }
h2 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 20px;  }
h3 { font-family: 'Allura', cursive; color: #70614f; margin-top: 0; font-size: 20px; }
h4 { font-family: 'Quicksand', sans-serif; color: #70614f; font-size: 19px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6 { font-family: 'Arial Rounded MT'; color: #658465; margin-top: 0; font-size: 20px; }
    #WebsiteTop #Logo_Desktop { padding: 10px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 14px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 82%; }
}

/* Desktop md 1200x1200 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
h1 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 40px; }
h2 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 20px;  }
h3 { font-family: 'Allura', cursive; color: #70614f; margin-top: 0; font-size: 20px; }
h4 { font-family: 'Quicksand', sans-serif; color: #70614f; font-size: 19px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6 { font-family: 'Arial Rounded MT'; color: #658465; margin-top: 0; font-size: 20px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 14px; padding-right: 14px; font-size: 17px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 84%; }
}

/* Desktop lg 1920x1200 */
@media screen and (min-width: 1200px) and (max-width: 1920px) {
h1 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 40px; }
h2 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 30px;  }
h3 { font-family: 'Allura', cursive; color: #70614f; margin-top: 0; font-size: 30px; }
h4 { font-family: 'Quicksand', sans-serif; color: #70614f; font-size: 19px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6 { font-family: 'Arial Rounded MT'; color: #658465; margin-top: 0; font-size: 20px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 17px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 87%; }
}

/* Desktop xxl 2560x1600    Mein Bildschirm */
@media screen and (min-width: 1921px) {
h1 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 40px; }
h2 { font-family: 'Caveat', cursive; color: #70614f; margin-top: 0; font-size: 30px;  }
h3 { font-family: 'Allura', cursive; color: #70614f; margin-top: 0; font-size: 30px; }
h4 { font-family: 'Quicksand', sans-serif; color: #70614f; font-size: 19px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6 { font-family: 'Arial Rounded MT'; color: #658465; margin-top: 0; font-size: 20px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 17px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 89%; }
}