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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; }
h1 { color: #5d3e14; margin-top: 0; }

#WebsiteContent  { padding-bottom: 15px; }
#WebsiteContent a:link, #WebsiteContent a:visited { color: #637730 !important; }
#WebsiteContent a:hover, #WebsiteContent a:active { color: #C2CA28 !important; }

#WebsiteFooter {
    color: #ccc;
    background: url(../images/map.jpg) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 30px;
}

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

#WebsiteFooter a:hover, #WebsiteFooter a:active { color: #fff; }
#WebsiteFooter .footerlogo { margin-bottom: 15px; }
#footer-right a { margin-left: 15px !important; margin-right: 0 !important; }

.container { min-width: 320px; }
.innenabstand { padding: 15px; margin-bottom: 15px; }
.innenabstand-logo { padding: 15px; }
.hundertprozent { width: 100%; border: none; }
.img-fotoalbum img { float: left; margin: 0 1% 1% 0; max-width: 147px; }

span.glyphicon { margin-right: 5px !important; }

/* 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: rgba(0,0,255,0.2); color: #ccc !important;}
#meteoprovbz_container .meteoprovbz_max { background-color: rgba(255,0,0,0.2); color: #ccc !important;}
#meteoprovbz_container a { padding: 0 !important; margin: 0 !important; }
#meteoprovbz_container td[colspan="6"] { padding: 5px 0 0 0 !important; }

/* Menü */
.navbar-inverse {
    margin-top: -25px;
    background: none;
    background-color: #462e0f; /* hell */
    border-color: #cccccc;
}
    .navbar-inverse .navbar-brand {
        color: #dedede;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #dedede;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #1a3016; /* dunkel */
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #1a3016;
    }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background: #5d3e14 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Tablet & Desktop */
@media (min-width: 768px) {
    .navbar-collapse {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: -15px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #navbar-container { margin-left: -15px !important; margin-right: -15px !important; }
    .navbar-inverse { margin-top: 0; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #1a3016;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #dedede;
    }
    #footer-right { text-align: left !important; }
    #footer-right a { margin-left: 0 !important; margin-right: 15px !important; }
    h1, .h1 { font-size: 27px; font-weight: 600; } /* 36px 500 */
    h2, .h2 { font-size: 22px; font-weight: 600; } /* 30px 500 */
    h3, .h3 { font-size: 18px; font-weight: 600; } /* 24px 500 */
    h4, .h4 { font-size: 16px; font-weight: 600; } /* 18px 500 */
}