body{
    color: #333333;
    background: url('../images/body_bg.png') repeat center center #fff;
    background-attachment: fixed;
}
.pg-body{
    background: url(../images/shadow_bg.png) repeat-x 0 0, url(../images/content_bg.jpg) repeat-x 0 0 #fff;
    padding: 20px;
}
footer{
    background-color: #333;
    color:#dedede;
}
footer a,footer li a{
    color: #dedede;
}
.container{
    --bs-gutter-x: 0;
}
div.timetable{
    box-shadow: 2px 2px 7px;
}
div.timetable thead th{
    color: rgb(255, 204, 0);
    background-color: rgb(49,71,128);
    text-align: center;
    vertical-align: middle;
}
div.timetable tbody td{
    text-align: center;
    text-wrap: nowrap;
    vertical-align: middle;
}
div#menetrend h3{
    margin: 35px 0px;
}
#navigation .navbar-brand{
    display: block;
    height: 50px;
    background: url('../images/logo.png') no-repeat;
    background-size: contain;
    text-indent: -10000px;
    flex: 50%;
}
#navigation .navbar-toggler{
    flext:50%;
}
@media(min-width: 992px){
    .container{
        width: 980px;
    }
    #navigation{
        background: url(../images/header_bg_rgb.png) no-repeat 0px 0px;
        flex-wrap: wrap;
       /* height:249px;*/
    }
    #navigation .navbar-brand{
        display: block;
        width: 450px;
        height: 89px;
        background:url('../images/logo.png') no-repeat;
        text-indent: -10000px;
        margin-bottom:160px;
        flex: 100%;
    }
    #navigation .navbar-nav .nav-item a.active{
        text-decoration: underline;
    }
    ul#languageBar li{
        margin-left: 10px;
    }
}
