/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}

/* hover_me.png verschwinden lassen */
.logo-container.hasInfoCard:before { display:none; }

/* say_hi.png im Footer verschwinden lassen */
body #footer .contact-details {
    background: none;
}

/* Galeriebild bei Zertifikat */
.gallery_zerti {
 	background-repeat: no-repeat; 
 	background-position: top center; background-size:cover; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0;
 	height: 555px;
} 

/* Referenzen Slider - Text Hintergrund */
.ws-alternative-title .ws-title {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

/* Magnific Popup css für knowhow-seite */
	/* padding-bottom and top for image */
	.mfp-no-margins img.mfp-img {
		padding: 0;
	}
	/* position of shadow behind the image */
	.mfp-no-margins .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	/* padding for main container */
	.mfp-no-margins .mfp-container {
		padding: 0;
	}

body .kl-ioscaption--style4 .more:hover:before { background: rgba(205,33,34,0.7);}

 .download-icon {
 	box-shadow: 0 2px 2px 0 rgba(0,0,0,.16), 0 0 2px 0 rgba(0,0,0,.12);
 }


/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}