body{font-family:Open Sans,sans-serif}
a{color:#fe724d}
a:hover{color:#333}
a:link,a:visited,a:active{outline:0}p{font-size:16px;line-height:25px;font-weight:400;color:#000}

.no-padding{padding:0}
.space10{margin-bottom:10px}
.space15{margin-bottom:15px}
.space20{margin-bottom:20px}
.space25{margin-bottom:25px}
.space30{margin-bottom:30px}
.space35{margin-bottom:35px}
.space40{margin-bottom:40px}
.space50{margin-bottom:50px}
.space60{margin-bottom:60px}
.space70{margin-bottom:70px}
.space80{margin-bottom:80px}
.space90{margin-bottom:90px}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
.top-wrap{position:fixed;left:0;right:0;top:0;z-index:9999;background:#0099FF;border-top:4px solid #666666;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.logo h1{margin:10px 0 0 0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.logo h1 a{color:#fff;font-size:30px;font-weight:700}
.logo a span{font-weight:300}
.top-nav{display:table;float:right}
.top-nav li{float:left;padding:30px 15px 10px;border-top:4px solid #ffffff;position:relative;top:-4px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.top-nav li a{color:#fff}
.current,.top-nav 
li:hover{border-top:4px solid #0099FF !important}
.select-menu{display:none;background:0;padding:none;border:0}@media(max-width:767px){.top-nav{display:none;margin:0}
.select-menu{display:block;background:#0099FF;width:100px;padding:5px;font-size:12px;border:1px solid #fff;height:34px;margin:10px 0;position:fixed;top:15px;right:20px;color:#fff !important}}
#top{padding:10px 0 55px;background:#0099FF}
#main-slider img{width:97%}

.top-info h3{color:#fff;font-weight:300;font-size:45px;text-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:15px;font-family:Open Sans Condensed,sans-serif;text-transform:uppercase;margin-top:5px}
.top-info h3 span{font-weight:700;font-size:75px;display:block}
.top-info p{color:#fff;font-size:18px;text-shadow:0 1px 1px rgba(0,0,0,0.1)}
.btn{background:#fff;padding:15px 20px;color:#0099FF;display:table;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;font-size:16px;border-bottom:3px solid #14a78a;font-weight:400;width:220px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.
btn:hover{border-bottom:3px solid #0099FF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.
btnspan{font-size:30px;width:45px;float:left;line-height:40px}
.btn em{display:block;font-style:normal;font-size:28px}
.xtra{font-size:13px;margin-top:14px;color:#fff}
.xtra a{font-size:13px;margin-top:14px;color:#fff;border-bottom:1px dotted #fff}#uebersicht{padding:100px 0 55px}

.uebersicht-content{margin-bottom:30px}
.uebersicht-content .ico{font-size:40px;width:50px;height:50px;float:left;margin-top:5px}
.uebersicht-content h4{font-size:20px;font-weight:600;margin-top:0;font-family:Open sans,sans-serif;letter-spacing:-1px}
.uebersicht-content p{color:#777;font-size:16px;line-height:23px}
.uebersicht-info{margin-left:70px}
#uebersicht h3 i{font-size:28px;color:#0099ff;}
#uebersicht h3 {font-weight:400;font-size:28px; margin:0 0 65px;text-align:center}


#funktionen{padding:100px 0;background:#0099ff}
#funktionen h3{color:#fff;font-weight:400;font-size:28px;margin:0 0 50px;text-align:center}
#funktionen h3 i{font-size:24px;color:#ffffff;}
.funkt_screens {width:200px; margin-right:130px; float:left;}
.funkt_screens p{color:white; font-size:14px;}

#contact{background:#fff;padding:100px 0}
#contact h3{color:#000;font-weight:400;font-size:28px;margin:0 0 65px;text-align:center}
#contact h3 i{font-size:28px;color:#0099ff;} 
/* Mit Umrandung
#contact h3 i{margin-right:15px;position:relative;top:-0;font-size:15px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:2px solid #000;padding:10px}
*/
.contact-info{margin-top:8px}
.contact-info li{color:#656565;font-size:15px;font-weight:400;margin-bottom:28px}
.contact-info li em{background:#fff;color:#aaa;border:1px solid #ccc;padding:12px 15px 8px;margin-right:15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

.social-info li{float:left;margin-right:10px;width:40px;height:40px;line-height:40px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;opacity:.7;filter:alpha(opacity = 70)}
.social-info li a{width:40px;height:40px;line-height:40px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;opacity:.7;padding:10px 12px 8px;filter:alpha(opacity = 70)}
.social-info
li a:hover{opacity:1;filter:alpha(opacity = 100)}
.inner{position:relative}
.inner i{color:#999;position:absolute;top:12px;left:11px}
#contactForm{width:100%;height:auto;padding:0}
.statusMessage,.successmessage,.errormessage{display:none;margin:auto;width:100%;height:auto;left:0;right:0;top:0;background:#fff;margin:0 auto 25px auto}
.statusMessage p{margin:0;padding:20px;color:#000}
.successmessage p{margin:0;padding:20px;color:#000}
.success-ico{color:#00b034;font-size:25px;float:left;padding-right:7px;margin-top:5px}
.error-ico{color:red;font-size:25px;float:left;padding-right:7px;margin-top:5px}
.errormessage p{margin:0;padding:20px;color:#000}
#contactForm ul{list-style:none;margin:0;padding:0}
#contactForm ul li{margin:.9em 0 0 0;padding:0}
#contactForm *:focus{border:1px solid #0099FF;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}input[type="submit"],input[type="button"]{float:right;margin:0;width:100%;padding:9px 0;color:#fff;background:#16a085;font-size:14px;line-height:1em;-webkit-appearance:none;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;text-transform:uppercase;border:0;font-weight:400;font-family:open sans,Sans-serif;font-weight:600;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}input[type="submit"]:hover,input[type="submit"]:active,input[type="button"]:hover,input[type="button"]:active{cursor:pointer;background:#000;color:#fff;border:0}input[type="submit"]:active,input[type="button"]:active{color:#333;background:#2a2a2a}input[type="button"]{background:red}

.footer-inner{border-top:1px solid #ddd}
.footer-inner p{margin:18px 0;text-align:center}
.footer-inner a{color:#757575}
.f-twitter a{border:1px solid #3fbcef;color:#3fbcef}
.f-fb a{border:1px solid #1d2a63;color:#1d2a63}
.f-dribble a{border:1px solid #ec6b76;color:#ec6b76}
.f-skype a{border:1px solid #00a8ec;color:#00a8ec}
.f-linkedin a{border:1px solid #00709e;color:#00709e}
.f-instagram a{border:1px solid #52443c;color:#52443c}@media only screen and (min-width:768px) and (max-width:959px){#top{padding:25px 0 55px}
.top-nav li{font-size:13px}
.top-info h3{font-size:40px;margin-bottom:15px;margin-top:65px}
.top-info h3 span{font-size:50px}
.top-info p{font-size:15px;line-height:21px}
.uebersicht-content h4{font-size:18px;font-weight:600;margin-top:0;font-family:Open sans,sans-serif;letter-spacing:-1px}
.uebersicht-content p{color:#777;font-size:14px;line-height:20px}
.team-content img{width:170px;height:189px}
.team-img{width:170px;margin:0 auto}
.team-img span{background:url(../images/team-bg-small.png) no-repeat;width:170px;height:189px;top:0}
.contact-info li{font-size:13px}}@media only screen and (max-width:767px){.top-wrap{height:75px}
.logo-top h1{margin:7px 0 0 0 !important}#top{padding:20px 0 55px}#main-slider img{width:100%}
.top-info h3{font-size:30px;margin-bottom:15px;margin-top:45px;text-align:center}
.top-info h3 span{font-weight:700;font-size:44px}
.top-info p{font-size:15px;text-align:center;line-height:21px}
.btn{margin:0 auto}
.xtra{font-size:13px;margin-top:14px;color:#fff;text-align:center}
#review h3 i{margin-right:0;top:-15px;width:100%;text-align:center;display:block;font-size:60px}
#team h3 i,#funktionen h3 i,#contact h3 i{position:relative;top:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:3px solid #000;padding:15px;text-align:center;display:block;font-size:21px;width:60px;height:60px;margin:0 auto 10px}
#funktionen h3 i{border:3px solid #fff}
.team-content{margin-bottom:30px}#team{padding:100px 0 70px}
.flexslider li p{font-size:16px !important}
.contact-info{margin-top:40px}}@media only screen and (max-width:479px){.contact-info li{font-size:15px;font-weight:400;margin-bottom:16px;height:47px}
.contact-info li em{width:19%;float:left}
.social-info li{margin-right:3px}}@media only screen and (min-width:480px) and (max-width:767px){.top-info h3{font-size:45px}
.top-info h3 span{font-size:56px}}