/*   
Theme Name: Botscharow Immobilien
Theme URI: www.botscharow-immobilien.de
Description: www.botscharow-immobilien.de
Author: Markus Krüger
Version:1.0

*/


/*###############################
BASIC TAGS         
###############################*/

 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
 #informationen p, #risikenvoraussetzungen p {
	 text-align: justify;
 }
 
 span.wpcf7-not-valid-tip {
	 text-align: left;
 }
 
 a {
	 cursor: pointer !important;
 }
 
 .wpcf7-form p {
	 margin-bottom: 0px;
 }
 
 .wpcf7 {
	width: 100%;
}
 
 #fancybox-close {
	 text-decoration: none !important;
	 border: 0px !important;
 }

#header img {
    height: inherit;
    padding: 0.6% 0;
    width: auto;
}

#fb h2, .page h2 {
	text-align: center;
	color: #fff !important;
}

#header #nav span {

    color: #fff;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s; 

}

#header.alt #nav span {

    color: #3fa535;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s; 

}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: 0.5;
    display: inline-block;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s; 
 }
.grayscale:hover {
    filter: none;
    -webkit-filter: none;
    opacity:1;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s; 
}

	@media screen and (max-width: 736px) {
		
	#header img {
    height: auto;
    padding: 8px 0;
    width: 400px;
}


#wir br {
	display: block;
}
		
	}

/*###############################
CLEARFIX
###############################*/

.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%;}