html,
body{height:100%;width:100%;}
body{font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;}
.hide{display:none;}
.hideO{opacity:0;}
section img{width:100%;}
hr{border-color:#0080c4;border-width:3px;max-width:50px;}
hr.light{border-color:white;}
a{-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;color:#0080c4;}
a:hover,
a:focus{color:#53babb;}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;}
h1{color:#de1000}
p{font-size:16px;line-height:1.5;margin-bottom:20px;}
.bg-primary{background-color:#aaa;}
.bg-dark{background-color:#222222;color:white;}
.text-faded{color:rgba(255, 255, 255, 0.7);}
section{padding:50px 0;}
aside{padding:50px 0;}
.no-padding{padding:0;}
.navbar-default{background-color:white;border-color:rgba(34, 34, 34, 0.05);font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.navbar-brand{width:230px;height:56px;background-size:100%;margin:3px 0 0 10px;}
.navbar-default .navbar-header .navbar-brand{color:#0080c4;font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:700;text-transform:uppercase;}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus{color:#eb3812;}
.navbar-default .navbar-header .navbar-toggle{font-weight:700;font-size:12px;color:#222222;text-transform:uppercase;}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus{font-weight:700;font-size:13px;color:#222222;letter-spacing:1px;}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover{color:#de1000;}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus{color:#eb3812;background-color:transparent;}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover{background-color:transparent;}
@media (min-width:768px){.navbar-default{background-color:rgba(255, 255, 255, 0.9);border-color:rgba(255, 255, 255, 0.3);}
.navbar-default .navbar-header .navbar-brand{color:rgba(255, 0, 0, 1);font-size:26px;font-weight:100;letter-spacing:1px;}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus{color:white;}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus{color:rgba(0, 0, 0, 0.7);}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover{color:white;}
.navbar-default.affix{background-color:white;border-color:rgba(34, 34, 34, 0.05);}
.navbar-default.affix .navbar-header .navbar-brand{color:rgba(255, 0, 0, 1);font-size:14px;}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus{color:#eb3812;}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus{color:#222222;}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover{color:#eb3812;}
}
header{position:relative;width:100%;min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url('../media/pixelman.png');text-align:center;color:white;}
header .header-content{position:relative;text-align:center;padding:100px 15px 100px;width:100%;}
header .header-content .header-content-inner h1{font-weight:300;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:30px;transform:all;transition-duration:2s;}
header .header-content h2{color:#000;transform:all;transition-duration:2s;transition-delay:1s;}
header .header-content p{color:#000;transform:all;transition-duration:3s;transition-delay:1.5s;}
header .header-content .header-content-inner hr{margin:30px auto;}
header .header-content .header-content-inner p{font-weight:300;color:rgba(255, 255, 255, 0.7);font-size:16px;margin-bottom:50px;}
header .hannes{position:absolute;bottom:5%;left:-30%;animation:hannes 6s linear;transform:scale(0.8);}
header .hannes2{position:absolute;bottom:5%;left:10%;transform:scale(0.8);}
@keyframes hannes{0%{left:-20%;opacity:1;}
100%{left:10%;opacity:1;}
}
header .sandro{position:absolute;right:10%;bottom:5%;animation:sandro 2.5s linear;transform:scale(0.8);}
header .sandro2{position:absolute;right:10%;bottom:5%;transform:scale(0.8);}
@keyframes sandro{0%{right:-30%;}
100%{right:10%;}
}
header .jb-text, header .sc-text{position:absolute;bottom:4%;color:#000;width:280px;}
header .jb-text{left:11%;}
header .sc-text{right:10%;}
@media (min-width:768px){header{min-height:100%;}
header .header-content{position:absolute;top:30%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px;}
header .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto;}
header .header-content .header-content-inner h1{font-size:50px;}
header .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto;}
}
.section-heading{margin-top:0;}
.service-box{display:table;width:45%;height:145px;margin:5% 5% 0 0;background:#fff;border-radius:40px;float:left;vertical-align:middle;}
.service-box a{text-align:center;vertical-align:middle;display:table-cell;}
section .service-box a img{width:80%;}
@media (min-width:992px){.navbar-brand{width:250px;height:56px;margin:3px 0 0 10px;}
}
.text-primary{color:#0080c4;}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}
.btn-default{color:#222222;background-color:white;border-color:white;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{color:#222222;background-color:#f2f2f2;border-color:#ededed;}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{background-image:none;}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active{background-color:white;border-color:white;}
.btn-default .badge{color:white;background-color:#222222;}
.btn-primary{color:white;background-color:#999;border-color:#999;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{color:white;background-color:#ee4b28;border-color:#ed431f;}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{background-image:none;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{background-color:#0080c4;border-color:#0080c4;}
.btn-primary .badge{color:#0080c4;background-color:white;}
.btn{font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;border:none;border-radius:300px;font-weight:700;text-transform:uppercase;}
.btn-xl{padding:15px 30px;}
::-moz-selection{color:white;text-shadow:none;background:#222222;}
::selection{color:white;text-shadow:none;background:#222222;}
img::selection{color:white;background:transparent;}
img::-moz-selection{color:white;background:transparent;}
body{webkit-tap-highlight-color:#222222;}
#gute .small{position:absolute;}
#tech .col-sm-5.text-center{margin-top:-16px;}
.internal-page header{height:426px;min-height:426px;max-height:426px;}
.internal-page header .header-content{top:35%;}
.internal-page header .sandro2, .internal-page header .hannes2{transform:scale(0.3);}
.internal-page header .hannes2{bottom:-48%;left:5%;}
.internal-page header .sandro2{bottom:-57%;}
.internal-page header .jb-text{left:10%;}
@media (max-width:1220px){header .sandro, header .sandro2, header .hannes, header .hannes2{transform:scale(0.7);position:absolute;}
header .hannes, header .hannes2{bottom:19.5%;}
header .sandro, header .sandro2{bottom:17.5%;}
header .header-content{top:90%;}
header .jb-text, header .sc-text{bottom:24%;}
header .jb-text{left:13%;}
.internal-page header .header-content .header-content-inner h1{font-size:23px;}
.internal-page header .header-content h2{font-size:15px;margin-top:5px;}
.internal-page header .header-content{padding:0;top:90%;}
.internal-page header .header-content .header-content-inner p{margin-bottom:0;}
.internal-page header .hannes2{bottom:-40%;}
.internal-page header .sandro2{bottom:-50%;}
.internal-page header .jb-text, .internal-page header .sc-text{bottom:12%;}
.internal-page header .jb-text{left:12%;}
}
@media (max-width:950px){.internal-page header .jb-text{left:9%;}
.internal-page header .hannes2{left:0%;}
}
@media (max-width:900px){header .hannes{animation:hannes 6s linear;}
@keyframes hannes{0%{left:-20%;opacity:1;}
100%{left:5%;opacity:1;}
}
header .sandro{animation:sandro 2.5s linear;}
@keyframes sandro{0%{right:-30%;}
100%{right:5%;}
}
header .hannes2{left:5%;}
.internal-page header .hannes, header .hannes2{left:0%;}
header .sandro2, .internal-page header .sandro2{right:5%;}
header .jb-text{left:9%;}
header .sc-text{right:5%;}
.navbar-default .navbar-header .navbar-brand{font-size:24px;}
.navbar-brand{padding:10px 15px;width:200px;}
}
@media (max-width:767px){header{height:426px;}
header .header-content .header-content-inner h1, .internal-page header .header-content .header-content-inner h1{font-size:23px;}
header .header-content h2, .internal-page header .header-content h2{font-size:15px;margin-top:5px;}
.header-content .btn{font-size:60%;}
header .header-content{padding:0;top:71%;}
.internal-page header .header-content{top:80%;}
header .header-content .header-content-inner p, .internal-page header .header-content .header-content-inner p{margin-bottom:0;}
header .jb-text, header .sc-text, .internal-page header .jb-text, .internal-page header .sc-text{font-size:82%;bottom:32.5%;}
header .jb-text, .internal-page header .jb-text{left:60px;}
header .sc-text, .internal-page header .sc-text{right:5%;}
header .sandro, header .sandro2, header .hannes, header .hannes2, .internal-page header .sandro2, .internal-page header .hannes2{transform:scale(0.2);}
header .sandro, header .sandro2, .internal-page header .sandro2{bottom:-40%;}
header .hannes, header .hannes2, .internal-page header .hannes2{bottom:-30%;}
header .hannes2, .internal-page header .hannes2{left:-5%;}
header .hannes{animation:hannes 6s linear;}
@keyframes hannes{0%{left:-30%;opacity:1;}
100%{left:-4%;opacity:1;}
}
.img-col{width:80%;margin:0 auto;}
.service-box{margin:10px 10px 0 0;}
}
@media (max-width:519px){header .hannes{animation:hannes 6s linear;}
@keyframes hannes{0%{left:-40%;opacity:1;}
100%{left:-20%;opacity:1;}
}
header .hannes2, .internal-page header .hannes2{left:-20%;}
header .sandro{animation:sandro 2.5s linear;}
@keyframes sandro{0%{right:-30%;}
100%{right:-5%;}
}
header .sandro2, .internal-page header .sandro2{right:-5%;}
header .jb-text, .internal-page header .jb-text{left:-5px;}
header .sc-text, .internal-page header .sc-text{right:-5%;}
}
@media (max-width:390px){header .hannes{animation:hannes 6s linear;}
@keyframes hannes{0%{left:-60%;opacity:1;}
100%{left:-35%;opacity:1;}
}
header .hannes2, .internal-page header .hannes2{left:-42%;}
header .sandro2, .internal-page header .sandro2{right:-12%;}
header .sandro{animation:sandro 2.5s linear;}
@keyframes sandro{0%{right:-28%;}
100%{right:-12%;}
}
header .jb-text, .internal-page header .jb-text{left:-50px;}
header .sc-text, .internal-page header .sc-text{right:-16%;}
}