@media only screen and (max-width: 788px) {

	body {
		background-color: transparent;
		background-image: none;
	}

	#top, #slog_kl, #line_slog, #headline, #nav {
		display:none;
	}

	#container {
		background-image:url(../gfx/bg.gif);
		background-color: white;
		background-repeat:no-repeat;
		width: auto;
	}

	#logo_klein {
		position: absolute;
		top: 0;
		right: 0;
		left: unset;
	}

	#stadt {
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translate(-50%, 0);
		width: auto;
	}

	#menu-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}

	#menu-icon a.nav {
		font-size: 28px;
		font-weight: bold;
		text-decoration: none;
	}

	#subnav {
		position: absolute;
		top: 34px;
		left: 0;
		width: auto;
		height: auto;
		z-index: 1;
		opacity: 1;
	}

	#menu-main {
		display: none;
		border: 1px solid red;
		background-color: white;
		padding: 5px;
		min-width: 100px;
	}

	#content {
		position: absolute;
		top: 100px;
		left: 5px;
		width: auto;
		z-index: 0;
	}

	#selection {
		position: fixed;
		bottom: 0;
		right: 0;
		background-color: white;
	}

	#footer {
		display: none;
	}

	li#imprint, li#privacy {
		display: list-item;
	}

}