/*
 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: 'baby';
		src: url('fonts/OoohBaby-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: var(--base-font-size);
padding: 0 !important;
}


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


.usernav {
	padding:10px;
	background-color:#5C7C9D;
}

.usernav a {
	color:white;
	text-decoration: none;
}

.usernav .tel:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color: white;
	margin-right:1em;
}

.usernav .mail:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
	color:white;
	margin-right:1em;
}

header {position: fixed;
	width: 100%;
	position: fixed;
	top:0;
	z-index:999;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	overflow: visible;
	background-color: rgb(255, 255, 255, 1);
}

nav a {
	font-size: calc(var(--base-font-size) + 0.4em);
	color: #7A4625 !important;
	padding: 0 1em;
	position: relative;
}

nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #5C7C9D;
  transition: width 0.3s ease, left 0.3s ease;
}

nav a:hover::after {
  width: 100%;
  left: 0;}

  nav a:hover {text-decoration: none;}



  /* Cover */

.wp-block-cover {padding: 5em;}

.wp-block-cover__inner-container {
	background-color: rgb(255, 255, 255, 0.8);
	color: #1F1F1F !important;
	padding: 2em;
	margin-left: 3em;
	border-radius: 10px;
}

.cover h1{font-size: calc(var(--base-font-size) + 1.5em); color: #7A4625;}
.cover-sub {font-size: calc(var(--base-font-size) + 0.5em); margin-top: 0; color: #5C7C9D;}

.wp-block-button__link {
	background-color: #5C7C9D;
	color: white;
	border-radius: 10px;
}

.wp-block-button__link:hover {
	background-color: #7A4625;
	color: white;
	transition: all 0.8s ease;
}

/* Überschriften */

h2 {position: relative; font-size: calc(var(--base-font-size) + 1em); color: #5C7C9D;}
h3 {color: #5C7C9D; font-size: calc(var(--base-font-size) + 0.5em); color:#5C7C9D;}
.subheadline {font-size: calc(var(--base-font-size) + 0.2em);margin-top:0; color: #7A4625;}


.checklist li {
	list-style: none;
	position: relative;
	padding-left: 2em;
}

.checklist li::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
	color: #5C7C9D;
	position: absolute;
	left: 0.5em;
	
}


.prolist li {
	list-style: none;
	position: relative;
	padding-left: 2em;
}

.prolist li::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
	color: #5C7C9D;
	position: absolute;
	left: 0.5em;
	
}


.bg_grey {background-color:rgb(63, 111, 117, 0.1)}
.petrol {background-color: #356A72; color: white; font-family: 'ssp_r'; font-size: calc(var(--base-font-size) + 0.8em); font-family: 'baby'; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.tel:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color: #5C7C9D;
	margin-right:1em;
}

.mail:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
	color: #5C7C9D;
	margin-right:1em;
}


.whitebox {
	background-color: white;
	padding: 1em;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border-radius: 10px;
}




/* Footer */

footer {
	background-color: #2b4055;
	margin-top:0;
}

footer a{
	text-decoration: none;
	color: white;
	font-size: calc(var(--base-font-size) + 0.3em);
}




@media (max-width: 1100px) {

.wp-block-navigation__container {gap:0px;}
.wp-block-cover {padding:10px;}
nav a {
  font-size: calc(var(--base-font-size) + 0.1em);
  color: #1F1F1F !important;
}
.usernav {font-size: 14px;}
}




/* Mobile-Menü bereits ab 900px */
@media (max-width: 900px) {


footer > div {justify-content: center !important; }
footer > div a {font-size: 14px;}

  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container {
    display: block !important;
  }

  
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    display: block !important;
  }

  /* Optional: Desktop-Menü ausblenden */
  .wp-block-navigation__container {
    flex-direction: column;
  }


	#modal-1::after {
		background-image: url('https://physiotherapie-neugersdorf.net/wp-content/uploads/2026/06/Cover-Physiotherapie-Schnitter-Neugersdorf-2.png');
		background-size: cover;
		background-position: center;
		width:100%;
		height:100%;
		content:'';
		z-index:-1;
		position: absolute;
		left:0;
		top:0;
		opacity:1;
		filter:brightness(0.4)
		

	}

	#modal-1-content {width:100%;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: column;
	}


	.wp-block-navigation__responsive-container-close svg {fill: white;}


#modal-1-content ul {justify-content: center !important; align-items: center;}
	#modal-1-content li {text-align: center; align-items: center !important; justify-content: center;}
	#modal-1-content a {color:white !important; font-size: calc(var(--base-font-size) + 0.5em);}
#modal-1-content a::after {display: none;}
#modal-1-content > ul > li:last-child a {
  background-color: #5C7C9D;
  
  color: white !important;
  
  border-radius: 10px !important;
  margin-left: -0em;
  padding:10px;
}


	.wp-block-navigation__responsive-container-open {padding:1em; background-color:#5C7C9D; ; border-radius:10px;}

}





@media (max-width: 780px) {
	.cover h1 {
  font-size: calc(var(--base-font-size) + 0.5em);
		
	}

	.wp-block-buttons {justify-content: center;}

	h1, h3, h4, .cover-sub {
		text-align: center !important;
	}

	.legal h3, .legal h4 {text-align: left !important; font-size:1.5em;}


	.pic_r {
		flex-direction: column-reverse;
	}

}



@media (max-width: 500px) {
	.usernav {flex-direction: column; gap:0; align-items: end; display:none !important;}
}