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

body {
    font-family: 'Open Sans', sans-serif !important; font-size: 16px;
    padding-top: 50px;
    background-color: seagreen; /*Hintergrundfarbe Fußzeile*/
    
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 200; }
h1 { font-family: 'Dancing Script', cursive; color:seagreen; margin-top: 0; font-size: 36px; }
h4 { font-family: 'Dancing Script', cursive; color:seagreen; margin-top: 0; font-size: 28px; }

#WebsiteHeader, #WebsiteContent { background-color: #fff9e9; }   /*Farbe Content*/
/*#WebsiteLogo { position: absolute; top: 0; left: 0; right: 0; z-index: 9999; background: url(../images/bg-header.png); background-repeat: repeat-x; }*/
#WebsiteContent  { padding-bottom: 30px; }
#WebsiteContent a:link, #WebsiteMap a:visited { color: seagreen !important; text-underline-position:auto; }

#WebsiteMap { background: url(../images/Map.jpg); background-size: 100% 100%; color: #ddd; } /*Farbe Schrift Fusszeile*/
.WebsiteMapPadding { padding: 15px 0; }

#WebsiteFooter a:link, #WebsiteFooter a:visited, #WebsiteMap a:link, #WebsiteMap a:visited { color: #ddd !important; }
#WebsiteFooter a:hover, #WebsiteFooter a:focus, #WebsiteMap a:hover, #WebsiteMap a:focus { color: #fff !important; }
#WebsiteFooter { color: #fff !important; }
#footer_left, #footer_center_left, #footer_center_right, #footer_right { padding: 15px 0; }
#footer_right a { margin-left: 15px; margin-right: 0; }

#WebsiteLogo { position: absolute; left: 0; right: 0; top: 6%; z-index: 10; }
#WebsiteLogo img { border: none; max-width: 400px; min-width: 130px; width: 30%; }
#LogoSuedtirolsSueden { margin: 15px 0; }


.button { color: seagreen; }
.innenabstand { padding: 5px; margin-bottom: 5px; }
.innenabstand-flaggen { padding: 5px; margin-top: 40px; }
.innenabstand-logos { padding: 5px; margin-top: 20px; margin-left: 30px }
.container { min-width: 320px; }
span.glyphicon { margin-right: 5px !important; }

.img-fotoalbum img { float: left; margin: 0 1% 1% 0; max-width: 214px; }
.iframe-video { width: 100%; min-height: 300px; border: none; }

.navbar-brand img { width: 26px; border: 1px solid #666; }  /*Farbe Rand Fähnchen*/
.navbar-inverse .navbar-nav > li > a { color: #000; }       

/* Menü */
.navbar-inverse {
    margin-top: 0px;

    background-color: seagreen; /* Oben Balken */
    border-color: #fff;
}
    .navbar-inverse .navbar-brand {
        color: #000;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #fff;         /*Farbe Schrift Menü oben*/
        font-size: 17px;
        
    }
    .navbar-brand { color: #dedede !important; }
    .navbar-inverse .navbar-toggle {
        border-color: #000;
        background-color: seagreen; /*Farbe Menü Handy*/

    }
    .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: seagreen !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


/* Panel & Teaser */
#WebsitePanel {
    position: relative;
    padding: 20px;
    background-color: #fff; 
    margin-top: -1%;
    margin-bottom: 1%;
    
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: inset 2px 2px 12px 0px rgba(0,0,0,0.9);
    -moz-box-shadow: inset 2px 2px 12px 0px rgba(0,0,0,0.9);
    box-shadow: inset 2px 2px 12px 0px rgba(0,0,0,0.9);
}
    #WebsitePanel h1, #WebsitePanel h2, #WebsitePanel h3 { margin-top: 0; }
    #WebsitePanel .teaser {
        background-size: 100% 100%;
        background-position: center center;
        color: #fff;
        padding: 15px;
        margin-bottom: 0;
        display: block;
        text-decoration: none;
        min-height: 200px;
        text-shadow: 1px 1px 2px #223;

        -moz-transition: background-size 1s;
        -webkit-transition: background-size 1s;
        transition: background-size 1s;
    }
    #WebsitePanel .teaser .weiter {
        position: absolute; bottom: 0; left: 15px; right: 15px;
        padding: 15px;
        border-radius: 4px;
    }
    #WebsitePanel .teaser .text { display: none; }

/* Wetter */
#meteoprovbz_container { width: 100%; }
#meteoprovbz_container, #meteoprovbz_container th, #meteoprovbz_container td { border: none !important; text-align: center !important; font-weight: normal !important; }
#meteoprovbz_container a { padding: 0 !important; margin: 0 !important; }
#meteoprovbz_container td[colspan="6"] { padding: 5px 0 0 0 !important; }

/* Desktop */
@media (min-width: 768px) {
    #WebsitePanel .teaser:hover { background-size: 120% 120%; }
}

/* Tablet */
@media (max-width: 991px) {
    #footer_right { text-align: left !important; }
    #footer_right a { margin-left: 0; margin-right: 15px; }
    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 */
}

/* Mobile */
@media (max-width: 767px) {
    #WebsitePanel .teaser { margin-bottom: 15px; }
    #footer_right { text-align: left !important; }
    #footer_right a { margin-left: 0; margin-right: 15px; }
    h1, .h1 { font-size: 25px; font-weight: 600; } /* 36px 500 */
    h2, .h2 { font-size: 20px; font-weight: 600; } /* 30px 500 */
    h3, .h3 { font-size: 16px; font-weight: 600; } /* 24px 500 */
    h4, .h4 { font-size: 15px; font-weight: 600; } /* 18px 500 */
}