@media screen and (max-width: 768px) {
#header, .topmenubox {    width: 100%;
    margin:0 auto;
    padding: 0px 0;}
.container {
    width: 96%;

}

body{	    line-height: 1.5;}

.topmenubox .container {
    width: 100%;

}

.logo {
    width: 100%;

}

.logo a{
	padding:5px 0 5px 25px;
	font-size:18px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
    background:url('../images/logomob.png')left 5px no-repeat;
    min-height:auto;
}

.logo a span {
    font-size: 18px;
    letter-spacing: 2px;
}

.search {
    float: right;
    margin: 0px 0 0 0px;
}

.formsearch {
   width: 200px;
    margin: 0 0 5px 0px;
}

.searchbody {

    width: 150px;

}

.toptxt{	display:none;}
.leftmenu, .content {
    float: none;
    width:calc(100% - 2px);
    margin: 0px;
    clear:both;
}
.content{	padding:0px 0 0 0;}

.bau_soren ul li a {
    font-size: 10px;
}
.topmenu {	width: 100%;}

.topmenu ul {
	display: flex;
}

.topmenu ul li {
	flex-grow: 1;
}

.topmenu ul li a {
	padding: 5px 0;
	font-size: 12px;
}


.lefttitl{display:none;}

.lefttitl2{
display:block;
}

.content img{
        max-width:100%;
        height:auto;
}

.navil h4, .navir h4 {
    font-size: 14px;
}

.content ul, .content ol{
	padding-left:20px;
}

h1 {
    font-size: 16px;
    margin: 5px 0;
}


}