@charset "utf-8";

/*** ==================================================================
		       Index - Startseite
================================================================== ***/
h1.welcome {
	padding-bottom: 10px;
}
h1.welcome-print {
	display: none;
}
.point2{
	font-weight: 800;
}
.point3{
	font-weight: 600;
}
.content-intro p {
	padding-bottom: 0.1em;  
	width: 98%;
}

.content-intro p:last-child {
	  padding-bottom: 0.1em;
}
/*** ================================================
		CSS -  Folgeseiten - allgemein
================================================ ***/



.praxis-text-img, .schwerpunkt-text-img, .vita-text-img {
	display: flex;
	justify-content: space-between;
	flex-flow: row;
	/*** background-color: burlywood; ***/
}




.praxis h1, .schwerpunkte h1, .vita h1 {
	padding-bottom: 10px;
}
/*** ================================================
			CSS -  Folgeseite - Praxis
================================================ ***/   


.img-anmeldung, .img-schwerpunkte, .img-vita {
	padding-right: 14px;
	padding-left: 14px;
	/*** background-color: aqua; ***/
}
.img-anmeldung-media {
	display: none;
}
.img-anmeldung p, .img-schwerpunkte p, .img-vita p {
	font-size: 0.9rem;
	text-align: end;
	padding-top: 4px;
}

.img-anmeldung-screen img, .img-anmeldung-media img,
.img-schwerpunkte img, .img-vita img {
	border: 1px solid #3a5993;
}

.img-anmeldung-screen {
	margin-top: 70px;
}
.praxiszeiten  { /*** als Flex-Container ***/ 
    display: flex; 
    flex-flow: column;
    text-align: center; 
	width: 400px;
    background-color: white;
	border: 1px solid #3a5993;
    padding: 0.8rem 0.4rem 0.8rem 0.4rem;
    margin: 0.6rem auto; 
} 
.praxiszeiten h2 {
	padding-bottom: 6px;
}

.lageplan{
	display: flex;
	flex-flow: row;
	justify-content:space-between;
	justify-content: space-around;
	max-width: 690px;
	margin: 18px auto;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #eee;
}
.lageplan img {
    width: 100%;
    height: auto;
    border: 1px solid #000;
}





/*** ================================================
		CSS -  Folgeseiten - Schwerpunkte
================================================ ***/


  .schwerpunkte li {
	margin-left: 18px;
	padding-bottom: 6px
} 

.schwerpunkt-text-img ul {
	margin: 20px 0px 10px 50px;
}



/*** ==================================================================
		CSS -  Folgeseiten - Leistungen
================================================================== ***/
.text-leistungen h2 {
	font-size: 1.1rem;
	margin: 10px 0px 10px 0px;
}

.text-leistungen {
	font-size: 1.1rem;
	max-width: 550px;
	margin: 0px auto;
	/*** background-color: blanchedalmond; ***/
}

.text-leistungen  ul {
	margin: 20px 0px 10px 50px;
}



/*** ==================================================================
		CSS -  Folgeseiten - Vita
================================================================== ***/





.vita-text-img p.vita-z1, p.vita-z2 {
	max-width: 480px;
	margin: 40px 6px 0px 50px;
	font-size: 1.1rem;
	/*** background-color: bisque; ***/
	
}






/*** ==================================================================
=======================================================================
			    ENDE DISPLAY first
=======================================================================
================================================================== ***/






/*** ==================================================================
   	unter 880px - Inhalt übereinander anzeigen
================================================================== ***/
@media screen and (max-width: 880px){
	
.praxis-text-img, .schwerpunkt-text-img {
	display: block;
	margin-right: 0px;
	padding-right: 0px;
}
.img-anmeldung-media, .img-schwerpunkte {	
	padding: 14px 0px 14px 0px; 
	display: flex; 
    flex-flow: column;
    justify-content: center; 
    align-items: center;
	background-color: #eee;
}
.img-anmeldung-screen {
	display: none; /*** ***/
}
.lageplan img {
    margin: 0px 10px;
}
.schwerpunkt-text-img h2, .schwerpunkt-text-img ul {
	max-width: 530px;
	margin: 14px auto;
}	
.schwerpunkt-text-img li {
	margin: 0px  0px 0px 30px;
}
}	 /************ Ende der Media Query ************/ 


/*** ==================================================================
        unter 786px - Infoboxen untereinander -  
================================================================== ***/
  	  
  @media screen and (max-width:786px) {
	  
.text, .text_ende {
	margin: 6px 0px 6px 6px;
	/*** background-color: aqua; ***/
}
	  
.content-intro, .content-txt, .content-praxis, .content-schwerpunkte,
.content-leistungen, .content-vita, .content-impressum, .content-datenschutz {
	padding: 10px 6px 10px 6px;
	margin: 0px  2px 0px 4px;
}	  


	  
} /*** Ende der Media Query ***/ 







/*** ==================================================================
   	unter750px - Inhalt übereinander anzeigen
================================================================== ***/
@media screen and (max-width:750px){
	
.vita-text-img  {
	display: block;
	margin-right: 0px;
	padding-right: 0px;
}
.img-vita  {	
	padding: 14px 0px 14px 0px; 
	display: flex; 
    flex-flow: column;
    justify-content: center; 
    align-items: center;
	background-color: #eee;
}
.vita-text-img p.vita-z1, p.vita-z2 {
	margin: 14px auto;
	font-size: 1.1rem;
	
}
	
.text-leistungen  ul {
	font-size: 1.0rem;
	margin: 20px 0px 10px 25px;
}
	
}	 /************ Ende der Media Query ************/ 


/*** ================================================
        unter 660px -  - Headline wechseln - 
================================================ ***/ 
  @media screen and (max-width:660px) { 
	  

.headline h1 {
	font-size: 1.2rem;
	margin: 0px 4px 5px 0px;
	/*** background-color: aquamarine; ***/
	
}
.headline h2.display {
	display: none;
}
.logo {
	display: none;
}

.logo-mobile, .headline h2.mobile {
	display: block;
	font-size: 0.8rem;
	/*** background-color: aquamarine; ***/
}
.logo-mobile {
	margin: 8px 8px;
}

} /*** Ende der Media Query ***/ 

/*** ================================================
        unter 560px -  - Headline wechseln - 
================================================ ***/ 
  @media screen and (max-width:560px) { 
	  
.headline {
	padding: 10px 0px 0px 4%;	/*** eventuell für resposiv in em 	 ***/
}
.headline h1 {
	font-size: 0.97rem;
	letter-spacing: -0.04em;
	word-spacing: -0.04em;
	font-weight: bold;
	margin: 0px 4px 5px 0px;
	
}
.headline h2.display {
	display: none;
}
.logo {
	display: none;
}

.logo-mobile, .headline h2.mobile {
	display: block;
	font-size: 0.8rem;
}
.logo-mobile {
	margin: 8px 0px;
}

h1.welcome {
	
	font-size: 1.0rem;  
	/*** background-color: aquamarine; ***/	  
		  
}	  
	  

	  
	  
	  
	  
	  
	  
	  
	  
} /*** Ende der Media Query ***/