f/* === CSS RESET === */
html, kontakt_normal, meineprojekte_fett, kontakt_fett, projektetext, meineleistungen,meineprojekte, body, abouttext,leistungentext, 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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; color: #000000;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 50;
}
/* === End of CSS RESET === */

body {
	background-color: #000000; ; height:99.9%;);
	color: white;
	font-size: 35%;
	font-family: "Century Gothic", sans-serif;

}h2 {font-weight: normal;
 font-size: 44%; margin-left: 26%; margin-top:0.8%;
}
h1 {
font-size: 200%;
	font-weight: normal;

}

a, a:visited {
	color: white;
	text-decoration: none;
	border-bottom: 2px dotted;
	transition: color 0.2s;
}

a:hover {
	color: #AAA;
}

a:active {
	color: lightblue;
}

.big {
	display: block;
	font-size: 5em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 10px;

}

.wrapper div {
position: absolute;
}

.settings, nav {
	position: fixed;
	z-index: 9999999;
	bottom: 0;
	background: rgba(10,10,10, 0.2);
	font-family: Century Gothic, sans-serif;
	font-weight: normal;
	font-size: 400%;
}

.settings {
	right: 0;
	padding: 20px 20px;
	border-radius: 10px 0 0 0;
}

.settings a {
	border: none;
}

nav {
	left: 0;
	border-radius: 0 10px 0 0;
}

nav li {
float: left;
}

nav a {
	display: block;
	width: 85;
	height: 85;
	line-height: 2%;
	border: none;
	text-align: center;
	transition: 0.25s;
}

nav li:last-child a {
	border-radius: 0 10px 0 0;
}

nav a:hover {
	background: rgba(15,15,15, 1);
}

.sp-canvas {
	display: false;
}



.demo { 
	width: 255.999%;
	font-size: 870%;
top: 0; margin-left: 0em;}

 

.about {
	top: 50.2%;
	left: 27.6%;
	width: 50%; color: #707e51; text-align: left;
}

 .leistungen {
top: 50.2%;
	left: 48.29%;
	width: 50%; color: #b8982e
; text-align: left}

.projekte {
	top: 50.2%;
	left: 68.701%; width: 50%; color: #2e5d5f; text-align: left}

.kontakt {
	top: 50.2%;
	left: 87.2972%; width: 60%; color: #914e2d; text-algin: left} 

.Datenschutz {
	top: 50.2%;
	left: 107.2972%; width: 60%; color: #914e2d; text-algin: left}



.abouttext
 {text-align: left; font-family: Century Gothic, sans-serif;
	font-weight: normal;
	font-size: 260%
; line-height: 1.75em;
} .leistungentext
 {font-family: Century Gothic, sans-serif;
	font-size: 260%
; line-height: 1.5em;
} .meineleistungen
 {font-family: Century Gothic, sans-serif; font-size: 160%;line-height: 1.5em; font-weight: bold; top: 109%; left: 51.5%; width: 50%; color:
 #b8982e
;} .projektetext {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 260%
;} .meineprojekte {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 260%;
} .projektetext {font-family: Century Gothic, sans-serif;
	font-weight: normal;
	font-size: 260%
;
} .meineprojekte_fett {font-family: Century Gothic, sans-serif;
	font-weight: normal;
	font-size: 260%
;
line-height: 1.45em} .kontakt_fett {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 260%
;
line-height: 1.45em}.meineprojekte_fett {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 260%
;
line-height: 1.45em} .kontakt_fett {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 260%
;
line-height: 1.45em}.kontakt_normal {font-family: Century Gothic, sans-serif;
	font-weight: normal;
	font-size: 260%
;
line-height: 1.45em} .impressum {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 220%
; align: right;
line-height: 1.2em} .impressum_normal {font-family: Century Gothic,
	font-weight: normal;
	font-size: 11pt
;
line-height: 1.45em} .picture_about {
 top: 108%; left: 31%; width:auto;
height: auto}.about_fett {font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 260%
;
line-height: 1.75em;} .picture_kontakt {
top: 50%; left: 90%;
}}