/*
fonts
font-family: 'Oswald', sans-serif;
*/

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

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1.6em;
    line-height: 1.6;
    color:#999999;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin:0;padding:0;
}

 a { outline: none !important; }
::-moz-selection {
    background: #333;
    color:#fff;
    text-shadow: none;
    border: 0;
}

::selection {
    background: #333;
    color:#fff;
    text-shadow: none;
}

.green{color:#adaa00}

.twoplus .span4{padding-top:220px}
.twoplus .green{margin:0;padding:0;float:right;font-size:15em;line-height:310px}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

ul,li{margin:0;padding:0;}

.head-logo .container{position:relative;}
#logo img{position:absolute;z-index:10;left:0;bottom:-250px}


.head{width:100%;height:150px;background:#fff;margin:0 0 100px 0;position:fixed;top:0;left:0;z-index:9;border-bottom:30px solid #e4e4e4}
.head .container{background:#fff;height:150px;position:relative;}

#nav {position:absolute;right:0;bottom:20px;}
#nav li{list-style:none;float:left;margin:0 0 0 40px}
#nav li a{color:#999999;text-transform:uppercase;text-decoration:none;font-family: 'Oswald', sans-serif;font-size:1em}

#nav .current{margin:20px 0 0 40px;outline: none;}
#nav li a:hover,
#nav .current a{color:#afaeae}

.container,
#master {max-width:940px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}
#master{padding-top:270px}

.section{clear:both;padding-top:110px;}
.section h1{margin:0 0 20px 0;padding:80px 0 0 0;border-top:4px solid #e4e4e4;text-transform:uppercase;font-size:2.5em;font-weight:400;color:#a7a7a7;font-family: 'Oswald', sans-serif;}
.section a{color:#adaa00;text-decoration:none}

.work .span6{margin-top:20px;background:#adaa00;color:#fff;height:220px;}
.work .span6 .space{padding:25px}
.work .span6 .space h2{margin:0;text-transform:uppercase;font-weight:bold;font-size:1.6em;line-height:40px}
.work .span6 .space p{margin:0;font-size:0.8em}

#form{background:#adaa00;color:#fff}
#form .span8 .space{padding:35px 0 70px 85px}
#form .span4 .space{font-size:0.7em;line-height:1.3em;padding:65px 0 0 0}
#form .span4 p{margin:0 0 10px 0}
#form .span4 a{color:#fff;text-decoration:none}
#form .span4 a:hover{text-decoration:underline}
#form label{font-size:0.7em;display:block;margin:5px 0 0 0}

#form .input input,
#form .input textarea{display:block;width:450px;border:1px solid #fff;padding:5px;background:#fff;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;color:#666;margin:0;padding:0;font-size:1.0em;
}

#form .input input:focus,
#form .input textarea:focus{border:1px solid #666}

#form .input textarea{height:130px;}
#form .submit-input{width:452px;margin:20px 0 0 0;padding:2px;text-transform:uppercase;font-family: 'Oswald', sans-serif;font-size:1em;background:#fff;border:1px solid #fff;color:#adaa00}
#form .error{border:1px solid red!important}
.error-msg{font-size:0.6em;}

.img-foot{height:718px;margin:20px 0 0 0}
.img-foot li{clear:both;list-style:none;margin:0}
.img-foot img {width: 100%; display: block;}

.pull-right{float:right;text-align:right}
.clear{clear:both;}

#footer{height:200px;background:#e4e4e4}
#footer ul{margin:20px 0 0 0;float:left;font-family: 'Oswald', sans-serif;padding:0;list-style:none;}
#footer ul li{float:left;margin:0 10px 0 0;}
#footer .xing{display:block;width:41px;height:42px;background: url(../img/layout/social.png) 0 0 no-repeat ;}
#footer .fb{display:block;width:41px;height:42px;background: url(../img/layout/social.png) -49px 0 no-repeat ;}
#footer ul li a{text-align:center;display:block;height:50px;font-size:0.4em;text-transform:uppercase;color:#999;text-decoration:none}
#footer a:hover{opacity:0.7}
#footer .imp{padding:10px 0 0 0;font-size:0.5em!important}
#footer-top{margin:25px 0 0 0;float:right;}

/* Browser Resets */
.flex-container a:active,
.flexslider a{color:#fff;text-decoration:underline}
.flexslider a:hover{color:#eee}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #9fa615;position: relative; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flex-caption{color:#fff;padding:30px 50px 20px 50px}
.flex-caption h2{margin:0;text-transform:uppercase;font-weight:normal;font-size:1.4em;line-height:40px}
.flex-caption p{margin:0;font-size:0.8em}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;width: 100%; position: absolute; bottom: -30px;z-index:2}
.flex-direction-nav a {width: 50px; height: 50px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next {background: url(../img/referenzen/next.png) no-repeat 0 0;right: 0; }
.flex-direction-nav .flex-prev {background: url(../img/referenzen/prev.png) no-repeat 0 0;left: 0;}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -70px; text-align: center;}
.flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 19px; height: 19px; border:1px solid #c9c9c9;display: block; background: #fff; cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: #c9c9c9;  }
.flex-control-paging li a.flex-active { background: #c9c9c9; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media (max-width: 580px){
    body{background:#fff;font-size: 1.2em;line-height: 1.2;}
    #master {padding-top:200px;max-width:580px;}
    .container{padding:20px}

    #logo img{width:170px;position:absolute;top:5px;left:50%;margin-left:-85px;}
    
    .head{width:100%;height:170px;background:none;margin:0 0 10px 0;position:absolute;top:0;left:0;border-bottom:0}
    .head .container{background:#fff;height:150px;position:relative;}
    
    .section{clear:both;padding-top:50px;}

    #nav {width:100%;z-index:999;height:150px;background:#fff;padding:10px 0 10px 20px;border-bottom:4px solid #e4e4e4;z-index:999;position:fixed;left:0;right:auto;top:0px;}
    #nav li{float:none;list-style:none;margin:0 }
    .head #nav li a{font-size:0.9em}
    .scrollmobile{top:0!important}

    #nav li a{display:block;padding:5px 0 5px 0;color:#999999;text-transform:uppercase;text-decoration:none;font-family: 'Oswald', sans-serif;font-size:1em}
    #nav .current{margin:0 0 0 30px;}
    #nav .current a{color:#333}
    
    .twoplus .span4{padding-top:10px}
    .twoplus .green{margin:0;padding:0;float:right;font-size:7em;line-height:200px}
    
    .work .span6 .space h2{font-size:1.2em}
    .work .span6 .space{padding:5px}
    
    .flex-caption h2{font-size:1.2em;line-height:30px}
    .flex-caption{color:#fff;padding:10px}
    
    #form .span8 .space{padding:15px 0 15px 15px}
    #form .span4 .space{padding:0 0 0 15px}
    #form .input input,
    #form .input textarea{width:80%;}
    #form .submit-input{width:80%}
    
    .img-foot{height:250px}
    .img-foot-slides li img{max-width:100%;width:100%}
    #footer .container{padding:0}
    #footer ul{margin:20px}
}

@media (min-width:581px) and (max-width:767px) {
    body{background:#fff;font-size: 1.2em;line-height: 1.2;}
    #master {padding-top:200px;max-width:767px;}
    .container{padding:20px}

    #logo img{width:170px;position:absolute;top:5px;left:50%;margin-left:-85px;}
    
    .head{width:100%;height:170px;background:none;margin:0 0 10px 0;position:absolute;top:0;left:0;border-bottom:0}
    .head .container{background:#fff;height:150px;position:relative;}
    
    .section{clear:both;padding-top:50px;}

    #nav {width:100%;z-index:999;height:30px;background:#fff;padding:10px 0 10px 0;border-bottom:4px solid #e4e4e4;z-index:999;position:fixed;left:0;right:auto;top:190px;}
    #nav li{list-style:none;margin:0 0 0 30px}
    .head #nav li a{font-size:0.9em}
    .scrollmobile{top:0!important}

    #nav li a{display:block;padding:5px 0 5px 0;color:#999999;text-transform:uppercase;text-decoration:none;font-family: 'Oswald', sans-serif;font-size:1em}
    #nav .current{margin:0 0 0 30px;}
    #nav .current a{color:#333}
    
    .twoplus .span4{padding-top:10px}
    .twoplus .green{margin:0;padding:0;float:right;font-size:9em;line-height:250px}
    
    #form .span8 .space{padding:15px 0 15px 15px}
    #form .span4 .space{padding:0 0 0 15px}
    #form .input input,
    #form .input textarea{width:80%;}
    #form .submit-input{width:80%}
    
    .img-foot{height:500px}
    .img-foot-slides li img{max-width:100%;width:100%}
    #footer .container{padding:0}
    #footer ul{margin:20px}
    
}

@media (min-width:768px) and (max-width:979px) {
    body{background:#fff;font-size: 1.4em;line-height: 1.4;}
    .container,#master {max-width:900px;}
    #logo img{width:200px}
    
    #nav li{list-style:none;float:left;margin:0 0 0 20px}
    
    
    .twoplus .span4{padding-top:180px}
    .twoplus .green{margin:0;padding:0;float:right;font-size:12em;line-height:250px}
    
    .work .span6 .space{padding:15px}
    #form .span8 .space{padding:25px 0 40px 45px}
    #form .span4 .space{padding:45px 0 0 0}

    #form .input input,
    #form .input textarea{width:350px;}
    #form .submit-input{width:352px}
    
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}