/*
Theme Name: Krauß Klima
Theme URI: http://friebelwv.de/
Author: FRIEBEL Werbeagentur und Verlag GmbH
Author URI: http://www.friebelwv.de/
Description: Base design FWV
Version: 1.0

*/

/* prefix:
    box-shadow
    border-radius
*/


* {
    border:0px none;
    margin:0;
    padding:0;
}

header , footer , nav , article , section , aside {
    display:block;	/* IE < 9 */
}


/* WEBFONT */

/* TEMP! */
#search ,
#archives ,
#meta ,
.site-info ,
.entry-meta ,
.post-navigation 
{
    display:none;
}

@media all {
 
    html , body {
    	width:100%;
    	height:100%;
    }
    html {
    }
    
    body {
        font-family:'Lato',Arial,sans-serif;
        font-size:100.01%;
        color:#101010;
        overflow:visible;
        overflow-y:visible;
        overflow-x:hidden;
    }
    body > * {
        line-height:1.5;
    }
    
    img {
        display:block;
    }
    
    .site {
        width:100%;
        height:100%;
        overflow:visible;
    }
    .site-wrapper {
        width:100%;
        height:auto;
        overflow:auto;
    }
    
    .site-header {
        position:relative;
        z-index:1;
        width:100%;
        border-bottom:2px solid #fff;
        box-shadow:rgba(0,0,0,0.35) 5px 8px 15px;
        height:auto;
    }
    
    .menu-main-wrapper {
        position:relative;
        z-index:0;
        width:100%;
        height:auto;
        margin:1em 0 0 0;
        background-color:#67b42a;
    }
    .main-navigation {
        position:relative;
        z-index:0;
        width:960px;
        height:auto;
        margin:0 auto;
    }
    
    .top-navigation {
        position:relative;
        z-index:0;
        width:960px;
        height:auto;
        top:0;
        margin:0 auto 2em auto;
        padding:2em 0 0 0;
        text-align:right;
    }
    
    .menu-main-navigation-container , .menu-top-navigation-container {
        position:relative;
        z-index:1;
        width:680px;
        height:auto;
        margin:0 0 0 280px;
    }
    
    .site-content {
        position:relative;
        z-index:0;
        width:960px;
        height:auto;
        margin:1em auto 2em auto;
    }
    
    .content-area {
        position:relative;
        z-index:0;
        display:block;
        width:780px;
        margin:0 0 3em 180px;
    }
    .site-main {
        position:relative;
        z-index:0;
        display:block;
        width:680px;
        margin:0 0 0 100px;
    }
    
    .site-footer {
        position:relative;
        bottom:0;
        z-index:1;
        display:block;
        width:960px;
        margin:1em auto 0 auto;
        padding:0 0 2em 0;
    }
    .site-footer-inner {
        position:relative;
        z-index:1;
        display:block;
        width:680px;
        margin:0 0 0 280px;
        padding:1em 0 0 0;
        border-top:2px solid #dadada;
    }
    

    .logo-krauss {
        position:fixed;
        _position:absolute;
        top:0;
        right:50%;
        z-index:19;
        width:240px;
        margin:3.5em 260px 0 0;
        height:auto;
    }

    .overlay {
        position:fixed;
        _position:absolute;
        z-index:3;
        width:50%;
        right:50%;
        top:0;
        height:100%;
        margin:0 200px 0 0;
    }
    .overlay-slanted {
        position:absolute;
        z-index:2;
        top:0;
        right:0;
        bottom:0;
        width:260px;
        height:900px;
    }
    .overlay-cover {
        position:absolute;
        z-index:;
        top:0;
        left:0;
        right:260px;
        bottom:0;
        width:auto;
        height:100%;
        background-color:#fff;
    }
    
    .krauss-attention-flower {
        position:absolute;
        z-index:9;
        bottom:0;
        right:20px;
        width:150px;
        _width:200px;
        height:105px;
        _height:240px;
        margin:0;
        padding:105px 20px 30px 30px;
        background:transparent url('images/krauss-attention-flower-fallback.png') top center no-repeat;
        text-align:center;
        color:#0a4f72;
    }
    
    #smart-navigation {
        display:none;
    }


    .site-presentation {
        position:relative;
        z-index:3;
        margin:-32px 0 0 0;
        width:100%;
        overflow:hidden;
    }
    .site-presentation img {
        display:block;
        width:100%;
    }
    .site-presentation-caption {
        display:none;
    }
    .site-presentation-substitute {
        margin:0;
        height:0;
    }

    
    /* clearing */
    .clearfix:after {
	    content:'.';
	    display:block;
	    clear:both;
	    visibility:hidden;
	    line-height:0;
	    height:0;
    }
     
    .clearfix {
	    display:inline-block;
    }
     
    html[xmlns] .clearfix {
	    display:block;
    }
     
    * html .clearfix {
	    height:1%;
    }


    
  
/* TYPO */


    h1 {
        margin:1.5em 0 0.75em 0;
        line-height:1.25;
        font-size:2em;
        color:#0a4b6e;
        font-weight:300;
        _font-weight:normal;
    }
    h2 {
        color:#101010;
        margin:1em 0 0.75em 0;
        line-height:1.25;
        font-size:1.5em;
        color:#0a4b6e;
        font-weight:300;
        _font-weight:normal;
    }
    h3 {
        font-weight:700;
        _font-weight:bold;
        font-size:0.85em;
        color:#0a4b6e;
        margin:1.5em 0 0.75em 0;
        line-height:1.35;
    }
    h3:before {
        content:'➔ ';
    }

    h4 {
        font-weight:700;
        _font-weight:bold;
        font-size:0.8125em;
        color:#303030;
        margin:-0.5em 0 0.75em 0;
        line-height:1.5;
    }
   
    h5 , h6 {
        float:none;
        margin:1em 0;
        font-size:1em;
        color:#fff;
        font-weight:bold;
        font-weight:700;
        background-color:#0a4b6e;
        padding:0.25em 1em;
        display:inline-block;
        border-radius:0.25em;
        width:auto;
        max-width:70%;
    }
    h5 a , h6 a {
        text-decoration:none;
    }
   
   
    p , ul , ol {
        margin:0 0 0.75em 0;
    }
    
    p , blockquote {
        font-size:0.8125em;
        font-weight:normal;
    }
    
    .content-area p , .content-area h4 {
        text-align:justify;
    }
    
    hr {
        position:relative;
        clear:both;
        margin:1.5em 0 1em 0;
        width:100%;
        border-top:1px dotted #dadada;
    }
    
    ul li {
        list-style-type:square;
        list-style-position:outside;
        margin:0 0 0 1em;
        font-size:0.8125em;
    }
    ol li {
        list-style-type:decimal;
        list-style-position:outside;
        margin:0 0 0 1em;
        font-size:0.8125em;
    }

    li li {
    }
    
    .site-content .list-wrapper li {
        color:#0a4b6e;
    }
    .site-content .list-wrapper li span {
        color:#101010;
    }
    
    a {
        color:inherit !important;
        _color:#101010;
    }

    
    .site-footer p {
        color:#626161;
        margin:0;
    }

    .footer-dots {
        display:inline;
    }
    .footer-break {
        display:none;
    }
    
    em {
        font-
    }
    strong {
        font-weight:700;
        _font-weight:bold;
    }
    
    
/* MENU */

    .top-navigation ul {
        margin:0;    
    }
    .top-navigation li {
        position:relative;
        float:none;
        display:inline-block;
        _float:left;
        _display:block;
        color:#626161;
        margin:0 0 0 2em;
        font-size:0.8125em;
        font-weight:300;
        _font-weight:normal;
    }
    .top-navigation li a {
        color:inherit;
        _color:#626161;
        text-decoration:none;
    }
    .top-navigation li.current-menu-item {
        font-weight:bold;
        color:#101010;
    }
    
    .main-navigation ul {
        margin:0 -20px;
    }
    .main-navigation li {
        position:relative;
        float:none;
        display:inline-block;
        _float:left;
        _display:block;
        color:#fff;
        margin:0;
        padding:0.35em 20px 0.5em 20px;
        font-size:1.0625em;
        line-height:1.25;
        font-weight:300;
        _font-weight:normal;
        border-right:2px solid #fff;
        border-bottom-right-radius:0.5em;
        /*box-shadow:rgba(0,0,0,0.1) 10px 0px 10px;*/
        background-color:#67b42a;
    }
    .main-navigation li a {
        color:inherit;
        _color:#fff;
        text-decoration:none;
    }
    .main-navigation li.current-menu-item {
        color:#101010;
        background:transparent url('images/bg-menu-item.png') bottom right no-repeat;
        background-size:cover;
        font-weight:400;
        _font-weight:bold;
    }

    /* after (JS) z-index processing */
    
    #main-navigation.processed ul {
        margin:0 -20px 0 -80px;        
    }
    #main-navigation.processed li {
        margin:0 -60px 0 0;
        padding:0.65em 20px 0.5em 80px;
    }
    #main-navigation.processed li.current-menu-item {
        background-color:#fff;
        background-color:rgba(255,255,255,0.35);
    }
    

/* SMART NAVIGATION */

    .smart-navigation {
        position:absolute;
        top:2em;
        left:5%;
        z-index:9;
        float:left;
        display:block;
        margin:0.5em 0 1em 0;
        width:90%;
        height:auto;
        text-align:left;
        overflow:visible;
    }

    .smart-navigation #head-smart {
        padding-top:1em;
        padding-bottom:1em;
        width:45%;
        font-size:0.875em;
        font-weight:bold;
        color:#fff;
        background-color:rgba(165,165,165,1);
        text-align:center;
        border-radius:0.25em;
    }
    .smart-navigation * {
        text-decoration:none;
    }

    .smart-navigation-fallback:hover .menu-smart-fallback {
        display:block !important;
    }

    #smart-navigation .menu-smart , #smart-navigation .menu-smart-fallback {
        position:relative;
        z-index:0;
        top:-0.25em;
        width:90%;
        margin:0;
        padding:3em 5% 1em 5%;
        background-color:#fff;
        background-color:rgba(255,255,255,0.98);
        border-bottom:2px solid #000;
        display:none;
        overflow:visible;
        box-shadow:rgba(0,0,0,0.75) 0px 10px 10px;
        }

    #smart-navigation .menu-smart li {
        position:static;
        font-size:0.875em;
        font-weight:normal;
        margin:0;
        padding:0.25em 1em 0.25em 0;
        list-style-type:none;
        text-decoration:none;
        background:transparent none;
        color:#707070;
    }
    #smart-navigation .menu-smart .children {
        display:none;
    }    
    #smart-navigation .menu-smart li.current_page_item > a , #smart-navigation .menu-smart li.current_page_ancestor > a {
        font-weight:bold;
    }
    #smart-navigation .menu-smart li.current_page_item {
        color:#0a4b6e;
    }
    


/* MEDIA */


    
    .wp-caption , .content-area img {
        position:relative;
        margin:0 0 1em 0;
        width:100% !important;
        height:auto;
        color:#909090;
    }
    
    .wp-caption img {
        width:100% !important;
        height:auto;
        margin:0 0 0.5em 0;
    }
	
	.wp-caption.alignleft , .content-area img.alignleft {
		float:left;
		width:45% !important;
		margin-right:5%;
	}
	.wp-caption.alignright , .content-area img.alignright {
		float:right;
		width:45% !important;
		margin-left:5%;
	}
	.wp-caption.aligncenter , .content-area img.aligncenter {
		float:none;
		width:65% !important;
		margin:auto;
	}
    .wp-caption p {
        text-align:left;
    }

 
    
/* SPECIAL */

    .skip-link {
        position:absolute;
        top:-1000px;
    }
    .screen-reader-text {
        display:none;
    }
    
    .fwv-matrix a {
        text-decoration:none;
    }
    .fwv-matrix.home-blocks .fwv-matrix-col {
        text-align:center;
    }
    .fwv-matrix img , .fwv-matrix .wp-caption {
        margin-top:0;
    }
    
    .fwv-matrix.services h3 {
        margin:0 0 0.75em 0;
        color:#0a4b6e;
    }
    .fwv-matrix.home-blocks h3:before {
        content:'';
    }
    
    h2 + .fwv-matrix {
        margin-top:0;
    }
    
    .krauss-attention-flower * {
        margin:0;
        line-height:1.25;
    }
    .krauss-attention-flower a {
        color:inherit;
        _color:#0a4f72;
    }
    .krauss-attention-flower img {
        width:100% !important;
        height:auto;
        margin:0 0 0.5em 0;
    }    

    .krauss-attention-flower p {
        font-size:0.75em;
    }
    
    
    .lcp_catlist {
        margin:1em 0;
        font-size:0.8125em;
    }
    .lcp_catlist * {
        font-size:1em;
    }
    .lcp_catlist h3:before {
        content:'';
    }
    
	
/* GMAPS */
	.fwv-googlemaps-embedded {
		position:relative;
		margin:1em 0;
		width:100%;
		height:auto;
		min-height:240px;
		max-height:480px;
	}
		

/* FORMS */

/*
    form {
	margin:2em 0;
    }
    
    form span.star {
		color:#ca201f;
		font-size:1em;
    }

    input , input[type=submit] , textarea , select {
		font-family:inherit;
		border:1px solid #c0c0c0;
		padding:0.25em 1.5% !important;
		margin:0 0.5em 1em 0 !important;
		vertical-align:top;
		width:96.5%;
		_width:99%;
		height:1.5em !important;
		font-size:1em;
    }
    
    input[type=checkbox] {
		width:auto !important;
		min-width:0 !important;
		margin-top:0.5em !important;
    }
    
    select {
		height:auto;
		min-height:2em;
    }
	textarea {
		height:auto;
		min-height:8em;
    }
    input.tiny {
		width:6em;
    }
    input.large {
		width:100%;
    }
    
    input[type=submit] {
		margin:0;
		padding:0.5em 5% !important;
		height:auto !important;
		min-height:2.5em !important;
		font-weight:bold;
		border:0px none;
		width:90%;
		_width:100%;
		background-color:#005da8;
		color:#fff;
    }
    input[type=submit]:hover {
    }
    
    input:focus , textarea:focus {
    }

    span.wpcf7-not-valid-tip {
		position:static;
		clear:both;
		z-index:0;
		border:0px none;
		color:#ca201f;
		font-size:inherit;
		width:auto;
		margin:-0.5em 0 0.5em 0;
		padding:0;
		display:block;
    }
    
    div.wpcf7-response-output {
		position:relative;
		z-index:9;
		top:0;
		left:0;
		width:auto;
		margin:2em auto;
		padding:0.25em 1em;
		background-color:#fff;
		background-color:rgba(255,255,255,0.95);
    }
    
    label {
		padding-top:0.5em;
		font-size:0.875em;
		vertical-align:middle;
    }
    
    .wpcf7-response-output {
		font-size:0.85em;
    }
    
    div.wpcf7 img.ajax-loader {
		position:relative;
		float:right;
		margin:0 0 0 2em;
		width:16px !important;
		height:16px !important;
    }

    span.wpcf7-form-control-wrap {
		width:100% !important;
    }    

*/

}


/* RETINA */

@media (-webkit-min-device-pixel-ratio: 2) ,
(min-resolution: 192dpi) { 
    body {
        font-size:110.01%;
    }
}


/* TABLET / SMALL SCREENS */

@media screen and (max-device-width: 980px) ,
screen and (max-width: 1000px) ,
print {


    html , body {
		height:auto;
    }
   
    body {
        background:#fff;
        font-size:110.01%;
    }
    
    .site {
        min-width:0;
        max-width:100%;
        width:100%;
        height:auto;
    }
    .site-wrapper {
        overflow:visible;
    }


    .site-content {
        width:100%;
        margin:0 auto 3em auto;
    }
    .content-area {
        width:100%;
        margin:0;
    }
    .site-main {
        width:65%;
        margin:0 5% 3em 30%;
    }
    
    .site-presentation {
        width:80%;
        margin-right:0;
        margin-left:20%;
    }
    
    .footer-placeholder {
        display:none;
    }
    
    .overlay {
        margin:0;
        width:30%;
        left:0;
    }
    .overlay-cover , .krauss-attention-flower {
        display:none;
    }
    .overlay-slanted {
        width:100%;
        height:auto;
    }
    
    .logo-krauss {
        right:auto;
        left:2.5%;
        top:0;
        margin:5% 0 0 0;
        width:20%;
    }
    
    .site-footer {
        position:relative;
        bottom:auto;
        width:100%;
    }
    .site-footer-inner {
        width:65%;
        margin:2em 5% 0 30%;
    }
    
    .top-navigation {
        left:auto;
        right:0;
        width:60%;
        padding:0;
        margin:0 5% 1em auto;
        padding:2em 0 0 0;
    }
    .menu-top-navigation-container {
        width:100%;
        margin:0;
    }

    .menu-main-wrapper {
        clear:both;
    }
    .main-navigation {
        margin:0;
        width:70%;
        left:30%;
    }
    .menu-main-navigation-container {
        width:100%;
        margin:0;
    }
    .main-navigation ul , #main-navigation.processed ul {
        margin:0 0 0 -1em;
    }
    .main-navigation li , #main-navigation.processed li {
        margin:0;
        padding:0.5em 1em;
        background:transparent;
        background-image:none;
        border:0px none;
        border-radius:0;
        font-size:1em;
    }
    .main-navigation li.current-menu-item , #main-navigation.processed li.current-menu-item {
        background:#fff;
        background-image:none;
    }
    

	.wp-caption.alignleft , .site-content img.alignleft {
		width:40% !important;
	}
	.wp-caption.alignright , .site-content img.alignright {
		width:40% !important;
	}
	.wp-caption.aligncenter , .site-content img.aligncenter {
		width:65% !important;
	}
    .wp-caption img {
        width:100% !important;
    }

}




/* TABLET ONLY (LANDSCAPE) / HUGE SCREENS */


@media screen and (max-device-width:980px) {
    body {

    }
} 
@media screen and (min-width:1280px ) {
    body .site-content {
    }

}


    
/* TABLET ONLY (PORTRAIT) */
/* SMALLER TBALETS / PHONES */

@media screen and (max-device-width:980px) and (orientation:portrait) , screen and (max-device-width:840px) {

    body {
        font-size:110%;
    }    
   
}



@media screen and (max-device-width:980px) and (orientation:portrait) , screen and (max-device-width:720px) , screen and (max-width:720px) {  

    #smart-navigation {
        display:block;
    }

    .logo-krauss {
        position:relative;
        right:0;
        left:auto;
        top:0;
        width:30%;
        margin:2em 10% 1em 0;
        float:right;
    }
    .site-header {
        display:none;
    }
    .overlay {
        display:none;
    }
    
    .site-content {
        clear:both;
        margin:2em 0 3em 0;
    }
    .site-presentation {
        width:100%;
        margin-left:0;
    }
    .site-main {
        width:80%;
        margin:0 10%;
    }
    
    .site-footer {
        margin:2em 0 0 0;
        border-top:2px solid #dadada;        
    }
    .site-footer-inner {
        width:80%;
        border:0px none;
        margin:0.5em 10% 0 10%;
    }
    
    .footer-dots {
        display:none;
    }
    .footer-break {
        display:block;
    }
    .site-footer p {
        margin-bottom:0.5em;
    }
    
    h1 , h2 {
        -webkit-hyphens:auto !important;
        -moz-hyphens: auto !important;
        -o-hyphens: auto !important;
        -ms-hyphens:auto !important;
        hyphens:auto !important;
    }
    h1 br , h2 br , h4 br {
        display:none;
    }

 
}


/* SMALLEST SCREENS */

@media screen and (max-device-width:540px) , screen and (max-width:540px) {

    .site-main .wp-caption , .site-main img ,
    .site-main .wp-caption.alignleft , .site-main img.alignleft ,
    .site-main .wp-caption.alignright , .site-main img.alignright ,
    .site-main .wp-caption.aligncenter , .site-main img.aligncenter {
		width:240px !important;
    }

    .fwv-posts img , .fwv-matrix img {
        width:100% !important;
    }

    h1 {
        font-size:1.5em;
        margin:1em 0 0.5em 0;
    }
    h2 {
        font-size:1em;
        margin:1em 0 0.5em 0;
    }

}


@media screen and (max-device-width:540px) and (orientation:portrait) , screen and (max-width:480px) {

    body {
        -webkit-hyphens:auto !important;
        -moz-hyphens: auto !important;
        -o-hyphens: auto !important;
        -ms-hyphens:auto !important;
        hyphens:auto !important;
    }
    
    table, thead, tbody, tfoot, th, td, tr {
        padding-top:0.5em;
        padding-right:0;
        display:block;
    }
    tr + tr {
        margin-top:0.5em;
    }
	
    .logo-krauss {
        width:40%;
    }
    
    .site-content .wp-caption , .site-content img ,
    .site-content .wp-caption.alignleft , .site-content img.alignleft ,
    .site-content .wp-caption.alignright , .site-content img.alignright ,
    .site-content .wp-caption.aligncenter , .site-content img.aligncenter {
        width:100% !important;
        max-width:360px !important;
    }
	
    .fwv-matrix .fwv-matrix-col ,
    .fwv-matrix.cols-2 .fwv-matrix-col ,
    .fwv-matrix.cols-3 .fwv-matrix-col ,
    .fwv-matrix.cols-4 .fwv-matrix-col ,
    .fwv-matrix.cols-5 .fwv-matrix-col ,
    .fwv-matrix.cols-6 .fwv-matrix-col ,
    .fwv-matrix.cols-7 .fwv-matrix-col ,
    .fwv-matrix.cols-8 .fwv-matrix-col ,
    .fwv-matrix.cols-9 .fwv-matrix-col ,
    .fwv-matrix.cols-10 .fwv-matrix-col ,
    .fwv-matrix.cols-11 .fwv-matrix-col ,
    .fwv-matrix.cols-12 .fwv-matrix-col
    {
        width:100% !important;
        clear:both !important;
        float:none !important;
        margin:0 0 1em 0 !important; 
        padding:0 !important;
        display:block !important;
    }
 
    
    h1 {
        font-size:1.35em;
    }

    .smart-navigation {
        top:1em;
    }
    
    .site-content p , .site-content h4 {
        text-align:left;
    }
    
}

@media print {
    
    body {
        background-color:transparent;
        background-image:none;
        overflow:visible;
    }
}