@charset "utf-8";
/* CSS Document */

/* Reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* Fonts */
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}

em {font-style:italic; font-weight:normal;}
strong {font-style:normal; font-weight:normal;}

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

/* Allgemeines */
/*@font-face {
	font-family:'Klavika';
	src:url(fonts/KlavikaWebBasicRegular.eot);
	src:url(fonts/KlavikaWebBasicRegular.woff) format('woff'),
	    url(fonts/KlavikaWebBasicRegular.ttf) format('truetype');
	font-style:normal;
	font-weight:normal;	
}*/
@font-face { 
	font-family:'Klavika Bold';
	src:url(fonts/KlavikaWebBasicBold.eot);
	src:url(fonts/KlavikaWebBasicBold.woff) format('woff'),	
	    url(fonts/KlavikaWebBasicBold.ttf) format('truetype');
	font-weight:bold;
}
@font-face { 
	font-family:'Klavika Medium';
	src:url(fonts/KlavikaWebBasicMedium.eot);
	src:url(fonts/KlavikaWebBasicMedium.woff) format('woff'),	
	    url(fonts/KlavikaWebBasicMedium.ttf) format('truetype');
}
@font-face { 
	font-family:'Klavika';
	src:url(fonts/KlavikaWebBasicLight.eot);
	src:url(fonts/KlavikaWebBasicLight.woff) format('woff'),	
	    url(fonts/KlavikaWebBasicLight.ttf) format('truetype');
}

html, body {
	height:100%;
}
body {
	font-family:'Klavika', sans-serif;
	color:#000;
}
h1 {font-family:'Klavika Medium', sans-serif; line-height:30px;	font-size:16px; color:#000; margin:0 0 25px 60px;}
h2 {font-family:'Klavika Medium', sans-serif; line-height:30px; font-size:16px; color:#000; margin:25px 0 16px 60px;}
a:link, a:visited {
	text-decoration:none;
	color:#000;
}
a:hover {

}
p {margin:30px 0; line-height:30px;}
strong {font-family:'Klavika Medium', sans-serif;}
.strong {font-family:'Klavika Medium', sans-serif;}

#wrap {width:1000px; margin:0 auto; min-height:100%; overflow:hidden;}
#main {
	width:100%; overflow:hidden;
}

header {display:block; margin:74px 0 26px 0; width:100%;}

#mobile-button {display:none; cursor:pointer;}

#logo {font-size:32px; margin:0 0 40px 64px; width:100%}
.jakob {font-family:'Klavika Bold';}

.menu {display:block; position:relative; margin:0; padding:0; z-index:8;}

ul#menu {
	margin:0;
	padding:0;
	list-style:none;
	width:auto;
	height:23px;
	overflow:hidden;
}
ul#menu li {
	margin:0 3px 0 0;
	padding:0;
	display:block;
	float:left;
	width:130px;
}
ul#menu li.last {
	background:#000;
	width:468px;
	height:23px;
	margin:0;
}
ul#menu li a:link, ul#menu li a:visited {
	display:block;
	width:104px;
	height:18px;
	font-family:'Klavika';
	font-weight:100;
	font-size:16px;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	color:#fff;
	text-transform:uppercase;
	padding:2px 12px 1px;
	background:#000;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li a.on {
	background:#fff;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	color:#000;
}

.mobile {display:none;}
#angebot {display:block !important;}
#gratis {display:none !important;}
#campaign {display:block;position:relative; z-index:9; margin:-54px 0 0 720px;}

/* Content */
#content {min-height:525px; margin:0 0 40px 0; background:url(img/content-bg.png) 0 450px repeat-x;}
#content.start {min-height:525px; margin:0 0 40px 0; background:url(img/content-bg.png) 0 450px repeat-x; overflow:hidden;}
#content.datenschutz {height:auto; background:none;}

.contact p, .service p, .angebot p, .datenschutz p {
	margin:0 0 16px 60px; padding:0;
	font-size:16px;
}
.datenschutz p {margin-right:40px;}

.datenschutz ul {margin:0 0 16px 60px; list-style:square;}
.datenschutz ul li {margin-left:60px; line-height:22px;}

p.down {margin:168px 60px 0 60px; line-height:20px;}

/* Footer */
footer {position:relative; margin:0 auto; clear:both; width:1000px;}

#toTop {display:block; width:100%; text-align:right;}

footer ul {
	margin:60px 0 0 0;
	padding:4px 6px;
	list-style:none;
	width:auto;
	overflow:hidden;
	background-color:#000;
}
footer li {
	margin:0 3px 0 0;
	padding:0;
	display:block;
	float:right;
	display:block;
	font-family:'Klavika';
	font-weight:normal;
	font-size:14px;
	color:#ddd;
	padding:0 5px 0 0;
}
footer li a:link, footer li a:visited {
	color:#ddd;
}
footer li a:hover, footer li a:active, footer li a.on {
	color:#fff;
}

/* CLEAR FIX */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

/* Mobile */
@media only screen and (max-width:1024px) { 
#wrap {width:100%; margin:0; padding:0; overflow:visible;}
#mobile-button {display:block;}
#logo {font-size:30px; color:#e7e7e9; margin:0 0 20px 0; padding: 12px 0; background-color:#000; text-align:center;}
#logo a:link, a:visited { color:#e7e7e9; }
header {display:block; margin:0 0 26px 0;}

.menu {display:none; position:absolute; margin:0; padding:0; top:44px; left:0;}
.menu.show {display:block;}
ul#menu {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	height:auto;
	overflow:hidden;
	border-style:solid;
	border-color:#000;
	border-width:0 0 1px 0;

}
ul#menu li {
	margin:0 0 0 0;
	padding:0;
	display:block;
	float:none;
	width:100%;
}
ul#menu li.last {
	background:#fff;
	width:100%;
	height:1px;
	margin:0;
}
ul#menu li a:link, ul#menu li a:visited, li a:active, ul#menu li a.on {
	display:block;
	width:100%;
	height:18px;
	font-family:'Klavika';
	font-weight:100;
	font-size:16px;
	border-width:1px 0 0 0;
	color:#000;
	text-transform:uppercase;
	padding:12px;
	background:#fff;
}
ul#menu li a:hover {
	background:#000;
	border-width:1px 0 0 0;
	color:#fff;
}

#campaign {display:none;}
.mobile {display:block;}
#angebot {display:none !important;}
#gratis {display:block !important;}
h1 {
	font-size:18px;
	margin:0 0 25px 16px;
}
h2 {
	font-size:18px;
	margin:25px 0 16px 16px;
}
#content {height:auto; background:none;}
#content.start {min-height:0; margin:0; background:none; overflow:hidden;}
.contact p, .service p, .angebot p, .datenschutz p {margin:0 0 16px 16px; font-size:16px;}
.datenschutz p {margin-right:16px;}
.datenschutz ul {margin:0 0 16px 16px; list-style:square;}
.datenschutz ul li {margin-left:16px; line-height:22px;}
p.down {margin:30px 16px 60px 16px;}
footer {position:fixed; bottom:0; padding:0; width:100%;}
footer ul {padding:6px;}
footer li {font-size:16px;}
#toTop {text-align:center;}
}