@charset "UTF-8";
/* media CSS */


/*Medie Queries
############################################################################*/
@media only screen and (min-width: 1350px) {
	#header .inside,
	#intro .banner .inside,
	#content {
		margin: 0 auto;
		width: 130em;
	}
}
@media only screen and (min-width: 1080px) {
	#footer .inside {
		margin: 0 auto;
		width: 103em;
	}
}

@media only screen and (max-width: 1250px) {
	/* TYPO */
	#intro h1,
	#kontakt h1,
	#links h1 {
		/*font-size: 3.3em;*/
		font-size: 3.1em;
	}
	#ueber-uns h1 {
		/*font-size: 3em;*/
		font-size: 2.8em;
	}
	#nav > ul > li > a,
	#main p,
	#footer h3 {
		/*font-size: 2.1em;*/
		font-size: 1.9em;
	}
	#main p.small {
		/*font-size: 1.75em;*/
		font-size: 1.55em;
	}
	#aside h2,
	#footer h2 {
		/*font-size: 2.5em;*/
		font-size: 2.3em;
	}
	#aside p,
	#footer h4,
	#footer p,
	#footer ul {
		/*font-size: 1.9em;*/
		font-size: 1.7em;
	}
	/* LOGO */
	#header .logo {
		/*width: 17.2em;*/
		width: 15.2em;
	}
}

@media only screen and (max-width: 1080px) {
	/* TYPO */
	#intro h1,
	#kontakt h1,
	#links h1 {
		/*font-size: 3.3em;*/
		/*font-size: 3.1em;*/
		font-size: 2.9em;
	}
	#ueber-uns h1 {
		/*font-size: 3em;*/
		/*font-size: 2.8em;*/
		font-size: 2.6em;
	}
	#main p,
	#footer h3 {
		/*font-size: 2.1em;*/
		/*font-size: 1.9em;*/
		font-size: 1.7em;
	}
	#main p.small {
		/*font-size: 1.75em;*/
		/*font-size: 1.55em;*/
		font-size: 1.35em;
	}
	#aside h2,
	#footer h2 {
		/*font-size: 2.5em;*/
		/*font-size: 2.3em;*/
		font-size: 2.1em;
	}
	#aside p,
	#footer h4,
	#footer p,
	#footer ul {
		/*font-size: 1.9em;*/
		/*font-size: 1.7em;*/
		font-size: 1.5em;
	}
	/* LOGO */
	#header .logo {
		/*width: 17.2em;*/
		/*width: 15.2em;*/
		width: 14.2em;
	}
	/* FOOTER */
	#footer {
		padding: 10em 0 5em 0;
	}
	#footer .inside {
		padding: 0 2em;
	}
}

@media only screen and (max-width: 1023px) {
	/* 1-SPALTER */
	/* NAV */
	#nav > ul > li.screen {
		display: none;
	}
	#nav > ul > li.mobile {
		display: inline-block;
	}
	/* ASIDE / MAIN */
	#aside {
		display: none;
	}
	#main {
		float: none;
		width: 61.53846153846154%; /* 800/1300 */
		margin: 0 auto;
	}
	#main #oeffnungszeiten-responsive {
		display: block;
	}
	#main section {
		margin-bottom: 5em;
	}
	#ueber-uns hr.last {
		margin-bottom: 5.5em;
	}
	/* LOGO */
	#header .logo {
		/*width: 17.2em;*/
		/*width: 15.2em;*/
		/*width: 14.2em;*/
		width: 13.2em;
	}
}

@media only screen and (max-width: 840px) {
	/* MAIN / TOP */
	#main {
		width: 90%;
	}
	#top {
		width: 4em;
		right: 1em;
		bottom: 5em;
	}
	/* NAV */
	#nav {
		margin-top: 6em;
	}
}

@media only screen and (max-width: 620px) {
	/* HEADER */
	#header {
		padding-top: 2em;
	}
	#header .logo {
		/*width: 17.2em;*/
		/*width: 15.2em;*/
		/*width: 14.2em;*/
		/*width: 13.2em;*/
		width: 12.2em;
		margin-bottom: 1.5em;
	}
	/* NAV */
	#nav {
		margin-top: 1.2em;
		margin-right: 3em;
	}
	#nav > ul > li {
		display: block;
		margin-right: 0;
		margin-bottom: 1.5em;
		text-align: center;
	}
	#nav > ul > li.mobile {
		display: block;
	}
	#nav > ul > li > a {
		font-size: 1.7em;
		padding-bottom: 0.25em;
	}
	/* MAIN */
	#main {
		width: 100%;
	}
	#intro h1,
	#ueber-uns h1,
	#kontakt h1,
	#links h1,
	#main #oeffnungszeiten-responsive h2,
	#main p {
		padding-left: 0;
		padding-right: 0;
	}
	/* FOOTER */
	#footer {
		padding: 6em 0 3em 0;
	}
	#footer .inside {
		padding: 0 2em;
	}
}

@media only screen and (max-width: 360px) {
	/* LOGO */
	#header .logo {
		/*width: 17.2em;*/
		/*width: 15.2em;*/
		/*width: 14.2em;*/
		/*width: 13.2em;*/
		width: 11.2em;
	}
	/* NAV */
	#nav {
		margin-top: 0.9em;
		margin-right: 1.5em;
	}
	#nav > ul > li {
		margin-bottom: 1.2em;
	}
	#nav > ul > li > a {
		padding-bottom: 0.25em;
	}
	/* MAIN */
	#main #oeffnungszeiten-responsive .mobile {
		display: block;
	}
}