/* HTML5 Boilerplate style.min.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}::selection{background:#fe57a1;color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:black;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
h1,h2{color:#fff;line-height:1.1em;font-size:70px;line-height:85%;margin:0;font-weight:400}h2{font-size:25px}#socialmedialeiste{position:fixed;font-size:12px;padding:3px 1%;height:20px;z-index:20000;width:98%;background-color:#eee;color:#333;-webkit-box-shadow:0 2px 5px #333;-moz-box-shadow:0 2px 5px #333;box-shadow:0 2px 5px #333}#socialmedialeiste .fb-like{top:-4px}#socialmedialeiste #___plusone_0{vertical-align:top!important;margin-top:2px!important}#socialmedialeiste #socialmediabuttons{float:left;width:50%}#socialmedialeiste #homepagelink{padding-top:3px}#socialmedialeiste #homepagelink a{text-decoration:none;color:#333}#bittescrollen{color:#fff;position:fixed;left:20%;top:80%}#blaupfeil,#weisspfeil,#weisspfeilhoch{position:fixed;left:20%;bottom:50px}#weisspfeilhoch{bottom:70px}#hintergrund{position:fixed}#hintergrund img{position:fixed}p.content,#sehnsuchttext,#begeisterungtext,#spannendtext,#dieWeltSpricht,#tweetHead,#googleHead{width:37%;color:#fff;font-style:italic;font-size:18px;margin-top:0;font-family:Times,"Times New Roman",serif;line-height:120%}#dieWeltSpricht,#tweetHead,#googleHead{width:80%}#abdecker,#miniabdecker,#emailabfrage,#loader_bg{width:100%;height:100%;background-color:#009EE1;background-image:linear-gradient(left top, #069ee0 0, #00ab6f 100%);background-image:-o-linear-gradient(left top, #069ee0 0, #00ab6f 100%);background-image:-moz-linear-gradient(left top, #069ee0 0, #00ab6f 100%);background-image:-webkit-linear-gradient(left top, #069ee0 0, #00ab6f 100%);background-image:-ms-linear-gradient(left top, #069ee0 0, #00ab6f 100%);background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0, #069ee0),color-stop(1, #00ab6f));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#069ee0, endColorstr=#00ab6f, GradientType=1);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#069ee0, endColorstr=#00ab6f, GradientType=1)}#miniabdecker{height:30px;width:200px;background-image:none;background-color:#000;filter:none}#emailabfrage{width:180px;padding:10px;height:auto;font-size:12px;color:#fff}#emailabfrage p{margin-top:0}#emailabfrage #email{width:155px;margin-bottom:5px;padding:5px 10px}#emailabfrage #submit{float:right;padding:5px 10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:0}.balken{background-color:#000;color:#fff;padding:5px 10px}.twitterbox{width:260px;height:75px;padding:10px;background-color:#fff;font-size:11px;background-image:url('../img/twitter_newbird_blue.png');background-position:253px 73px;background-repeat:no-repeat}.twitterbox img{float:left;margin-bottom:65px;margin-right:10px}.twitterbox p{line-height:1.1em;margin:0}.twitterbox p.username{font-weight:700;white-space:nowrap}.twitterbox p.username span{margin-left:10px;font-weight:400;color:#666}.twitterbox p.datum{color:#666}#tweetbox{padding:0 5px 0 14px;background-color:#fff;height:95px}#tweetbox iframe{border:1px solid black}#sprungnav{position:fixed;top:0;right:0;color:#fff;z-index:10000;padding:35px 10px 0 0;width:100px;border-right:2px solid white;display:block}#sprungnav #navipfeil{position:absolute;right:0;top:43px}#sprungnav p{text-align:right;padding:0 15px 0 0;margin:0;width:95px;position:absolute;text-transform:uppercase}#sprungnav a{color:#fff;font-size:11px;text-decoration:none}.infobox{background-color:#fff;padding:10px;position:absolute;max-width:30%;display:none}article.infobox{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:2px 2px 20px #000;-moz-box-shadow:2px 2px 20px #000;box-shadow:2px 2px 20px #000;-moz-opacity:.75;-khtml-opacity:.75;-webkit-opacity:.75;opacity:.75}.twitter img{float:left;margin:0 10px 10px 0;width:48px;height:48px}.twitter .name{font-weight:700;margin:0}.twitter .message{font-style:italic;margin:0}.clearbg{background-color:transparent}.round5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.round10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.round20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){h1{ font-size:35px}h2{font-size:14px}#sehnsuchttext,#begeisterungtext,#dieWeltSpricht,#tweetHead,#googleHead{font-size:10px}#impressum h2{font-size:20px}#sprungnav a{font-size:14px}}
a:focus{outline:none;}

#sprungnav a.link { padding-left: 12px; background: url(../img/pfeil_teil_rechts.png) no-repeat 0 1px; }
#sprungnav a.current { padding-left: 14px; background: url(../img/pfeil_teil_runter.png) no-repeat 0 2px; }

.teilnavi { text-align:center;}
.teilnavi h2 {font-size:20px;}
.teilnavi ul {list-style-type:none;}
.teil1 .teilnavi ul {margin-left:105px;}
.teil2 .teilnavi ul {margin-left:95px;}
.teil3 .teilnavi ul {margin-left:160px;}
.teilnavi li {position:relative;margin-bottom:5px;text-align:left;}
.teilnavi li span {
	display:inline-block;
	color:#fff;
	font-family:'Frutiger Next W01 Light';
	font-size:14px;
	padding:3px 14px 2px 14px;
	text-transform:uppercase;
	background-color:#000;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}
.teilnavi li span.opaque {
	position:absolute;
	top:0;
	left:0;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	overflow:hidden;
	width:0;
}
.teilnavi a {
	display:inline-block;
	font-family:'Frutiger Next W01 Light';
	font-size:14px;
	color:#fff;
	text-decoration: none;
	padding-left:15px;
	margin-top:40px;
	background: url(../img/pfeil_teil_rechts.png) no-repeat left center;
}
#loader, #loader_bg {position:fixed;z-index:99;}
#loader_bg {top:0;left:0;}
#loader {width:100%;left:0;top:30%;}
#loader .inner {position:relative;width:400px;margin:0 auto;}
.teil3 #loader .inner {width:500px;}
#loader .bittescrollen {
	display:none;
	text-align: center;
	color:#fff;
	font-family:'Frutiger Next W01 Light';
	font-size:14px;
	margin-top: 150px;
	padding-bottom: 20px;
	background: url(../img/pfeil_scrollen_weiss.png) no-repeat center bottom;
}
.agenturnav {position:fixed;bottom:0;left:45%;padding:0;margin:0;z-index:102;}

@media only screen and (max-width:1250px) {
	.agenturnav.closed { margin-right:510px; }
	.agenturnav { left:auto; right:10px; z-index:10001; }
}

.agenturnav li {list-style-type:none;float:left;margin-right:5px;}
.agenturnav li a, #impressumlink {
	display:block;
	color:#fff;
	font-family:'Frutiger Next W01 Light';
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	width:165px;
	padding:3px 0 2px 0;
	background-color:#000;
}
.agenturnav li a:hover, .agenturnav li a.current, #impressumlink:hover, #impressumlink.current { color:#555; background-color:#fff; }
.agenturnav.closed {z-index:1;}
/*.agenturnav.closed li {display:none;}*/
.agenturnav.closed #meeresgrund_tab { position:relative; display:block; }
#pfeil { position:absolute; top:-20px; left:75px; width:13px;height:10px; background: url(../img/pfeil_scrollen_weiss.png) no-repeat center top; }

#impressumlink {position:fixed;bottom:0;left:50px;z-index:101;}

.agenturseite {
	position:fixed;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
}
.agenturseite.current { z-index:100; }
.agenturseite h2 { font-family:'Frutiger Next W01 Light'; font-size:20px; text-transform:uppercase; color:#555; margin: 50px 0 0 50px; }
.agenturseite p { font-family:'Frutiger Next W01 Light'; font-size:12px; color:#555; }
.agenturseite .left p { width: 350px; margin-left: 50px; }
.agenturseite a { font-family:'Frutiger Next W01 Light'; font-size:12px; color:#555; text-decoration:none;}

#meeresgrund_seite .infographic { position: relative; margin: 20px auto; width:400px; }
#meeresgrund_seite .infographic h2 {
	position: absolute;
    text-align: center;
    top:130px;
    left:70px;
	padding:5px 10px;
	font-size:18px;
	color:#fff;
	background-color:#000;
	z-index:9;
}
#meeresgrund_seite .entry { position: absolute; }
#meeresgrund_seite .entry ul { position:absolute; padding:0; width:100%; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#meeresgrund_seite .entry li {
	font-family:'Frutiger Next W01 Light';
	font-size: 14px;
	line-height:125%;
	list-style-type:none;
	white-space: nowrap;
}

#strategy { top:0; left: 50px; }
#strategy ul { top:-120px; left:90px; color:#f6b23b; }

#brandexperience { top:150px; left:0; }
#brandexperience ul { top:40px; left:-110px; color:#3cb4dd; }

#brandresonance { top:100px; left:150px; }
#brandresonance ul { top:10px; left:220px; color:#a0c980; }

#meeresgrund_seite .entry h3 {
	position:relative;
	width:200px;
	height:200px;
	top: 0px;
	left: 0px;
	text-transform:uppercase;
	border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
#strategy h3 { background-color:#ffa200; }
#brandresonance h3 { background-color:#79c140; }
#brandexperience h3 { background-color:#0094c7; }


#meeresgrund_seite .entry h3 span {
	position:absolute;
	top:45%;
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:normal;
	font-family:'Frutiger Next W01 Light';
	font-size:16px;
	margin: 0 auto;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	z-index:1000;
}

.agenturseite .center { position: relative; width: 350px; margin: 100px auto; }
#link_pferd { display:block; float:left; }
#link_kaiser { display:block; float:right; }

#kunden_seite #logos { width: 881px; margin: 0 auto; }

.agenturseite .center .left { width: 49%; float: left; }
.agenturseite .center .right { width: 49%; float: right; }

.agentur_logo { position:absolute; top:50px;right:200px; }
.agentur_close, .agentur_scrollup { position:absolute; top:10px; overflow:hidden; text-indent:100%; z-index:77; }
.agentur_close { right:10px; width:10px; height:13px; background:url(../img/x.gif) no-repeat;}
.agentur_scrollup { left:50%; width:9px; height:8px; background:url(../img/pfeil_teil_hoch_grau.png) no-repeat;}

#impressum .center {width: 700px; margin-bottom: 30px;}
#impressum .centerdouble {width: 600px; margin: 0 auto; }
#impressum .floatleft {float:left; width: 250px; margin-left:120px; }

/* NEU 2014.0212 */