#wrapper {
margin: 0 auto; /* Zentriert das Layout */
width: 100%; /* Definiert die maximale Gesamtbreite des Layouts */
}
#header{
/*background: #2d9b8c;
height: 50px; /* Nur zur Sichtbarkeit im Browser, 
solange kein Inhalt vorhanden ist */
float: left;
width: 100%;
/*margin-bottom: 50px;*/
}
#logo{
/*background: yellow;*/
height: auto;
float: left;
width: 50%;
}

#logoHG{
z-index:1; position: absolute; width:18%; height:18%; 
margin-top: 5em; margin-left: 2em; 
background-color: #fff; opacity: 0.8; 
border: 1px solid #fff; border-radius: 1em; padding: 1em;
}

#foto{
/*background: orange;*/
height: auto;
float: left;
width: 100%;
margin-bottom:25%;
}

#navigation{
/*background: #2d9b8c;*/
float: left;
width: 100%;
}
#content, #content-1spalt{
height: auto;
float: left;
width: 100%;
	margin-top: 30px;
margin-bottom: 20px;
}
#sidebar, #sidebar-ueber{
background: #f2fcfb;
	border:0.15em #2d9b8c dotted;
height: auto; /* Nur zur Sichtbarkeit im Browser, 
solange kein Inhalt vorhanden ist */
float: right;
width: 100%;
	margin-top: 30px;
margin-bottom: 20px;
	margin-bottom: 20px;
}

#sidebar-ueber2{
background: #ffffff;
	height: auto; /* Nur zur Sichtbarkeit im Browser, 
solange kein Inhalt vorhanden ist */
float: right;
width: 100%;
	margin-top: 30px;
margin-bottom: 20px;
	margin-bottom: 20px;
}

#box {display:block; float: left;
padding: 0 0 0 3%;
	width: 30%;
height: 20em;
/*	background-color: #ffffff;*/
border-right: 1px solid bisque;
border-bottom: 1px solid bisque;}
	
#box-fotos {display:block; float: left;
	width: 100%;
	background-color: #fff7ed;
text-align: center;}

#goTop{
height: auto;
float: right;
width: 100%;
}

#footer{
background: #2d9b8c;
height: auto;
float: left;
width: 100%;
}

/*Navigation*/
nav{
    /*float: unset;
	text-align: center;*/
    margin: 0px 0 0;
	
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

nav ul {padding-left: 0px;}

nav ul li {
     display: block;
  list-style: none;
  margin: 0 20px;
  margin-bottom: 0px;
  border: 1px solid #2d9b8c;
  padding: 2px;
  border-radius: 18px;
  width: 10%;
  display: block;
  margin-bottom: 1.5em;
}
     
}
nav ul li a {font-family: Arial, sans-serif;
 font-size:19px;
    font-size: 1.15em;
    line-height: 30px;
    padding: 5px 5px;
    text-decoration: none;
    color: #333;
}
nav ul li a:hover{
    color:#fc9b5f;
}

/*toggel*/
nav > input, nav > label {
display: none; /* Label und Checkbox ausblenden*/
}
nav > label {
width: 100%;
}

/*formatierung*/

html { font-size: 100%; }
h1 {font-family: Arial, sans-serif;
font-weight: lighter;
color:#fc9b5f;
font-size: 25px;
font-size: 1.55rem;
line-height: 1.3;
margin: 0 0 1.3em 0;
}
#sidebar h2, #sidebar-ueber h2, #sidebar-ueber2 h2 {font-family: Arial, sans-serif;
font-weight: lighter;
	color:#333;
font-size: 19px;
font-size: 1.15rem;
line-height: 1.3;
	text-align: left;
}
#content h2, #content-1spalt h2, #sidebar-ueber2 h2.ergo, h2 {font-family: Arial, sans-serif;
font-weight: lighter;
	color:#fc9b5f;
font-size: 21px;
font-size: 1.3rem;
line-height: 1.3;
	text-align: left;
margin-top: 2rem;
/*margin-bottom: 2rem;*/
}

h3 {font-family: Arial, sans-serif;
font-weight: normal;
	color:#2d9b8c;
font-size: 17px;
font-size: 1.1rem;
line-height: 1.7;
}
p, p.footer, ul li {
font-family:Arial, sans-serif;
font-size: 17px;
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: .75rem;
}

p.linklist {margin:2% 32% 0 32%;}

span.p {
font-family:Arial, sans-serif;
font-size: 17px;
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: .75rem;
font-style: normal;
color: #333;
}

span.termin {color:#ffffff; background-color:#2d9b8c; padding:5px 150px 5px 5px;}

h1, h2, h3, h4, h5, p {padding: 0 1.5%;}

p.footer {float: unset;
	text-align: center;
color: #ffffff}

p.fussnote {font-style: italic; font-size: 0.9rem; margin-top: 2rem;}

hr {border: 1px solid bisque;}

a {color:#2d9b8c;}
#footer a {color:#333;}
a:hover, #footer a:hover{color:#fc9b5f;}

#content ul li, #content-1spalt ul li {font-size: 1.1rem;
	/*line-height: 3.2;*/

line-height: 1.8;
  width: 80%;
  text-align: center;	
	}

body {
	
	margin: 0;
  font: normal 1em Arial, sans-serif;
  /* Keine Mindestschriftgröße! Dies wird dem Browser, bzw. dem Nutzer überlassen! */
  color: #333;
	
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}

img{
max-width:100%;
}

img.logo{
z-index:2; position: absolute; width:18%; margin-top: 5em; margin-left: 2em; padding: 1em;
}

img.header {z-index:0; position: absolute; width: 100%; height: 45%; object-fit: cover; opacity: 0.7;}

img.praxis{
max-width:100%;
margin:1em 3em 3em 3em;
border: 1px solid transparent; border-radius: 15px;
box-shadow: 3px 5px 10px #696969;
}

/*img.team { width: auto; border-radius: 360px; border:0.15em #2d9b8c dotted; margin-bottom: 1em; }*/

/*Mediaquerries*/

@media (max-width: 412px) {

span.termin {padding:5px 80px 5px 5px !important;}

}

@media (max-width: 640px) {
	
#foto, #logo {width: 100%}

	#logo {text-align: center;}


#navigation {margin-top:0 !important;}
	
	#logoHG {display:none;}
	img.header {position:unset; height:25%;}
	img.logo {position:unset; width:65% !important; margin-top:0 !important; margin-left:0;}	
	img.praxis{margin:0 0 3em 0; border: 1px solid transparent; border-radius: 15px;}
#foto {margin-bottom:0;}

nav {
    text-align: center;
    float: none;
}
	
nav ul { padding: 0px;}
	
nav ul li {
     margin: 20px 10px;
display: block;
	border: solid 0.12em #ffffff;
border-radius: 15px 15px 15px 15px;
box-shadow: -2px -2px 3px #fcfcfc inset;
}
nav ul li a {line-height: 2.5em;
	margin: 15px 0;
    padding: 10px 20px;
}

nav > label, nav ul li ul {
display: block;
}
nav > ul {
height: 0;
opacity: 0;
clear: both;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;
}
nav > input:checked + ul {
opacity: 1;
height: auto;
}

#boxtausch {display: unset;} 
	
#box {float: left;
	width: 100%;
	height: auto;}
	
span.termin {padding:5px 120px 5px 5px;}

}


@media only screen and (min-width: 768px) {
/*	
#content{
width: 75%;
}
	
#sidebar{
height: 500px;
width: 20%;
}
	*/
	nav ul li a {line-height:60px;}
	
}

@media only screen and (max-width: 768px) {
	
/*nav	
{float: left;
	text-align: unset;}*/
	
}

@media screen and (max-width: 810px) {
 
#box {float: left;
	width: 100%;
height: auto; }
}

@media screen and (max-width: 810px) and (orientation: landscape) {
 

}


@media only screen and (max-width: 960px) {
	
	#sidebar, #sidebar-ueber, #sidebar-ueber2 {width: 94%; margin-left:3%; margin-right:3%; margin-bottom: 30px;}
	
	#navigation {margin-top:3em;}
	#content ul li {width: 93%;}
	#logoHG {width:30%; height:11%; margin-top:3em;}
	img.header {height:25%;}
	img.logo {width:30%; margin-top:3em;}
	
	p.linklist {
  margin: 5% 0 0 0;
  line-height: 4.5em;}
  
}

@media screen and (max-width: 960px) and (orientation: landscape) {
 
 img.header {
    height: 70%;}
    
   #logoHG {
    height: 35%;}
    
    #box {float: left;
	width: 100%;
height: auto !important; }
    
}


@media only screen and (min-width: 1024px) {
#wrapper {
max-width: 1200px;
}

#content{
height: auto;
width: 20%;
/*margin-left: 25%;*/
margin-bottom: 50px;

}
	
#content-1spalt{
height: auto;
width: 100%;
margin-bottom: 50px;
}
	
#sidebar{
height: auto;
width: 31%;
margin-left: 1%;
margin-right: 1%;
margin-top: 3em;
}
	
#sidebar-ueber{
height: auto;
width: 31%;
margin-left: 1%;
margin-right: 1%;
margin-top: 19em;
}
	
#sidebar-ueber2{
height: auto;
width: 75%;
margin-left: 1%;
margin-right: 1%;
min-height: 580px;
}
	
nav ul li a {line-height:30px;}

span.termin {padding: 5px 100px 5px 5px;}

	span.mobil {display: none;}
}



@media screen and (min-width: 1080px) and (orientation: landscape) and (max-width: 1600px) {
#content {margin-top: 100px;}
#sidebar-ueber2{ margin-top: 100px;}
#box {height:23em;}

}

@media screen and (max-width: 1080px) and (orientation: landscape) {
/*#content {margin-top: 100px;}
#sidebar-ueber2{ margin-top: 100px;}*/
#box {height:23em;}	
span.termin {padding: 5px 50px 5px 5px !important;}
}