/*   
Theme Name: SCHNEIDWERK by Angie Silva
Theme URI: https://www.schneidwerk-sylt.de
Description: https://www.schneidwerk-sylt.de
Author: Markus Krüger
Version:1.0

*/


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

 
 a {
	 cursor: pointer !important;
 }
 
 #fancybox-close {
	 text-decoration: none !important;
	 border: 0px !important;
 }

#header img {
    height: inherit;
    padding: 2% 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: #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; 

}

.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: 12px 0;
    width: 200px;
}




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