@import url("https://use.typekit.net/sla2vuy.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, em, img, ins, kbd, q, s, samp, small, strike, b ,strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body, html{
	font-family: myriad-pro, sans-serif;
	font-weight:400;
	font-size:1.75vw;
	line-height:1.2em;
	color:#000;
	background-color: #fff;
	width:100%;
	min-height:100.1vh;
	padding: 0;
	border: 0;
	margin: 0;
}
h2{
	font-size:2em;
	line-height:1em;
}
b,strong,h2{
	font-weight:600;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover,.menu a:hover{
	color:#009de0;
}
.kopf{
	position:absolute;
	top:0;
	left:0;
	width:100%;	
}
.logo{
	position:absolute;
	top:0;
	right:2vw;
	display:block;
	width:18vw;
	height:14vw;
	overflow:hidden;
	text-indent:-999px;
	background: url(heitz_logo.jpg) 100% 0% no-repeat;
	background-size:contain;
}
.menu{
	color:#fff;
	margin:2vw;
}
.menu li{
	display: inline-block;
}
.menu a{
	font-size:0.8em;
	line-height:1.2em;	
	color:#fff;
}
.fuss .menu{
	width:50%;
	margin:-2.2em 2vw 2vw auto;
	color:#000;
	text-align:right;
}
.fuss .menu li{
	margin-left:2em;
}
.fuss .menu a{
	color:#000;
}
.fuss p,.fuss h2{
	margin-bottom:1em;
}
.inhalt{
	overflow: hidden;
	background: url(heitz_hintergrund.jpg) 50% 100% no-repeat;
	background-size:cover;
	height:calc(100vh - 5em);
}
.inhalt h2{
	display:inline-block;
	margin-top:calc(100vh - 10em);
	margin-left:8vw;
	margin-bottom:0.2em;
	padding:0.075em 0.25em;
	color:#fff;
	background-color: #009de0;
}
.inhalt p{
	display:block;
	margin-left:8vw;
	width:65vw;
	padding:0.5em;
	font-size:1.1em;
	line-height:1.2em;	
	background-color: #fff;	
}
.kontakt h2{
	font-size:1.2em;
	line-height:1em;
	margin-left:8vw;
	margin-top:-0.9em;
	margin-bottom:0.2em;
	color: #009de0;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
.kontakt p{
	display:block;
	margin-left:8vw;	
}
.kontakt h2:before{
	content:'// ';
	color: #000;
}
.datenschutz,.impressum{
	margin:8vw;	
}
.datenschutz ul{
	margin:0 0 1em 1em;
}
.datenschutz li{
	margin-bottom:0.5em;
}
.datenschutz h2,.impressum h2{
	font-size:1.2em;
	line-height:1em;
}
@media all and (max-width:800px){
	body, html{
		font-size:1.2em;
		line-height:1.2em;
	}
	.logo{
		right:32px;
	}
	.menu{
		margin:32px;
	}
	.fuss .menu{
		width:auto;
		margin:32px;
		text-align: left;
	}
	.fuss .menu li{
		margin-left:0;
		margin-right:2em;
	}
	.inhalt{
		height:calc(100vh - 8em);
	}
	.inhalt h2{
		margin-top:calc(100vh - 14em);
	}	
	.inhalt h2,.kontakt h2,.inhalt p,.kontakt p{
		margin-left:32px;
	}
	.inhalt p{
		width:calc(100% - 76px);
	}
	.datenschutz,.impressum{
		margin:64px 32px;	
	}
}
@media all and (max-width:500px){
	body, html{
		font-size:5vw;
		line-height:1.2em;
	}	
	.logo{
		width:102px;
		height:82px;
	}	
	.inhalt h2,.inhalt p{
		width:calc(100% - 76px);
	}
	.inhalt h2{
		margin-top: 114px;
	}
}
@media all and (max-width:420px){
	h2{
		font-size:1.5em;
		line-height:1em;
	}
}
@media all and (max-height:600px){
	.inhalt{
		height:calc(100vh - 1em);
	}
}