@font-face{font-family:'icomoon';src:url(../fonts/icomoon/icomoon.eot?srf3rx);src:url(../fonts/icomoon/icomoon.eot?srf3rx#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?srf3rx) format("truetype"),url(../fonts/icomoon/icomoon.woff?srf3rx) format("woff"),url(../fonts/icomoon/icomoon.svg?srf3rx#icomoon) format("svg");font-weight:400;font-style:normal}
body{font-family:"Source Sans Pro",Arial,sans-serif;line-height:1.8;font-size:18px;background:#fff;color:#848484;font-weight:300;overflow-x:hidden}
body.fh5co-offcanvas{overflow:hidden}
a{color:#0D6E69;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
a:hover{text-decoration:none!important;color:#109D6A}
p,ul,ol{margin-bottom:1.5em;font-size:18px;color:#3C573C;font-family:"Source Sans Pro",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{color:#5a5a5a;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;margin:0 0 20px 0}
figure{margin-bottom:2em;color:#DAE6D7}
::-webkit-selection{color:#fcfcfc;background:#0D6E69}
::-moz-selection{color:#fcfcfc;background:#0D6E69}
::selection{color:#fcfcfc;background:#0D6E69}
#fh5co-header{position:relative;margin-bottom:0;z-index:9999999}
.fh5co-cover,.fh5co-hero{background-repeat:no-repeat;background-attachment:fixed;background-position:center bottom;background-size:contain;color:#fff;display:table;height:90vh;min-height:35%;padding:0;text-align:center;width:100%}
ul#home-headlines{margin-left:-40px}
ul#home-headlines li{line-height:normal}
#home-headlines li{list-style:none}
label{font-weight:400}
input[type= email],input[type= text],select,input[type= password]{border:1px solid #E1E1E1;color:#333;font-size:1em;padding:7px 15px;width:300px;line-height:1.4}
form input[type= submit]{border:1px solid #E1E1E1;color:#000;font-size:1em;font-weight:700;padding:8px 15px;width:100%;max-width:200px;line-height:1.4}
form input[type= submit]:hover{-khtml-opacity:.8;-moz-opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);opacity:.8;text-decoration:none}
form input[type= reset]{border:1px solid #E1E1E1;color:#000;font-size:1em;font-weight:700;padding:8px 15px;width:100%;max-width:200px;line-height:1.4}
form input[type= reset]:hover{-khtml-opacity:.8;-moz-opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);opacity:.8;text-decoration:none}
form legend{color:#333;margin-left:-15px}
form input[type="button"]{background:#333 none repeat scroll 0 0!important;border:1px solid #E1E1E1;color:#F9F9F9;font-size:1em;font-weight:600;padding:8px 15px;width:100%;max-width:200px;line-height:1.4}
form input[type="button"]:hover{-khtml-opacity:.8;-moz-opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);opacity:.8;text-decoration:none}
div.line{background-color:#eee;margin-left:auto;margin-right:auto;padding:10px;margin-bottom:20px;width:100%;min-height:80px auto}
.line .container .breadcrumbs,.line .container h1{margin-left:-15px}
.breadcrumbs{margin-top:15px;margin-bottom:-10px;font-size:12px;display:block;color:#323F55}
body .content-section{width:100%;max-width:1222px}
input{border:1px solid #E1E1E1;color:#F9F9F9;font-size:1em;font-weight:600;padding:8px 15px;width:100%;line-height:1.4}
section a:focus,section a:hover{background-color:#FFF;-khtml-opacity:.8;-ms-filter:alpha(opacity=80);-moz-opacity:.8;filter:alpha(opacity=80);opacity:.8;text-decoration:none}
form fieldset{padding:8px 15px;width:100%}
form textarea{padding:8px 15px;border:1px solid #E1E1E1;width:100%}
form select{padding:8px 15px;border:1px solid #E1E1E1;min-width:200px;max-width:100%}

.fh5co-overlay{position:absolute!important;
width:100%;
top:0;
left:0;
bottom:0;
right:0;
z-index:1;

background:linear-gradient(rgba(13,110,105,0.90), rgba(255,245,3,0.45)),url('../images/bg/rotator.php');
}


.fh5co-cover{background-size:cover;position:relative}
.fh5co-cover .btn{padding:1em 5em;opacity:.9}
.fh5co-cover.fh5co-cover_2{height:600px}
.fh5co-cover .desc{top:40%;position:absolute;width:100%;margin-top:-80px;z-index:2;color:#fff}
.fh5co-cover .desc h1{color:#fff;text-transform:uppercase;font-size:60px;margin-bottom:10px}
.fh5co-cover .desc span{display:block;margin-bottom:30px;font-size:28px;letter-spacing:1px}
.fh5co-cover .desc span a{color:#fff}
.fh5co-cover .desc span a:hover,.fh5co-cover .desc span a:focus{color:#fff!important}
.fh5co-cover .desc span a:hover.btn,.fh5co-cover .desc span a:focus.btn{border:2px solid #fff!important;background:transparent!important}
.fh5co-cover .desc span a.fh5co-site-name{padding-bottom:2px;border-bottom:0 solid rgba(255,255,255,0.7)}
#fh5co-logo{position:relative;z-index:2;font-size:28px;text-transform:uppercase;margin-top:35px;font-weight:300;float:left}
#fh5co-logo span{font-weight:600;font-size:29px}
.heading-section::after{background-color:transparent}
.level-1 ul{background-color:rgba(13,110,105,1.00)}
#fh5co-logo a{color:#fff}
#fh5co-logo a:hover,#fh5co-logo a:focus{color:#fff!important}
#fh5co-work-section,#fh5co-services-section,#fh5co-content-section,#fh5co-work-section_2,#fh5co-blog-section{padding:3em 0}
@media screen and (max-width: 768px) {
.fh5co-cover,.fh5co-hero{height:700px}
.fh5co-cover{height:inherit;padding:3em 0}
.fh5co-cover.fh5co-cover_2{height:inherit;padding:3em 0}
.fh5co-cover .desc{padding-left:15px;padding-right:15px}
.fh5co-cover .desc h2{font-size:40px}
#fh5co-logo{text-align:center}
#fh5co-work-section,#fh5co-services-section,#fh5co-content-section,#fh5co-work-section_2,#fh5co-blog-section{padding:3em 0}
#fh5co-services,#fh5co-about,#fh5co-contact{padding:4em 0}
#fh5co-services .fh5co-icon{margin-top:0;float:none;font-size:100px}
.fh5co-testimonial{border-right:0;margin-bottom:80px}
.fh5co-blog{width:100%}}
.fh5co-section-gray{background:rgba(0,0,0,0.04)}
.heading-section{padding-bottom:1em;margin-bottom:5em}
.heading-section:after{position:absolute;content:'';bottom:0;left:50%;width:100px;margin-left:-50px;height:2px;background-color:#0D6E69}
.heading-section h3{font-size:30px;letter-spacing:2px;text-transform:uppercase;position:relative}
.fh5co-grid{height:302px;background-size:cover;background-position:center center;margin-bottom:30px;position:relative;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
.fh5co-grid .image-popup{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
.fh5co-grid .image-popup .prod-title{position:absolute;top:50%;bottom:20px;left:20px;right:20px;margin-top:-25px}
.fh5co-grid .image-popup .prod-title h3{margin-bottom:10px;color:#fff;font-size:20px}
.fh5co-grid .image-popup .prod-title span{color:#fff}
.fh5co-grid:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.fh5co-grid:hover .image-popup{opacity:1}
.services{margin-bottom:5em}
.services span{margin-bottom:30px;display:block;width:100%}
.services span i{font-size:50px;color:#0D6E69}
.services h3{font-size:20px;font-weight:400}

.block_adress{margin-left:-25px}

#fh5co-services,#fh5co-about,#fh5co-contact{padding:7em 0}
#fh5co-services .fh5co-number{font-size:30px;color:#1fb5f6;position:relative;padding-top:10px;font-style:italic;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}
#fh5co-services .fh5co-number:before{position:absolute;content:"";width:100%;height:3px;top:0;left:0;background:#1fb5f6}
#fh5co-services .fh5co-icon{margin-bottom:30px;margin-top:50px;position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}
#fh5co-services .fh5co-icon i{font-size:200px;color:#0D6E69}
#fh5co-contact .contact-info{margin:0;padding:0}
#fh5co-contact .contact-info li{list-style:none;margin:0 0 20px;position:relative;padding-left:40px}
#fh5co-contact .contact-info li i{position:absolute;top:.3em;left:0;font-size:22px;color:rgba(0,0,0,0.3)}
#fh5co-contact .contact-info li a{font-weight:400!important;color:rgba(0,0,0,0.3)}
#fh5co-contact .form-control{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;border:1px solid rgba(0,0,0,0.1);font-size:18px;font-weight:400;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
#fh5co-contact .form-control:focus,#fh5co-contact .form-control:active{border-bottom:1px solid rgba(0,0,0,0.5)}
#fh5co-contact input[type="text"]{height:50px}
#fh5co-contact .form-group{margin-bottom:30px}
.fh5co-testimonial{position:relative;background:#fff;padding:4em 0;border-radius:5px;-webkit-box-shadow:0 18px 88px -22px rgba(0,0,0,0.58);-moz-box-shadow:0 18px 88px -22px rgba(0,0,0,0.58);box-shadow:0 18px 88px -22px rgba(0,0,0,0.58)}
.fh5co-testimonial h2{font-size:16px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:50px}
.fh5co-testimonial figure{position:absolute;top:-50px;left:50%;margin-left:-44px;margin-bottom:20px;background-size:cover}
.fh5co-testimonial figure img{width:88px;height:88px;border:10px solid #fff;background-size:cover;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.fh5co-testimonial blockquote{border:none;margin-bottom:20px}
.fh5co-testimonial blockquote p{font-style:italic;font-size:26px;line-height:1.6em;color:#555}
.fh5co-testimonial span{font-style:italic}
.fh5co-blog{margin-bottom:60px}
.fh5co-blog a img{margin-bottom:30px;width:100%;height:300px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
.fh5co-blog .image-popup{opacity:1}
.fh5co-blog .image-popup span{display:inline-block;margin-bottom:20px}
.fh5co-blog .image-popup span.posted_by{font-style:italic;color:rgba(0,0,0,0.3);font-size:18px}
.fh5co-blog .image-popup span.comment{float:right}
.fh5co-blog .image-popup span.comment a{color:rgba(0,0,0,0.3)}
.fh5co-blog .image-popup span.comment a i{color:#0D6E69;padding-left:7px}
.fh5co-blog .image-popup h3{font-size:26px;margin-bottom:20px}
.fh5co-blog .image-popup h3 a{color:rgba(0,0,0,0.6)}
#fh5co-start-project-section{padding:7em 0;background:#F64E8B}
#fh5co-start-project-section h2{color:#fff;font-size:60px;text-transform:uppercase;font-weight:300}
.fh5co-social-icons > a{padding:4px 10px;color:#0D6E69}
.fh5co-social-icons > a i{font-size:26px}
.fh5co-social-icons > a:hover,.fh5co-social-icons > a:focus,.fh5co-social-icons > a:active{text-decoration:none;color:#5a5a5a}
#fh5co-primary-menu > li > .sf-with-ul::after{color:rgba(255,255,255,1.0)}
#footer{background-color:#0D6E69;padding:40px 0}
#footer p{color:#FFF;letter-spacing:1px;font-size:15px}
#footer p a{color:rgba(255,255,255,0.90);padding:0 5px}
#footer p a:hover{color:rgba(255,255,255,1.0)}
.btn{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-transform:uppercase;letter-spacing:2px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.btn.btn-primary{background:#0D6E69;color:#fff;border:none!important;border:2px solid transparent!important;font-weight:600}
.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus{box-shadow:none;background:#0D6E69;color:#fff!important}
.btn:hover,.btn:active,.btn:focus{background:#393e46!important;color:#fff;outline:none!important}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active{border-color:transparent}
.js .animate-box{opacity:0}
#fh5co-wrapper{overflow-x:hidden;position:relative}
.fh5co-offcanvas{overflow:hidden}
.fh5co-offcanvas #fh5co-wrapper{overflow:hidden!important}
#fh5co-page{position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.fh5co-offcanvas #fh5co-page{-moz-transform:translateX(-240px);-webkit-transform:translateX(-240px);-ms-transform:translateX(-240px);-o-transform:translateX(-240px);transform:translateX(-240px)}
@media screen and (max-width: 768px) {#fh5co-menu-wrap{display:none}}
#offcanvas-menu{position:absolute;top:0;bottom:0;z-index:99;background:#222;right:-240px;width:240px;padding:20px;overflow-y:scroll!important}
#offcanvas-menu ul{padding:0;margin:0}
#offcanvas-menu ul li{padding:0;margin:0 0 10px;list-style:none}
#offcanvas-menu ul li a{font-size:18px;color:rgba(255,255,255,0.4)}
#offcanvas-menu ul li a:hover{color:#0D6E69}
#offcanvas-menu ul li > .fh5co-sub-menu{margin-top:9px;padding-left:20px}
#offcanvas-menu ul li.active > a{color:#0D6E69}
#offcanvas-menu ul .fh5co-sub-menu{display:block!important}
.fh5co-nav-toggle{cursor:pointer;text-decoration:none}
.fh5co-nav-toggle.active i::before,.fh5co-nav-toggle.active i::after{background:#fff}
.fh5co-nav-toggle.dark.active i::before,.fh5co-nav-toggle.dark.active i::after{background:#fff}
.fh5co-nav-toggle:hover,.fh5co-nav-toggle:focus,.fh5co-nav-toggle:active{outline:none;border-bottom:none!important}
.fh5co-nav-toggle i{position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:30px;height:2px;color:#fff;font:bold 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#fff;transition:all .2s ease-out}
.fh5co-nav-toggle i::before,.fh5co-nav-toggle i::after{content:'';width:30px;height:2px;background:#fff;position:absolute;left:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.fh5co-nav-toggle.dark i{position:relative;color:#000;background:#000;transition:all .2s ease-out}
.fh5co-nav-toggle.dark i::before,.fh5co-nav-toggle.dark i::after{background:#000;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.fh5co-nav-toggle i::before{top:-7px}
.fh5co-nav-toggle i::after{bottom:-7px}
.fh5co-nav-toggle:hover i::before{top:-10px}
.fh5co-nav-toggle:hover i::after{bottom:-10px}
.fh5co-nav-toggle.active i{background:transparent}
.fh5co-nav-toggle.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.fh5co-nav-toggle.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.fh5co-nav-toggle{position:absolute;top:0;right:0;z-index:9999;display:block;margin:0 auto;display:none;cursor:pointer}
.border-bottom{border-bottom:1px solid rgba(0,0,0,0.06)}
.lead{line-height:1.8}
.no-js #loader{display:none}
.js #loader{display:block;position:absolute;left:100px;top:0}
.fh5co-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/hourglass.svg) center no-repeat #222}
@media (min-width: 768px) {
.navbar-custom{border-bottom:0 none;letter-spacing:1px}
p{line-height:1.6;margin:0 0 35px}
.intro .intro-body .brand{font-size:100px}
.intro .intro-body .intro-text{font-size:40px;font-weight:700}
#mobilenav{height:90%}
.fh5co-nav-toggle{display:block;top:0;margin-top:2em}}
.btn-circle{border-radius:100%!important;height:36px;padding:0;transition:background .3s ease-in-out 0;width:36px}
.intro-bottom a.btn-circle{background-color:#CC0204}
.btn-circle:hover,.btn-circle:focus{color:#FCFCFC;outline:none}
#subnavbar{position:relative}
#subnavlist ul{margin-bottom:0}
#subnavlist * a{color:#FCFCFC}
#subnavlist ul li.active ul li:hover{background-color:#FCFCFC}
#subnavlist ul li.active ul li:hover a{color:#333}
@media screen and (min-width: 800px) and (max-width: 1200px) {
#attraktive-konditionen #company{margin-left:25%;margin-top:30px}
footer section{padding:40px 0!important}
.intro-bottom.center{display:none}
.intro .brand{margin-top:50px}
.blocks h3{font-size:15px}
#mobilenav .nav.navbar-nav{display:none;margin:0;text-align:left;top:0}
#mobilenav{height:85%}}
@media (max-width: 1125px) {
.navbar{height:50px;min-height:50px}
#header{position:fixed;background:#fff;z-index:1}
a.navbar-brand > img{margin-top:-8px;max-width:230px}
.navbar-header{float:left;display:block;background-color:#8F2696}
.navbar-toggle,div.mobile-switch{display:block}
.navbar-fixed-top{border-width:0 0 1px;top:0;z-index:1}
.navbar-nav{display:none}
.navbar-main-collapse{float:right!important;display:block!important;visibility:visible}
.navbar-nav{float:none!important;margin-top:7.5px}
#mobilenav .nav.navbar-nav{display:block;margin:0;text-align:left;top:0}
#fh5co-menu-wrap{display:none}
.navbar-nav.nav > li{float:none}
.collapse.in{display:block!important;margin-right:0}
#mobilenav{height:87%}}
@media screen and (max-width: 980px) {#mobilenav{height:93%}}
@media screen and (max-width: 800px) {
#subnavbar li{width:100%}
.brand{color:#fff;font-size:20px;color:#fff}
.intro h2{color:#fff;margin-top:-6px}
.intro{color:#FCFCFC;display:compact;padding:0;text-align:center;width:100%}
#subnavbar ul li *{width:100%;display:block;float:left}
#subnavbar ul.menu_level_2 li.active{background-color:#FCFCFC}
.navbar-brand{height:50px}
button.navbar-toggle{margin-bottom:7px}
.intro-bottom{display:none}
#mobilenav{height:93%}}
@media screen and (max-width: 768px) {
nav.navbar > :last-child{margin-right:0}
.navbar-brand{height:50px;color:#fff}
button.navbar-toggle{margin-top:11px}
.intro-bottom.center{display:none}
#mobilenav{height:91%}}
@media screen and (max-width: 640px) {.block_adress{margin-left:0px}
.intro .brand{color:#333;font-size:40px;margin-top:0}
.intro h2{color:#333;margin-top:-6px;font-size:97%;margin-bottom:10px}
.fh5co-cover .desc span{display:block;margin-bottom:30px;font-size:25px;letter-spacing:1px}
.fh5co-cover .desc{top:15%;position:absolute;width:100%;z-index:2;color:#fff}
.fh5co-cover .desc h1{color:#fff;text-transform:uppercase;font-size:45px;margin-bottom:10px}
#mobilenav{height:75%}}
@media screen and (max-width: 600px) {#mobilenav{height:92%}}
@media screen and (max-width: 480px) {
.intro{background:none;padding:0}
.content h1{margin-top:25px;font-size:40px;margin-top:60px}
footer section{padding:40px 0!important}
.intro-bottom.center{display:none}
.intro .brand{margin-bottom:15px}
h2{font-size:24px}
h3{font-size:14px;font-weight:700}
.navbar-brand{max-width:180px!important}
.navbar-brand > img{margin:-15px 0 0 -12px !important;width:100%!important}
.navbar-custom .navbar-brand{width:230px;float:left}
.navbar-brand{height:39px;margin-top:4px}
.intro p.intro-text{font-size:20px}
.fh5co-grid{height:400px}
#mobilenav{height:70%}
.fh5co-cover .desc span{display:block;margin-bottom:30px;font-size:20px;letter-spacing:1px}
.fh5co-cover .desc{top:14%;position:absolute;width:100%;z-index:2;color:#fff}
.fh5co-cover .desc h1{color:#fff;text-transform:uppercase;font-size:35px;margin-bottom:10px}}
@media screen and (max-width: 360px) {#mobilenav{height:85%}}
@media screen and (max-width: 320px) {#mobilenav{height:80%}}