/* reset minified */ blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}
/*  Created on : 03.01.2014, 20:29:38 Author     : devago UG */
body {font-family: 'Open Sans'; color: #555; background: #fff; font-weight: 300; font-size: 0.95em;}
.hideMobile {display:none;}
/* header, logo, nav*/
.line{overflow: hidden;}
header {background: #23282c; color: white;}
.header {height: 103px;}
.logo {position: absolute; bottom: 5px; right: 15px;}
img {border: 0;}
.headerimg {width: 100%;}
.line .headerimg-shadow {background: url(../img/sh.png) no-repeat;background-size: 100%;width: 100%;height: 60px;margin-top: -4px;}
nav  {position: absolute; width: 100%; top: 100px; left: 0px;}
nav a  {color: #fff;}
nav ul {display: none;}
nav ul li {display: block; padding: 5px; background-color: #00cbec; margin: 0; border-bottom: 1px solid #23282c; font-size: 28px;}
nav li span { margin-left: 5px;}
nav ul.showMobile { display: block;}
.mobNavi { position: absolute; left: 5px; bottom: 2px;}
.mobNavi img {width: 49px; height: 49px;}
/* footer */
.footer  {display: block; height: 140px; color: #ccc; font-size: 14px; bottom: 0; width: 100%;}
.footer span { background: #ccc; width: 6px; height: 6px; display: inline-block; margin-bottom: 3px; margin-left: 1px; border-radius: 1px;}
footer span:first-child {margin-left: 4px;}
footer span.blue {background: #00cbec;}
footer span.lightblue {background: #a7f2fe;}
.dark { background: #444;}
.tech { margin-left: 10px;}
/* headlines */
h1, h2, h3 {font-weight: 300;}
h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 { font-size: 22px;}
.seperator { border-bottom: 0; border-top : 1px solid #efefef; margin: 10px 10px 20px 10px;}
.seperator2 {border-bottom: 0; border-top : 1px solid #efefef; margin: 10px 10px 35px 10px;}
/* links */
a {text-decoration: none;}
.kiss {font-weight: 500;}
/* colors */
.blue {color: #00cbec;}
.green  {color: lightgreen;}
.gray  {color: #666;}
.lightgray {color: #ccc;}
/* columns */
.col {padding: 0px 20px; background: #fff;}
/* margins */
.mgB20 {margin-bottom: 20px;}
.mgB10 {margin-bottom: 10px;}
.mgB35 {margin-bottom: 35px;}
.mgB40 {margin-bottom: 40px;}
.mgB72 {margin-bottom: 72px;}
.paddingR10 {padding-right: 10px;}
.clear {overflow: hidden;}
/* text */
.bold {font-weight: 500;}
.alignC {text-align: center;}
.clear {overflow: hidden;}
.posrel {position: relative;}
.posabs {position: absolute;}
.posfix {position: fixed;}
input {height: 27px; width: 100%; margin-bottom: 10px; border: 1px solid #eee; padding: 3px; margin-right: 10px;}
textarea, input, button {background: #fff;   }
textarea {resize: none; padding: 3px; border: 1px solid #eee; width: 100%;}
form li {padding-right: 8px;}
form li:last-child {padding-right: 0px;}
button {background-color: #00cbec; height: 40px; border-radius: 6px; color: #fff; border: 0; margin: 0;}
.quarter {width: 100%;}
.fl {float: left;}
.fr {float: right;}
.borderB {border-bottom: 1px solid #00cbec;}
.borderT {border-top: 1px solid #00cbec;}
.paddingB {padding-bottom: 20px;}
.portrait {width: 100%;}

@media (min-width: 768px) {
    header {min-width: 980px;}
    h1 { font-size: 36px;}
    .hideMobile {display:block;}
    nav {position: absolute; top: 37px; left: 790px;}
    nav a {color: #23282c;}
    nav ul {display: block; width:210px;}
    nav ul li {display: block; float:left; text-align: center; font-size: 18px; border-right: 2px solid #23282c; background: #fff; border-radius: 4px; padding: 0;}
    nav ul a {width: 46px; height: 46px; border-radius: 4px; line-height: 46px; display: inline-block;}
    nav li span {display: none;}
    nav  li.blue{background: #00cbec;}
    nav  li.lightblue{background: #a7f2fe;}
    .mobNavi {display: none;}
    .headerimg {width: 980px;}
    .line, .lineHeader{ width: 980px; margin: 0 auto; overflow: hidden;}
    .paddingT5 {padding-top: 5px;}
    .paddingT60 {padding-top: 60px;}
    .fa-px58 {font-size: 58px;}
    .half {width: 50%;}
    .third {width: 33.33%;}
    .twoThirds {width: 66.66%;}
    .quarter {width: 25%;}
    .full, .half, .third, .twoThirds, .quarter {float: left;}
    .portrait {width: 100%; margin-top: 42px;}
}