@media(max-width:768px) {

.outer {
	margin: 0;
	border: none;
	
	padding: 0;
}

#logo, #haus {
	padding: 0;
	max-height: 60px;
}

#haus {
    max-height: 40px;
    padding: 0;
	 margin: 10px 40px 0 0;
}

#header {
	margin: 10px 0;

}

.main {
	padding: 20px 0px;
}
h1 {
    font-size: 2em;
    margin: 0 0 15px;
}

h2 {
	font-size: 1.4em;
	margin: 0;
}

.main ul {
	margin: 5px 0 5px 10px;
	padding: 0;
}

.main li {
	padding: 0 0 0 25px;
	margin-bottom: 10px;
}


.table > tbody > tr > td {padding: 2px;}

.table > tbody > tr > td:first-child {
	padding-right: 5px;
	color: gray;
}




/* immobilien */
#immodetail .panel .panel-heading h3 {
	font-size: 1.4em;
	padding-bottom: 5px;
}

#immodetail .list-group {
	font-size: 0.9em;

}

#immodetail .panel-body {
	padding-top: 5px;
}

#immodetail .panel .panel-heading {
	margin-top: 0px;
}





#sidebar, #toggle-sidebar {
	display: block;
}



















}