/* Fonts einbinden */
@font-face {
	font-family: 'Tai Heritage Pro';
	src: url('fonts/TaiHeritagePro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Tai Heritage Pro';
	src: url('fonts/TaiHeritagePro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

hr {
	display: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

#header ol, #header ul {
	list-style: none;
}

.content li {
	padding: 2px 0;
	margin-left: 16px;
	list-style-type: square;
}

.content p+ul {
	margin-top: -12px;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: """";
}

h1.logo {
	text-indent: -9999px;
	/*background: transparent url(../img/logo_neu.png) no-repeat; */
	background: transparent url(../img/logo_09_022_gr.png) no-repeat;
	width: 470px;
	height: 55px;
	margin: 0 auto;
}

#header>a {
	display: block;
	width: auto;
	height: 48px;
	margin: 0 auto;
}

.content h1, .content h2, .content h3, .content h4 {
	font-family: "Tai Heritage Pro", Times New Roman;
	text-transform: uppercase;
	font-weight: normal;
}

.content h1 {
	font-size: 1.3rem;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
}

.content h2 {
	font-size: 1rem;
	margin-bottom: 0.8em;
	/* margin-top: 0.8em; */
}

.content.kontakt h2 {
	margin-bottom: 0.8em;
	font-weight: bold;
}

.content h3 {
	font-size: 0.9rem;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.content h4 {
	font-size: 0.8rem;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
}

/* Kanzlei Wingendorf & Weissschuh CSS - Datei, Änderungen 27.09.12 */

/* Allgemeine Defintionen */

a, a:visited {
	text-decoration: underline;
	color: #666;
}

a:hover {}

/**/

html#start {
	background: url(../img/pattern.png) fixed, url(../img/bg_start.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#backgroundImage {
	background: url(../img/pattern.png) fixed, url(../img/bg_stift.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#img4 {
	background: url(../img/pattern.png) fixed, url(../img/bg_akten.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#musielack {
	background: url(../img/pattern.png) fixed, url(../img/bg_musielack.jpg) -140px 0% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
	/*background-size: 1400px 800px;*/
}

html#img6 {
	background: url(../img/pattern.png) fixed, url(../img/bg_4.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#img7 {
	background: url(../img/pattern.png) fixed, url(../img/bg_6.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#img9 {
	background: url(../img/pattern.png) fixed, url(../img/bg_kontakt_2.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#img8 {
	background: url(../img/pattern.png) fixed, url(../img/bg_7.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#img_9 {
	background: url(../img/pattern.png) fixed, url(../img/bg_9.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

html#img_10 {
	background: url(../img/pattern.png) fixed, url(../img/bg_10.jpg) 50% 50% fixed no-repeat;
	-moz-background-size: auto, cover;
	/* Firefox 3.6 */
	background-size: auto, cover;
	/* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */
	overflow-y: scroll;
}

#fallbackimage {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	z-index: -2;
}

#fallbackpattern {
	background: url(img/pattern-ie7.png);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

#wrap {
	background: #fff;
	margin: 50px auto 30px auto;
	width: 90%;
	max-width: 1200px;
	padding: 0 34px 34px 34px;
	border: 1px solid #bfbfbf;
	border: 1px solid #cccccc;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5em;
	min-height: 670px;
}

div#header {
	padding-top: 56px;
	/* width: 97.674418604%; */
}

div.content {
	margin-top: 20px;
	font-size: 0.875rem;
	display: flex;
}

div.content>div {
	flex: 1 1 0;
	/*min-height: 570px;*/
	/*height: 570px;
		*/
	padding-bottom: 20px;
}

div.leftCol {
	margin-right: 17px;
}

div.rightCol {
	margin-left: 17px;
}

div.middleCol {
	margin-left: 0;
}

div.pageheader {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1em;
}

div.pageheader h1, div.pageheader h2 {
	font-family: "Tai Heritage Pro", "Times New Roman";
	/* font-family: "Georgia", "Times New Roman"; */
	text-transform: uppercase;
	font-weight: normal;
	margin: 1.0em;
	text-align: center;
}

div.pageheader h1 {
	font-size: 1.3rem;
}

div.pageheader h2 {
	font-size: 1.0rem;
	font-weight: bold;
}

div.news {
	border: 1px solid #CCCCCC;
	margin-bottom: 2.5em;
	margin-top: 2.5em;
	padding-bottom: 1em;
	padding: 12px;
	background: #efefef;
}

div.news h2 {
	font-family: "Tai Heritage Pro", Times New Roman;
	font-style: italic;
	font-size: 1.3rem;
	margin: 0.4em 0 0.6em 0;
}

div.content.impressum>div {
	height: auto;
}

.wira {
	border: 1px solid #CCC;
	padding: 7px;
	background: #efefef;
	margin-top: 54px;
}

/* @group Navigation */

div#nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	margin-top: 48px;
	font-family: "Georgia";
	font-size: 15px;
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

div#nav a {
	text-decoration: none;
	text-transform: uppercase;
}

div#nav a:hover {
	font-style: italic;
	color: #000;
}

div#nav .navCont {
	/* float: left; */
	/*margin-right: 2.38095238%;*/
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	overflow: hidden;
	/*display: table-cell;*/
	/*zoom: 1;
		*display:inline;
		*vertical-align: top;*/
}

div#nav .navCont h2 {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
}

div#nav .navCont ul {
	overflow: hidden;
	margin-top: 12px;
}

div#nav>.navCont ul li {
	float: left;
	margin-right: 20px;
	font-size: 14px;
}

div#nav>.navCont ul li:last-child {
	margin-right: 0;
}

div#nav span {
	font-style: italic;
	color: #333;
	cursor: default;
}

div#nav ul:first-child :last-child {
	margin-right: 0;
}

.leftCol p, .middleCol p, .rightCol p, .leftCol ul, .middleCol ul, .rightCol ul {
	margin-bottom: 1.5em;
}

ul.vc {
	padding-top: 0 !important;
}

ul.vc li, .impressum li, .kontakt li {
	list-style: none;
	margin: 0;
}


.leftCol p:last-child, .middleCol p:last-child, .rightCol p:last-child {
	margin-bottom: 0;
}

.leftCol img, .middleCol img, .rightCol img {
	margin-bottom: 1.5em;
	width: 100%;
}

.middleCol.plan {	
	text-align: center;
	max-width: 410px;
	margin: 38px auto;
}

.imgCont h2 {
	font-family: "Tai Heritage Pro";
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
}

.fl {
	float: left;
}

div.imgCont {
	overflow: hidden;
}

div.imgCont>img {
	float: left;
}

div.imgCont>div {
	float: left;
	margin-left: 0;
	/*font: normal 14px/1.5em "Tai Heritage Pro";*/
	width: 100%;
}

div.noImg>ul {
	margin-bottom: 20px;
}

div.imgCont ul {
	padding-top: 13px;
}

div.imgCont ul:first-child {
	padding-top: 0;
	/*margin-top: -4px;*/
}

div.leftCol ul:first-child, div.rightCol ul:first-child {
	/*margin-top: -4px;*/
}

/*@end Navigation*/

/* @group Content */

div.content.impressum ul {
	margin-bottom: 1.5em;
}

.ie7 div#nav>.navCont:first-child, .ie8 div#nav>.navCont:first-child {
	margin-right: 2.38095238%;
}

.ie7 .imgCont {
	margin-bottom: 1em;
}

/*@end Content*/

/* responsive nav */

#toggle-responsive, #toggle-responsive+label {
	display: none;
	cursor: pointer;
}

/*------------------------------------
   Media Queries
--------------------------------------*/

/* #### Breakpoint 1 <= 1110px ### */

@media only screen and (max-width: 1110px) {
	div#nav>.navCont ul li {
		margin-right: 10px;
		font-size: 13px;
	}
}

/* #### Breakpoint 1 <= 920px ### */

@media only screen and (max-width: 920px) {
	div#nav>.navCont ul li {
		margin-right: 8px;
		font-size: 12px;
	}

	div.navCont h2 {
		font-size: 14px;
	}
}

/* #### Breakpoint 1 <= 850px ### */

@media only screen and (max-width: 850px) {
	.fa-bars {
		font-family: fontAwesome;
		font-style: normal;
		padding-left: 12px;
		content: '\f0c9';
		font-size: 20px;
	}

	div#nav {
		flex-direction: column;
		/* border-bottom: 1px solid #CCCCCC; */
		margin-top: 32px;
	}

	div#nav .navCont h2 {
		padding: 6px 0;
		font-size: 130%;
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
	}

	div#nav .navCont:last-child {
		border-bottom: 1px solid #CCCCCC;
	}

	div#nav ul {
		line-height: 0.8em;
		display: flex;
		flex-direction: column;
	}

	div#nav .navCont ul {
		margin-top: 0;
	}

	div#nav ul a {
		margin: 0.8rem 3rem;
		display: block;
		font-size: 130%;
	}

	/* hamburger */
	div#nav div.navCont {
		display: none;
		border-bottom: none;
	}

	#toggle-responsive+label {
		display: block;
		text-transform: none;
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
		width: 100px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #CCCCCC;
		padding: 6px 4px;
		/*background-color: #CCCCCC; */
		background-color: #fff;
		position: relative;
		z-index: 3;
		/* color: #fff; */
		/* color: #CCCCCC; */
		font-family: sans-serif;
		border-radius: 4%;
	}

	#toggle-responsive:checked~div.navCont {
		display: flex;
		flex-direction: column;
	}

	hr {
		display: block;
		width: 100%;
		height: 1px;
		background-color: #CCCCCC;
		border: none;
		position: relative;
		top: -42px;
	}

	/* #### Breakpoint 2 <= 760px ### */
	@media only screen and (max-width: 760px) {
		#wrap {
			background: #fff;
			width: 100%;
			min-width: 300px;
			margin: 0;
			padding: 0;
		}

		div.content {
			flex-direction: column;
			padding: 0 30px;
		}

		div.leftCol, div.middleCol, div.rightCol {
			margin: 0;
		}

		.rightCol img {
			display: none;
		}

		.kontakt .rightCol img {
			display: block;
		}

		h1.logo {
			width: 333px;
			background-size: contain;
		}

		div#nav .navCont h2 {
			padding: 4px 12px;
			font-size: 105%;
		}

		div#nav>.navCont ul li {
			font-size: 11px;
		}

		div#nav ul a {
			margin: 0.6rem 3rem;
		}

		div.news {
			border-right: none;
			border-left: none;
		}
	}

	/* #### Breakpoint 3 <= 560px ### */
	@media only screen and (max-width: 560px) {
		h1.logo {
			width: 297px;
		}

		div.content {
			padding: 0 20px;
		}
	}

	/* #### Breakpoint 4 <= 400px ### */
	@media only screen and (max-width: 400px) {
		h1.logo {
			width: 266px;
		}

		div.content {
			padding: 0 12px;
		}

		div#nav .navCont h2 {
			padding: 2px 12px;
			font-size: 100%;
		}

		div#nav>.navCont ul li {
			font-size: 10px;
		}

		div#nav ul a {
			margin: 0.5rem 2.5rem;
		}
	}
}