/**
Theme Name: Child Theme Astra
Author: Steph Braun, websensitive
Author URI: https://www.websensitive.de
Description: Theme angelegt für Fr. Zinser, Die Narbenschmeichlerin
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: child-theme-astra
Template: astra
*/





/**
Stylesheet: Main Stylesheet

Dieses Stylesheet ist nach dem "mobile-first" aufgebaut. D.h. alle grundlegenden Formatierungen sind 
so aufgebaut, dass sie auf dem kleinsten Screen (z.B. mobile phone) funktionieren. 
Darauf aufbauend gelten die media queries, die für größere Bildschirme  ausgelegt sind.

Stylesheet Basis: Base Mobile Stylesheet
z.B. für 320x480 und 360x640

Design auf weitere Geräte wie folgt angepasst:

größere smart phones (z.B. galaxy): 	360px and Up until 479px 
zwischen smartphone und tablet: 		481px and Up 
Tablet & Small Desktop: 				min-width: 768px
Tablet & Small Desktop: 				min-width: 800px
Desktop Stylsheet: 						min-width: 1024px
Super Large Monitor Stylesheet: 		min-width: 1240px   
Super Super Large Monitor Stylesheet	min-width: 1500 px

// ---------------------------------
// Farben:
// ---------------------------------
/*********************
hellgrau / Hintergrund: 			#dadada	
petrol / Header und Footer			#008295
weiss / normaler Text:				#ffffff

/*********************
Schriftart 
normaler Text:		Khula
Überschrift/Logo:	
========================= */
  
 /*********************
INHALTSVERZEICHNIS
1. Grundlegendes
2. media queries
*********************/

/*********************
 * ADMIN styles
*********************/
#wp-admin-bar-edit a {
	display: none!important;
}



/*********************
1. GRUNDLEGENDES
Diese Dateien braucht es zu Beginn um ein stabiles Grundgerüst zu bilden. 

*********************/
/*Struktur*/
#page { 
	width: 100%;
	margin: 0 auto;
}

/*Footer*/
.ast-footer-overlay {
	padding:0.5em 0 1em 0em;
}

/*Ueberschriften*/
h2, h4, h6 {
	color: #008295!important;	
}

h3, h5 {
	color: #666666!important;
}

h2 {
	font-size: 2em!important;
	letter-spacing: 0.02em!important;
	font-weight: lighter!important;	
}

h3 {
	font-size: 1.4em!important;
	letter-spacing: 0.01em!important;
	font-weight: lighter!important;	
}

h4 {
	font-size: 1.4em!important;
	opacity:0.8!important;
	font-weight: lighter!important;	
}

h6 {
	font-size: 1.4em!important;
	font-family: "castlet", Arial;
}



.vita h2 {
		font-size: 1.9em!important;
	}



/*sonderfunktionen*/
.petrol {
	color: #008295;
}

.weiss {color:#fff;}

.adress {
	text-align:center!important;
	border: 1px solid #008295!important;
}

button {
	border-radius:0!important;
	margin: 1em!important;
}
button:hover {
	background-color: #fff;
	border: 1px solid #008295;
	color: #008295;
	font-weight:bold;
}




/*REferenzen Blockquotes*/
blockquote {
	border:none;    
	margin:0!important;
	font-size:1em;
	font-style:normal;
}



blockquote::before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    right: 93%;
    bottom: -0.5em;
    color: #008295;
	font-family: Georgia, serif;	
}

blockquote::after {
    display: block;
    content: "\201D";
    font-size: 80px;
    position: absolute;
    left: 92%;
    top: -0.5em;
	color: #008295;
	font-family: Georgia, serif;
}

p.referenz {
	padding-bottom: 2em;
	padding-left: 0.5em;
	
}

.zitat {
	margin-top: 0;
	color: #444;
	text-align:right;
	width:80%;
	float:right;
}



/*Tabellen*/
table {
	border:none!important;
}

/*Gesundheitsberaterin grid-tabelle*/
	.borderunten {
		border-bottom:1px solid #008295;
	}

/*Kontaktformular*/
input[type="email"],  input[type="text"], select, textarea {
	color: #000!important;
	font-weight: bolder!important;
}



/*********************
2. MEDIA QUERIES

*********************/

/*nur für Smartphone	320px and 480px */

@media screen and (min-width: 320px) and (max-width: 480px){
	h3 {
		font-weight:500!important;}
}



/*zwischen smartphone und tablet: 		481px and 765px */

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

	.logo-header {
		min-height: 250px;
	}
	
	.mobile-menu-spalte {
		margin-bottom: 20px;
	}
	
	button {
	margin: 0!important;
}
	
}


/* tablet: 		zwischen 765px und 1024px */
@media screen and (min-width: 768px) and (max-width: 1024px){ 
	
	/*Footer*/
	.ast-small-footer-wrap {
		margin: 0.5em 0 0.5em 1em!important;
	}
	.footer-sml-layout-2 .ast-small-footer-section-1 {
		text-align:left!important;
	}
	
	/*Navigation*/
	
	
	#mega-menu-wrap-primary #mega-menu-primary{
		padding:0!important;
		text-align:center!important;
	}
	
	#mega-menu-primary > li.mega-menu-item {
		margin: 0!important;		
	}
	
	#mega-menu-primary > li.mega-menu-item a {
		font-size: 12px!important;
	}
	
	/*Überschriften*/
	h2 {
		font-size: 3em!important;
		letter-spacing: 0.05em!important;
	}
	
	h3, h4 {
		font-size: 2em!important;
		letter-spacing: 0.05em!important;		
	}
	

	
	
}




/* Sonderform Tablet: 		zwischen 820px und 1024px */

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

	
	
	
}

/* kleinerer Desktop : 		zwischen 1024px und 1280px */

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

	
	/*Footer*/	
	.ast-small-footer-wrap {
		margin: 0.5em 0 0.5em 6em!important;
	}
	
	/*Navigation*/
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size:16px!important;
	}
	#mega-menu-wrap-primary #mega-menu-primary {
		text-align: right!important;
		margin-right: 2em!important;
	}
	
	/*Überschriften*/
	.rahmenbedingungen h3 {
		margin-left: 0.8em!important;
	}
}

/* für alles ab Tablet */
@media screen and (min-width: 768px) {
	
	/*Gesundheitsberaterin grid-tabelle*/
	
	.erstereihe {
		min-height:7em;
		
	}
	
	.zweitereihe {
		min-height:10em;
	}
	
	.drittereihe {
		min-height:4em;
	}
	
	.viertereihe {
		min-height:12em;
	}
	
	.fuenftereihe {
		
	}
	
		/*REferenzen Blockquotes*/
	blockquote {
		border-left: 3px solid #008295;
		padding-left: 4em;
	}
	
	blockquote::after {
    left: 100%;
    }
	
	p.referenz {
	padding-left: 2em;
}
	
}

/* groesserer Desktop: 		ab1280px */
@media screen and (min-width: 1280px) {
	/*Struktur*/
	#page { 
	width: 1280px;

}
	
	
/*Footer*/
.ast-footer-overlay {
	padding-left: 3em;
}
	
	
	/*Ueberschriften*/
	h2 {
		font-size: 4em!important;
		
	}
	
	h3, h4 {
		font-size: 2em!important;
		letter-spacing: 0.05em!important;		
	}
	
	.vita h2 {
		font-size: 3.2em!important;
	}
	
	.rahmenbedingungen h3 {
		margin-left: 0!important;
	}
	
	/*content*/
	.vita-text {
		margin-bottom:-1.5em!important;
	}
	
	
	/*Footer*/
	.ast-small-footer-wrap {
		margin: 0.5em 0 0.5em 3em!important;
	}
	
	
}