/*
 Theme Name:   2023 child
 Description:  Child Theme
 Author:       
 Template:     twentytwentythree
 Version:      1.0
 Text Domain:  2023-child2
*/

@viewport {
	width: device-width;	
	zoom: 1;	
	}


	:root {
		--base-font-size: 16px;
	}


	@font-face {
		font-family: 'ssp_r';
		src: url('fonts/SourceSansPro-Regular.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}
	
	
	
	@font-face {
		font-family: 'ssp_b';
		src: url('fonts/SourceSansPro-Bold.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}
	
	
	@font-face {
		font-family: 'ssp_l';
		src: url('fonts/SourceSansPro-Light.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}


	@font-face {
		font-family: 'os';
		src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}


	
	@font-face {
		font-family: 'libre';
		src: url('fonts/LibreBaskerville-Regular.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}


	@media (prefers-color-scheme: dark) {
		:root {
			--bg-color: #000000;
			--text-color: #ffffff;
		}
	}



	
	:root {
		
		--bg-color: #ffffff;
		--text-color:#242424;
		--base-font-size: 18px;
		

   }
	
	html {
		max-width: 100%;
		overflow-x: hidden;
		scroll-behavior: smooth;
	}


	

body {				
font-family: 'ssp_r';	
background: var(--bg-color);;
color:var(--text-color);
font-size: calc(var(--base-font-size) + 0em);
padding: 0 !important;
position: relative;

}


body::after {
	background:url('https://heilpraktiker-neugersdorf.net/wp-content/uploads/2025/06/wild-garlic-ge8fb1eb71_1920.webp');
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:'';
	background-size: cover;
	z-index:-1;
	opacity:0.3;
}


body > .wp-site-blocks {
	padding:0;
}




h1 {
  font-family: 'Libre';
  font-size: 2rem;
}

h2 {
  font-family: 'Libre';
  font-size: 1.6rem;
}

h3 {
  font-family: 'Libre';
  font-size: 1.4em;
}



header a {text-decoration: none; font-size:0.8em;}
.phone::before {content:'\f095'; font-family: 'Font Awesome 6 Free'; font-weight: 900;  -webkit-font-smoothing: antialiased; margin-right:1em;}
.mail::before {content:'\f0e0'; font-family: 'Font Awesome 6 Free'; font-weight: 900;  -webkit-font-smoothing: antialiased; margin-right:1em;}
.fax::before {content:'\f1ac'; font-family: 'Font Awesome 6 Free'; font-weight: 900;  -webkit-font-smoothing: antialiased; margin-right:1em;}




.leaflet-map {height:400px !important;}


.dark_green {
	background-color: rgba(40,60,69,0.95);
	color:white;
}
.dark_green a {color:white;}


.light_green {
	background-color: #dbf1c4;
}
.light_green a {color:black;}


ul li {line-height: 1.8em;}
.offers, .hooks {list-style: none;}
.offers li, .hooks li {position: relative; padding-left:1em;}
.offers li::before {	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06c";
	color: #006f25;
	position: absolute;
	left: -1em;}


	.hooks li::before {	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058";
	color: #006f25;
	position: absolute;
	left: -1em;}

footer {background-color: black;}
footer a {text-decoration: none; color:white;}



@media screen AND (max-width: 780px) {

}

@media screen AND (max-width: 630px) {
.usernav  {display: none !important;}
.row {display: block !important;}
.row > div {width:100% !important;}
}

@media screen AND (max-width: 600px) {
.wp-block-navigation__container a {font-size: 2em;}

}