@font-face {
   font-family: 'Francois One';
   url(../objects/fonts/francoisone-webfont.ttf) format('ttf');
   src: url(../objects/fonts/francoisone-webfont.eot),
   url(../objects/fonts/francoisone-webfont.woff) format('woff'),
   url(../objects/fonts/francoisone-webfont.ttf) format('truetype'),
   url(../objects/fonts/francoisone-webfont.svg) format('svg');
   src: local('☺'), url('../objects/fonts/francoisone-webfont.woff') format('woff'), url('../objects/fonts/francoisone-webfont.ttf') format('truetype'), url('../objects/fonts/francoisone-webfont.svg') format('svg');
   src /*\**/: url('../objects/fonts/francoisone-webfont.eot')\9
   }

   @font-face {
   font-family: 'Open Sans Regular';
   url(../objects/fonts/opensans-regular-webfont.ttf) format('ttf');
   src: url(../objects/fonts/opensans-regular-webfont.eot),
   url(../objects/fonts/opensans-regular-webfont.woff) format('woff'),
   url(../objects/fonts/opensans-regular-webfont.ttf) format('truetype'),
   url(../objects/fonts/opensans-regular-webfont.svg) format('svg');
   src: local('☺'), url('../objects/fonts/opensans-regular-webfont.woff') format('woff'), url('../objects/fonts/opensans-regular-webfont.ttf') format('truetype'), url('../objects/fonts/opensans-regular-webfont.svg') format('svg');
   src /*\**/: url('../objects/fonts/opensans-regular-webfont.eot')\9
   }

   @font-face {
   font-family: 'Antonio';
   url(../objects/fonts/antonio-regular-webfont.ttf) format('ttf');
   src: url(../objects/fonts/antonio-regular-webfont.eot),
   url(../objects/fonts/antonio-regular-webfont.woff) format('woff'),
   url(../objects/fonts/antonio-regular-webfont.ttf) format('truetype'),
   url(../objects/fonts/antonio-regular-webfont.svg) format('svg');
   }


   html {
   height:100%;
   margin:0;
   padding:0;
   }

   body {
   font-family: Open Sans Regular, Calibri, Arial, sans-serif;
   font-weight:lighter;
   padding: 0;
   margin: 0;
   background: white url("../images/image01.jpg") top center fixed no-repeat;
   background-size:cover;
   color:#494949;
   }

   /* Markierter Text farbig*/
   ::selection { background: #4ebb9b; color: #fff; }
   ::-moz-selection { background: #4ebb9b; color: #fff; }

   img {
   border:none;
   }

   a {
   color:black;
   }


   p {
   font-size:15px;
   line-height:25px;
   white-space:normal;
   color:#838383;
 }

   #home h1 {
   font-family: Francois One, Antonio, Calibri; Arial;
   text-transform: uppercase ;
   font-weight:normal;
   font-size:26px;
   text-align:center;
   margin-bottom:25px;
   }

   h1, h2, h3{
   font-family: Antonio, Calibri, Arial;
   font-weight:normal;
   }

   h1 {font-size:28px; text-align:center; }
   h3 {font-size:24px; color:#4ebb9b;}
   h4 {font-size: 19px;}
   h2 {
   color: #494949;
   font-size: 28px;
   text-align: center;
   text-decoration: underline;
   }

   #navi{
   position:fixed;
   background: url("../images/navi_bg.png");
   height:50px;
   width:100%;
   z-index:99999999;
   top:0;
   }

   #navi ul{
   margin:0;
   height:50px;
   padding:0;
   width:960px;
   color:white;
   }

   #navi li{
   margin-left:90px;
   display:block;
   float:left;
   }

   #navi li a{
    font-family: Antonio;
    line-height: 50px;
    color:white;
    text-decoration: none;
    font-size:16px;
    margin-right:10px;
   }
   #navi li a.nomargin {margin:0;}

   #navi li a:hover {
   text-decoration:underline;
   }

   .navi_inner {
   width:960px;
   margin:0 auto;
   position:relative;
   }


   #home {
   position:fixed;
   width:100%;
   top:0;
   left:0;
   height:550px;
   padding-top:50px;
   background: white url("../images/headbild04.jpg")no-repeat scroll center center / cover;
   border-bottom: 4px solid #9f9f9f;
   }

   #home_inner {
   width:960px;
   margin:0 auto;
   padding-top:30px;
   }

   #home_inner {
   position:fixed;
   width:100%;
   top:0;
   left:0;
   }

/* Home */

   #home {
   color: black;
   }

   #home h1 {
   font-size:60px;
   color: white;
   margin: 130px 0 20px 0;
   text-align:center;
   text-shadow: 0.03em 0.03em #9f9f9f;
   }

   #home h4 {
    color: white;
    font-family: Open Sans Regular,Calibri,Arial;
    font-size: 18px;
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    text-transform: none;
    width: 545px;
   text-shadow: 0.03em 0.03em #9f9f9f;
   }

   #home img {
   width:100%;
   }

   #home .arrow_bottom {
   margin:50px auto 0;
   width:51px;
   }

   #home .arrow_bottom img {
   width:51px;
   height:51px;
   }

   #home .phone_button {
   width: 138px;
   height: 56px;
   position:absolute;
   top:200px;
   right:0;
   padding-left:65px;
   background:url("../images/phone_button02.png") top left no-repeat;
   }

   #home .phone_button p {
   color:white;
   font-weight:bold;
   font-size:14px;
   line-height:50px;
   margin:0;
   }


/* CONTENT */
#content {
width:100%;
background:white;
top:550px;
position:relative;
z-index:9999;
}



/* Einleitung */
   #einleitung {
   width: 960px;
   margin: 0 auto;
   padding:100px 0;
   background: url("../images/bg_einleitung.png") 0px 90px no-repeat;
   }

   #einleitung h3 {
   text-align:center;
   margin-top:0;
   }

   .text_right {
   float:right;
   width:590px;
   }

   .text_right p {
    text-align:justify;
   }


/* Über Uns*/
   #ueberuns {
   min-height:600px;
   margin: 0 auto;
   background: url("../images/background_ueberuns.jpg") top center no-repeat;
   }

   .ueberuns_inner {
   width:960px;
   margin:0 auto;
   padding:100px 0;
   }

   #ueberuns .ueberuns_inner .text_right  {
   width:485px;
   }

   #ueberuns .ueberuns_inner .text_right h2 {
   text-align:center;
   margin:50px 0 60px 0;
   }

   #ueberuns .text_right a.termin {
   background: url("../images/termin_button.png") top left no-repeat;
    color: white;
    display: block;
    font-size: 14px;
    font-style: italic;
    height: 45px;
    line-height: 40px;
    padding-left: 12px;
    text-decoration: none;
    width: 174px;
    margin: 0 auto;
    margin-top: 60px;
   }

/* Leistungen */
   .leistungen_inner{
   padding:100px 0;
   width:960px;
   margin:0 auto;
   }

   .box_three {
   margin: 70px 0;
   }
   .box_three p {
      text-align: justify;
      font-size:14px;
   }

   .box_three .one,
   .box_three .two,
   .box_three .three,
   .box_three .four {
   width:190px;
   float:left;
   }

   .box_three .one,
   .box_three .two,
   .box_three .three {
   margin-right:66.66px;
   }

   .box_three img {
   margin-top:20px;
   width:100%;
   padding-top:35px;
   border-top: 1px solid #777777;
   }

   .box_three h4 {font-size:16px; height:35px;}

   /* Projektablauf */

   #projektablauf { position:relative; margin-bottom:100px;}
   .ablauf { width:100%;}
   .ablauf .box {float:left;}
   #projektablauf ul {margin:0; padding: 0;}

   #projektablauf ul li {
   list-style:none;
   margin:0;
   padding:0;
   overflow:hidden;
   height:300px;
   }
   .parallax-background {
   height:530px;
   }

   .projektablauf_inner{
   margin:0 auto;
   background:url('../images/bg_projektablauf.jpg');
   background-position:50% 90%;
   background-size:cover;
   }
   .parallax_content {
    position:absolute;
    top:60px;
    left:10%;
    width:80%;
    z-index:999;
   }
   .parallax_content h2 {
     color: black !important;
    font-size:50px !important;

   }

   #projektablauf h2 {
   color:#4ebb9b;
   text-align:center;
   text-decoration:none;
   }


   #projektablauf_content {width:960px; margin:0 auto; background:none; position:relative; padding:60px 0;}
   #projektablauf_content #one {margin-top:70px;}
   .projektablauf_icons {height:40px;width:100%; background:url("../images/navi_bg.png") repeat;}
   .projektablauf_icons .box {float:left; line-height:40px; width:168px;text-align:center; background:none;}
   .projektablauf_icons .arrow {float:left; width:30px;}
   .projektablauf_icons h4 {margin:0; font-size:15px; color:white; font-weight:normal; font-style:italic;}
   .projektablauf_icons .no-margin {margin:0 !important;}

   #projektablauf_content .box_text {float:left; background:white; line-height:40px; width:140px; margin-right:40px; padding: 0 10px; text-align:center;font-size:14px; line-height:20px;}
   #projektablauf_content .no-margin {margin:0 !important;}
   #projektablauf_content p { text-align: justify; font-size:14px;}



   /* Referenzen */

   .referenzen_inner {
   padding:100px 0;
   width:960px;
   margin:0 auto;
   }


 /* ------ TABS ---- */

.tabs {
    display: inline-block;
    width: 100%;
}
ul.tab-links {
    margin: 25px auto 15px;
    padding: 0;
    width: 480px;
}
.tab-links:after {
    clear: both;
    content: "";
}
.tab-links li {
    display: inline;
    list-style: none outside none;
    margin: 0 5px;
}
.tab-links a {
    border-radius: 20px;
    color: #474753;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 3px 10px;
    text-decoration: none;
    transition: all 0.15s linear 0s;
}
.tab-links a:hover {
    background: none repeat scroll 0 0 #C5C5C5;
    color: #FFFFFF;
    text-decoration: none;
}
.tabs li.active a, .tabs li.active a:hover {
    background: none repeat scroll 0 0 #C5C5C5;
    color: #FFFFFF;
}
.tab-content {
    clear: both;
}
.tab {
    display: none;
}
.tab.active {
    display: block;
    }


   /* Aktuelles Projekt */
   .aktuellesprojekt_inner {
   width:960px;
   margin: 0 auto;
   padding:100px 0;
   }



   #aktuellesprojekt #banner-fade {
   margin: 60px auto;
   }

   #aktuellesprojekt #banner-fade .bjqs-markers {
   display:none;
   }

   /* Trennlinien */
   .trennlinie_gruen {
   width:960px;
   margin:0 auto;
   background:url("../images/dots_line_green.png");
   height:22px;
   }

   .trennlinie_grau {
   width:960px;
   margin:0 auto;
   background:url("../images/dots_line_grey.png");
   height:22px;
   }

/* Contact */


   #contact {
   background:white;
   margin:0 auto;
   }

   .contact_inner {
   width:960px;
   margin:0 auto;
   padding:100px 0;
   }

   #contact .formular {
   width:575px;
   margin:0 auto;
   }
   #contact h3 {
   text-align: center;
   margin-bottom:30px;
   font-size:16px;
   color:grey;
   }


   #contact input, #contact textarea {
   border:1px solid black;
   font-family: Calibri;
   font-size:18px;
   background: white;
   border:1px solid #4ebb9b;
   outline: 0 none;
   }

   #contact h1{
   margin-bottom:50px;
   }

   #contact p {
   margin: 0;
   padding:5px;
   line-height:25px;
   color:#6F6F6F;
   font-size:15px;
   }

   #contact .titel {
   width:150px;
   float:left;
   }

   #contact input {
   height:25px;
   padding:5px;
   width:400px;
   margin-bottom:30px;
   font-family: Calibri;
   font-size:18px;
   font-style: italic;
   }

   #contact textarea {
   height: 155px;
   width: 400px;
   padding:5px;
   resize:none;
   font-style: italic;
   font-size: 18px;
   }

   #contact #submit {
   background: #4ebb9b;
   color:white;
   margin-top: 30px;
   height:35px;
   width:225px;
   padding:5px;
   cursor:pointer;
   float:left;
   }

   #contact .spamschutz{
   width:345px;
   float:left;
   margin-top:30px;
   }


   .p_left, .input_left {float:left;}

   .p_left {
   font-size: 12px !important;
   line-height: 15px !important;
   width:135px;}

   .input_left {width:140px !important; margin-left:15px;}


/* Footer */

   #footer{
   background: #494949;
   height:80px;
   color:white;
   }

   .footer_inner {
   width:960px;
   margin:0 auto;
   text-align:center;
   }

   #footer a {
   color:white;
   text-decoration:none;
   font-family:Antonio;
   line-height:80px;
   font-style:normal;
   }


   .clear {
   clear:both;
   }
   .float_left {
   float:left;
   width:190px !important;
   }
   .bold {font-weight:bold;}
   .underline {text-decoration:underline; font-weight:bold;}
   .bigger {font-size:60px; font-weight:bold;}


/* Back to Top Button */

   #back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 99999999;
    display: none;
   }

    #back-top a {
    width: 40px;
    height: 32px;
    display: block;
    text-align: center;
    padding-top:8px;
    color: #fffff;
    }

   #navi.white {
   background-color:white;
    }

   #logo_jeco.none {
   background:none;
   }

   .nomargin {margin:0 !important;}

   /* Impressum */

   #impressum {
    position: relative;
    top: 70px;
   }
   .impressum_inner {
   margin:0 auto;
   width:960px;
    padding:30px 0 100px 0;
   }