﻿/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic);*/

body {
    font-family: Arial;
    background-color: #ffffec;
    padding-top: 0;
    padding-bottom: 0;
    background: url(../images/bg-header.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; }
h2 { font-family: 'Verdana', Verdana, Geneva, Tahoma, sans-serif !important; color: forestgreen; margin-top: 0; }
h1 { font-family: 'Dancing Script', cursive; color:#7F0E1C; margin-top: 0; }
h3 { font-family: 'Dancing Script', cursive; color: #7F0E1C; margin-top: 0; }

#WebsiteLogo { color: #fff; }
#WebsiteLogo img { border: none; }
#WebsiteHeader   { background-color: #ffffec; }
#WebsiteContent  { background-color: #ffffec; 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; }

.container { min-width: 320px; }
.innenabstand { padding: 5px; margin-bottom: 15px; }
.innenabstand-flaggen { padding: 5px; margin-top: 40px; }
.innenabstand-flaggen img { margin: 15px 0 0 15px; }
.innenabstand-logo { padding: 15px; }
.hundertprozent { width: 100%; border: none; }
#footer-right a { margin-left: 15px !important; margin-right: 0 !important; }

span.glyphicon { margin-right: 5px !important; }
.img-fotoalbum img { float: left; margin: 0 1% 1% 0; max-width: 147px; }


/* 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: #7F0E1C; /* hell */
    border-color: #cccccc;
}
    .navbar-inverse .navbar-brand {
        color: #5d0914;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #dedede;
    }
    .navbar-brand { color: #dedede !important; }
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #fff; /* dunkel */
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #5d0914;
    }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background: #5d0914 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Tablet & Desktop */
@media (min-width: 768px) {

}

/* Mobile */
@media (max-width: 767px) {
    .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 */
    .innenabstand-logo img { width: 150px; }
    .innenabstand-flaggen { padding: 5px; margin-top: 20px; }
}
/*Neu Css*/
.catdispaly {
    display: none !important;
}
