/**
Theme Name: WEBSPATZ Child
Author: WEBSPATZ WEBDESIGN GmbH
Author URI: https://webspatz.ch/
Description: WEBSPATZ Theme ist ein schnelles und vollständig anpassbares Theme, das für jede Art von Website geeignet ist. Es ist sehr leichtgewichtig (weniger als 50 KB im Frontend) und bietet eine unvergleichliche Geschwindigkeit. Das Webspatz Theme wurde mit Blick auf SEO entwickelt und verfügt über integrierten schema.org-Code, damit Suchmaschinen Ihre Website lieben werden.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webspatz-child
Template: astra
*/




/* ----------------- LAYOUT ----------------- */ 


/* ----------------- FONTS ----------------- */ 



/* ----------------- HEADER ----------------- */ 

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .12);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}


/* ----------------- NAVIGATION ----------------- */ 


/* ----------------- MOBILE NAVIGATION ----------------- */ 


/* ----------------- BODY ----------------- */ 


/* ----------------- SIDEBAR ----------------- */ 


/* ----------------- FOOTER ----------------- */ 

div.footerlink a {
	color: #fff !important;
	font-weight: 400 !important;
}

div.footerlink a:hover {
	border-bottom: 1px solid #fff !important;
	color: #fff !important;
}



/* ----------------- BLOG ----------------- */ 


/* ----------------- PORTFOLIO ----------------- */ 


/* ----------------- GALLERY ----------------- */ 


/* ----------------- CONTACT FORM ----------------- */ 


/* ----------------- TABLES ----------------- */ 


/* ----------------- OTHERS ----------------- */ 


/*------------------------------------*\
SPECIFIC SCREENSIZE
\*------------------------------------*/


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


}


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


}

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


}

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


}

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


}

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


}

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


}

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


}


/*------------------------------------*\
MOBILE
\*------------------------------------*/

/*Ipad Landscape*/

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



}

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



}



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

}


/*Ipad Air*/


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




}


/*Ipad Mini*/


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


}



/*Iphone 6/7 Plus Landscape*/



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



}



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



}


/*Iphone 6/7 Landscape*/


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



}

/*Galaxy S5*/

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


}




/*Iphone 5 Landscape*/


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



}

/*Iphone 4 Landscape*/

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



}

/*Nexus 6P*/

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



}




/*Iphone XR*/

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



}


/*Nexus 5X*/

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



}


/*Iphone 12 Pro*/

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



}


/*Iphone SE*/

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



}


/*Galaxy S5*/

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



}




/*Iphone 4/5 Portrait*/



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



}

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



}



/*
ZWISCHEN ZWEI GROESSEN:
*/


@media screen and (min-width: 769px) and (max-width: 2560px) {

 div.hide-on-desktop {
display: none !important;
 }

}

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

div.hide-on-mobile {
display: none !important;
 }

}