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

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

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

#WebsiteHeader a:link, #WebsiteContent a:visited {
        position: relative;
        color: #000;
    }

#WebsiteLogo {
    position: absolute;
    top: 40px;
    left: 20px;
    right: 0px;
    z-index: 9999;
}

    #WebsiteLogo img {
        border: none;
    }

    #WebsiteLogo .flagge {
        margin: 15px 0 0 15px;
    }

#slider1_container a:link, #slider1_container a:visited {
    color: #f9f7f3 !important;
}

#WebsiteContent {
    background-color: #faf7f2;
    padding-bottom: 15px;
}

    #WebsiteContent a:link, #WebsiteContent a:visited {
        color: #c1a478 !important;
    }

    #WebsiteContent a:hover, #WebsiteContent a:active {
        color: #c1a478 !important;
    }

    #WebsiteContent hr {
        color: rgba(0, 0, 0, 0.7) !important;
    }

#WebsiteFooter {
    color: #fff;
    padding-bottom: 30px;
}

    #WebsiteFooter a:link, #WebsiteFooter a:visited {
        color: #c1a478;
    }

    #WebsiteFooter a:hover, #WebsiteFooter a:active {
        color: #fff;
    }

    #WebsiteFooter .footerlogo {
        margin-bottom: 30px;
    }

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

.inner-block { font-size: 0.75em } 

.btn-circle.btn-xl {
    width: 100px;
    height: 100px;
    padding: 15px 5px;
    border-radius: 55px;
    border: dotted; 
    font-size: 18px;
    line-height: 1.33;
    background: #70614f;
}

div.a {
  width: 80px;
  height: 60px;
  -ms-transform: rotate(20deg); /* IE 9 */
  -webkit-transform: rotate(20deg); /* Safari 3-8 */
  transform: rotate(10deg);
}

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

}

.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:#d6cab3; }
.bg-preise { background-color:#70614f; }
.bg-danger { background-color:#d6cab3; }
.bg-teaser { background-color: rgba(90,90,100,0.8);}
.bg-teaser-aktuelles { background-color: rgba(0,20,0,0.7);  border:dotted;  }
.innenabstand-kopfzeile { margin: 5px 0 5px 0;  }
.innenabstand { margin: 10px 10px 10px 10px; }
.innenabstand-preise { padding: 3px; }
.innenabstand-foto { margin: 5px 3px 5px 3px; }
.innenabstand-textfeld { margin: 30px 0 30px 60px; }
.innenabstand-texte { margin: 40px 0 40px 0; }
.innenabstand-wetter { margin: 0 40px 200px 0; }
.hundertprozent { width: 100%; border: none; }
.innenabstand-sections { margin: 200px 0 200px 0; }
.innenabstand-section { margin: 400px 0 400px 0; }
.innenabstand-wandern { margin: 300px 0 300px 0; }
.innenabstand-teaser { margin: 4px 0 0 0; }
.btn-link { background-color:#d6cab3; }

hr {
  display: block;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  margin-left: auto;
  margin-right: auto;
  border-style: dashed;
  border-width: 1px;
  color:#ad9f95;
}




/* 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;
    }

/* Wetter */
#meteoprovbz_container { margin-top: 30px; }
#meteoprovbz_container, #meteoprovbz_container th, #meteoprovbz_container td { border: none !important; text-align: center !important; font-weight: normal !important; }
#meteoprovbz_container .meteoprovbz_min { background-color: #70614f; color: #ccc !important;}
#meteoprovbz_container .meteoprovbz_max { background-color: #a99783; color: #ccc !important;}
#meteoprovbz_container a { padding: 0 !important; margin: 0 !important; }
#meteoprovbz_container td[colspan="6"] { padding: 5px 0 0 0 !important; }



/* Mobile xs 768x1200 */
@media screen and (max-width: 767px) {
    .container { min-width: 100%;  max-width: 100%; }
    .innenabstand { padding: 8px;}
    .navbar .container { padding-left: 10px; }
    h1 { font-family: 'Mukta', sans-serif; font-size: 20px; font-weight: bold; }
    h2 {font-family: 'Mukta', sans-serif; font-size: 18px; font-weight: bold; }
    h3 { font-size: 18px; font-weight: bold; color:#fff }
    h4 { font-family: 'Mukta', sans-serif; font-size: 26px; }
    h6 { font-family: 'Caveat', cursive; font-size: 36px; color: #9e9583; }
    .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: 'Mukta', sans-serif; font-size: 25px; }
    h2 {font-family: 'Mukta', sans-serif; font-size: 20px; font-weight: bold; }
    h3 { font-size: 20px; font-weight: bold; color: #fff; }
    h4 { font-family: 'Mukta', sans-serif; font-size: 26px;  }
    h6 { font-family: 'Caveat', cursive; font-size: 48px; color: #9e9583;}
    #WebsiteTop #Logo_Desktop { padding: 10px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 13px; }
    .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: 'Mukta', sans-serif; font-size: 30px; }
    h2 { font-family: 'Mukta', sans-serif; font-size: 20px; }
    h3 { font-size: 20px;  color:#fff;}
    h4 { font-family: 'Mukta', sans-serif; font-size: 26px;  }
    h6 { font-family: 'Caveat', cursive; font-size: 48px; color: #9e9583;}
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 14px; padding-right: 14px; font-size: 15px; }
    .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: 'Mukta', sans-serif; font-size: 30px; }
    h2 {font-family: 'Mukta', sans-serif; font-size: 20px; }
    h3 { font-size: 20px;  color:#fff;}
    h4 { font-family: 'Mukta', sans-serif; font-size: 26px; }
    h5 { font-family: 'Dancing Script', cursive; font-size: 20px; color: #fff; }
    h6 { font-family: 'Caveat', cursive; font-size: 48px; color: #9e9583;}
    .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: 'Mukta', sans-serif; font-size: 30px; }
    h2 {font-family: 'Mukta', sans-serif; font-size: 20px; }
    h3 { font-size: 30px;  color:#fff;}
    h4 { font-family: 'Mukta', sans-serif; font-size: 26px; }
    h5 { font-family: 'Dancing Script', cursive; font-size: 20px; color: #c8beac; }
    h6 { font-family: 'Caveat', cursive; font-size: 48px; color: #9e9583; }
    .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%; }
}

/*Neu Css*/
.catdispaly {
    display: none !important;
}