@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-uptbk0');
	src:url('fonts/icomoon.eot?#iefix-uptbk0') format('embedded-opentype'),
		url('fonts/icomoon.woff?-uptbk0') format('woff'),
		url('fonts/icomoon.ttf?-uptbk0') format('truetype'),
		url('fonts/icomoon.svg?-uptbk0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-phone:before { content: "\e600"; font-size:16px; color:#000; vertical-align:top; }
.icon-mail:before { content: "\e601"; font-size:16px; color:#000; vertical-align:top; }
.icon-forward:before { content: "\e602"; font-size:16px; color:#5f86a1; vertical-align:top; }
* { margin:0; padding:0; }
* { -webkit-text-size-adjust: none; }
html { height:100%; }
em { font-style:normal; }
body, input, textarea { font-family: 'Ubuntu', sans-serif; background:#b7e7f8; color:#000; font-size:14px; }
body { background:url(img/hg-bild-hell.jpg) 0 140px/cover no-repeat fixed; }
img { vertical-align:bottom; border:0; }
header { position:fixed; top:0; left:0; right:0; height:140px; background:#fff; z-index:3000; box-shadow: 0 0 20px rgba(0,0,0,0.4); }
header img { position:absolute; top:28px; left:30px; }
header name { display: inline-block; }
header strong { position:absolute; top:79px; left:67px; font-weight:300; font-size:40px; color:#22296e; letter-spacing:0.05em; }
header i { position:absolute; top:86px; left:260px; width:220px; font-weight:300; font-size:14px; font-style:normal; letter-spacing:0.05em; }
header .logo { color:#000; }
address { position:fixed; top:160px; left:67px; font-style:normal; font-weight:300; color:#000; }
address li { list-style:none; line-height:0.7em; }
address b { font-weight:400; color:#22296e; font-style:normal; }
address .on { margin-top:12px; }
.button { display:none; }
nav { position:absolute; right:0; padding:5px 10px; background:rgba(255,255,255,0.75); border-radius:0 0 0 4px; box-shadow: 0 0 20px rgba(0,0,0,0.4); z-index:2999; }
nav a { color:#5f86a1; }
main { display:block; position:relative; margin: 140px 0 0 260px; width:60%; max-width:860px; padding-bottom:60px; }
main p, li { font-weight:300; line-height:1.2em; margin-top:0.5em; }
main li { color:#fff; list-style:square; }
main li strong { color:#000; font-weight:300; font-style:normal; }
main b { color:#000; font-weight:300; font-style:normal; }
#slides { position: relative; padding: 0; box-shadow: 0 0 20px rgba(0,0,0,0.4); }
aside { float:right; width:26%; padding:10px 20px 10px 0; margin:0 0 10px 40px; background:none; border-bottom:8px solid #2c305d; }
aside p { font-size:16px; font-weight:400; font-style:italic; letter-spacing:0.03em; color:#5f86a1; line-height:1.25em; text-indent:-1.3em; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
article { padding:20px; background:rgba(255,255,255,0.5); }
h1 { font-size:24px; font-weight:400; letter-spacing:0.03em; color:#2c305d; margin-bottom:10px; }
h2 { font-size:16px; font-weight:400; font-style:italic; letter-spacing:0.03em; color:#5f86a1; line-height:1.25em; }
article strong { font-weight:500; font-size:12px; letter-spacing:0.1em; color:#22296e; text-transform:uppercase; }
a { text-decoration:none; color:#22296e; font-weight:400; font-style:normal; }
a:hover { color:#000; }
#spalten { width:50%; float:left; }
#links p { margin:0 20px 20px 0; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
#links a { font-weight:500; }
#links a.hover { color:#5f86a1; }
#end { clear:left; }
footer { clear:right; position:fixed!important; left:0; right:0; bottom:0; padding:10px 0; height:18px; background:#2c305d; z-index:1000; position:absolute; width:100%;
top:expression((0-(footer.offsetHeight)+
(document.documentElement.clientHeight?
document.documentElement.clientHeight:
document.body.clientHeight)+(ignoreMe=document.documentElement.scrollTop?
document.documentElement.scrollTop:document.
body.scrollTop))+'px'); visibility:visible; }
small { font-size:11px; margin-left:67px; color:#aaa; }
small a { text-decoration:none; color:#aaa; }
small a:hover { text-decoration:none; color:#fff; }
#imp { font-size:11px; color:#aaa; background:#fff; padding:8px; width:150px; position:fixed; bottom:39px; left:-500px; opacity:0; height:auto; z-index:1000; transition:left 1s, opacity 1.5s 0.5s; }
#imp p, #imp a { color:#000; text-decoration:none; }
#imp b { font-weight:500; text-transform:uppercase; letter-spacing:0.05em; color:#000; }

@media screen and ( max-width:900px ) {
address { top:12px; left:70%; }
main { margin:140px auto 0; width:80%; }
small { margin-left:30px; color:#aaa; }
}

@media screen and ( max-width:750px ) {
header i { top:70px; width:150px; letter-spacing:0; line-height:1.2em; }
main { width:90%; }
}

@media screen and ( max-width:600px ) {
.icon-forward:before { color:#000; }
body { background:#b7e7f8; font-size:13px; }
header { position:static; height:auto; box-shadow: 0 0 10px rgba(0,0,0,0.4); }
header img { position:static; height:70px; margin:10px 0 0 10px; }
header strong { position:absolute; top:50px; left:39px; font-size:32px; }
header i { position:absolute; top:21px; left:210px; width:100px; font-size:13px; letter-spacing:0; line-height:1.2em; }
#name { position:static; width:100%; }
address { position:static; margin-top:10px; padding:10px 10px 0; width:94%; height:80px; border-top:1px solid #000; }
.off { display:none; }
address .on { margin-top:0; }
address li { display:inline; letter-spacing:-0.01em; }
.on li:after { content:", "; }
.on li:last-child:after { content:""; }
.button { display:block; background:#fff; text-align:center; padding-top:6px; }
.button div { width:49%; height:24px; text-transform:uppercase; letter-spacing:0.1em; background:#b7e7f8; color:#2c305d; padding-top:10px; border-radius:4px; }
.button a { font-weight:500; padding:0 30px; }
#tel { float:left; }
#mail { float:right; }
/*
.button li:first-child { margin-left:0; }
.button li:last-child { margin-right:0; }
*/
nav { position:absolute; bottom:40px; left:0; padding:10px; background:none; box-shadow:none; }
nav a { color:#22296e; }
main { clear:both; margin-top:0; width:100%; padding-bottom:70px; }
#slides { box-shadow: 0 0 10px rgba(0,0,0,0.4); }
article { padding:10px; background:none; }
h1 { font-size:20px; letter-spacing:0; margin-bottom:6px; }
small { margin-left:10px; }
aside { display:none; }
#spalten { width:100%; float:none; }
}