@charset "UTF-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/


html{
		font-size: 12px;
}
@media screen and (min-width:500px) {
	html{
		font-size: 13px;
}
}
@media screen and (min-width:560px) {
	html{
		font-size: 14px;
}
}
@media screen and (min-width:620px) {
	html{
		font-size: 15px;	
}
}
@media screen and (min-width:680px) {
	html{
		font-size: 16px;
}
}

/* DESKTOP SIZE */

@media screen and (min-width:720px) {
	html{
		font-size: 17px;
}
}
@media screen and (min-width:780px) {
	html{
		font-size: 17px;
}
}
@media screen and (min-width:860px) {
	html{
		font-size: 17px;
}
}
@media screen and (min-width:920px) {
	html{
		font-size: 18px;
}
}
@media screen and (min-width:980px) {
	html{
		font-size: 18px;
}
}
@media screen and (min-width:1020px) {
	html{
		font-size: 18px;
}
}
@media screen and (min-width:1080px) {
	html{
		font-size: 19px;
}
}
@media screen and (min-width:1120px) {
	html{
		font-size: 19px;
}
}
@media screen and (min-width:1180px) {
	html{
		font-size: 19px;
}
}
@media screen and (min-width:1220px) {
	html{
		font-size: 19px;
}
}
@media screen and (min-width:1280px) {
	html{
		font-size: 20px;
}
}	
@media screen and (min-width:1320px) {
	html{
		font-size: 20px;
}
}
@media screen and (min-width:1380px) {
	html{
		font-size: 20px;
}
}


/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  background-color: #ffffff;
  line-height: 1.2;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hashLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}

/* HEADER */

h1 {
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	color: #626262;
}
p1 {
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.2rem;
	color: #626262;
}
#coronaheader {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
  	align-items: center;
  	justify-content: center;
	background-position: center;
	background-color: #ffffff;
  	z-index: 50;
}
#coronaheaderTextwrap {
	position: relative;
  	width: 95%;
	height: auto;
	margin-top: 5%;
	margin-bottom: 5%;
	z-index: 60;
}
#header {
	position: relative;
	width: 100%;
	height: 560px;
	display: flex;
  	align-items: center;
  	justify-content: center;
	background-image: url(../images/visitenkarte_header_mobile.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 110%;
	background-color: #626044;
  	z-index: 50;
}
#headermail {
	position: relative;
	width:100%;
	height: 60%;
	cursor: pointer;
}	
img {
  	width: 100%;
  	height: 100%;
	opacity: 0;
}
#headerTextwrap {
	position: relative;
	width: 100%;
	height: 60%;
	margin-left: 0px;
	margin-top: 0px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
  	-o-transform: rotate(90deg);
	z-index: 60;
	background-color:aqua;
}	
#headerNavigation {
	position: absolute; 
	display: block;
	bottom: 26px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	color: #a69f88;
	z-index: 50;
}
#headerNavigation a {
	text-decoration: none;
	color: #a69f88;
}
#headerNavigation a:hover {
	color: #ffffff;
}

/* THERAPIEN */

#therapienTitlewrap {
	position: relative;
	display: flex;
	width: 100%;
	height: 120px;
	padding-bottom: 15px;
	align-items: center;
  	justify-content: center;
	background-color: #d7e5f6;
	z-index: 50;
}
.therapienTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #626262;
	border-width: 0.5px;
	border-style: solid;
	border-radius: 6px;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 23px;
	padding-right: 23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #626262;
	z-index: 50;
}
.therapienTitle1,
.therapienTitle2,
.therapienTitle3,
.therapienTitle4,
.therapienTitle5,
.therapienTitle6,
.therapienTitle7 {
	position: relative;
	float: left;
	text-align: left;
  	width: 100%;
	height: auto;
	padding-left: 28px;
	padding-right: 28px;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.4rem;
	letter-spacing: 0.03rem;
	line-height: 2.4rem;
	color: #626262;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #b2c7d0;
	background-color: #d7e5f6;
	z-index:50;
}
.therapieInfo1 {
	position: relative;
	float: left;
	text-align: left;
  	width: 100%;
	height: auto;
	margin-top: -500px;
	padding-left: 28px;
	padding-right: 28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index: 13;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo2 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-500px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:12;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo3 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-550px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:11;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo4 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-550px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:10;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo5 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-550px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:9;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo6 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-550px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:8;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo7 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-300px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:7;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo1-change,
.therapieInfo2-change,
.therapieInfo3-change,
.therapieInfo4-change,
.therapieInfo5-change,
.therapieInfo6-change,
.therapieInfo7-change{
	margin-top:0px;
}
.therapienLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 200px;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienNavigation {
	position: absolute; 
	display: block;
	bottom: 26px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	color: #8d9da4;
	z-index:50;
}
#therapienNavigation a {
	text-decoration:none;
	color:#8d9da4;
}
#therapienNavigation a:hover {
	color:#ffffff;
}

/* INFORMATIONEN */

#informationenTitlewrap {
	position: relative;
	width: 100%;
	height: 120px;
	padding-bottom:15px;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	background-color: #ffffff;
	z-index:50;
}
.informationenTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #626262;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #626262;
	z-index:50;
}
.informationenTitle1,
.informationenTitle2,
.informationenTitle3,
.informationenTitle4,
.informationenTitle5 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.4rem;
	letter-spacing: 0.03rem;
	line-height: 2.4rem;
	color: #626262;
	background-color: #ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d8d8d8;
	z-index:60;
}
.informationInfo1 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #ffffff;
	z-index:7;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo2 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #ffffff;
	z-index:6;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo3 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #ffffff;
	z-index:5;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo4 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #ffffff;
	z-index:4;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo5 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #626262;
	background-color: #ffffff;
	z-index:3;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo1-change {
	margin-top:-300px;
}
.informationInfo2-change {
	margin-top:-400px;
}
.informationInfo3-change {
	margin-top:-250px;
}
.informationInfo4-change {
	margin-top:-250px;
}
.informationInfo5-change {
	margin-top:-250px;
}
.informationenLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 200px;
	background-color: #ffffff;
	z-index:50;
}
#informationenNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #ffffff;
	z-index:50;
}
#informationenNavigation {
	position: absolute; 
	display: block;
	bottom: 26px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	color: #8f8f8f;
	z-index:50;
}
#informationenNavigation a {
	text-decoration:none;
	color:#8f8f8f;
}
#informationenNavigation a:hover {
	color:#626262;
}

/* PORTRAIT */

#portraitWrap {
	position: relative;
	width: 100%;
	height: auto;
	z-index:50;
}
#portraitImagewrap {
	position: relative;
	width: 100%;
	height: 220px;
	z-index:50;
}
.portraitImage {
	position: relative;
	float: left;
	width: 50%;
	height: 220px;
	background-image:url(../images/portrait.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:130%;
	z-index:50;
}
.portraitNamewrap {
	position: relative;
	float: right;
	width: 50%;
	height: 220px;
	text-align: left;
	background-color:#d7e5f6;
	z-index:50;
}
.portraitName {
	position: absolute;
	bottom:0px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:8px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.02rem;
	color: #626262;
	z-index:50;
}

/* CV */

#cvTitlewrap {
	position: relative;
	width: 100%;
	height: 120px;
	padding-bottom:15px;
	display: flex;
  	align-items: center;
  	justify-content: center;
	background-color:#626044;
  	z-index:50;
}
.cvTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #ffffff;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #ffffff;
	z-index:50;
}
.ausbildungTitle {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.4rem;
	letter-spacing: 0.03rem;
	line-height: 2.4rem;
	color: #ffffff;
	background-color: #626044;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#83805a;
	cursor:pointer;
	z-index:50;
}
.ausbildungInfo {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-800px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #ffffff;
	background-color: #626044;
	z-index:2;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.ausbildungInfo-change {
	margin-top:0px;
}
.weiterbildungTitle {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.4rem;
	letter-spacing: 0.03rem;
	line-height: 2.4rem;
	color: #ffffff;
	background-color: #626044;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#83805a;
	cursor:pointer;
	z-index:50;
}
.weiterbildungInfo {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-1050px;
	padding-left:28px;
	padding-right:28px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	color: #ffffff;
	background-color: #626044;
	z-index:1;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.weiterbildungInfo-change {
	margin-top:0px;
}
.cvLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 200px;
	background-color: #626044;
	z-index:50;
}
#cvNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #626044;
	z-index:50;
}
#cvNavigation {
	position: absolute; 
	display: block;
	bottom: 26px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	color: #bbb399;
	z-index:50;
}
#cvNavigation a {
	text-decoration:none;
	color:#bbb399;
}
#cvNavigation a:hover {
	color:#ffffff;
}

/* MAP */

#map {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
	z-index:50;
}
#mapWrap {
	position:relative;
	width: 100%;
	height: 220px;
	background-image:url(../images/googleMapMobile.svg);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
}

/* FOOTER */

#footer {
	position:relative;
	width: 100%;
	height: 150px;
	margin-top: 220px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.7rem;
	color: #bbb399;
	background-color: #626044;
	z-index:50;
}
	#footerWrap {
	position:relative;
	width: auto;
	height: auto;
	top: 20%;
	z-index:50;
}






/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0%;
	padding-right: 0%;
	text-align:center;
}

/* HEADER */

#header {
	position: relative;
	width: 100%;
	height: 470px;
	display: flex;
  	align-items: center;
  	justify-content: center;
	background-image:url(../images/visitenkarte_header_tablet.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:110%;
  	background-color: #626044;
	z-index:50;
}
#headerTextwrap {
	position:relative;
  	width:100%;
	height:30%;
	margin-top:0px;
	cursor:pointer;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
	z-index:60;
}	
#headerNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.9rem;
	letter-spacing: 0.04rem;
	color: #a69f88;
	z-index:50;
}
#headerNavigation a {
	text-decoration:none;
	color:#a69f88;
}
#headerNavigation a:hover {
	color:#ffffff;
}

/* THERAPIEN */

#therapienTitlewrap {
	position: relative;
	display: flex;
	width: 100%;
	height: 180px;
	align-items: center;
  	justify-content: center;
	padding-bottom:40px;
	background-color: #d7e5f6;
	z-index:50;
}
.therapienTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #626262;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #626262;
	z-index:50;
}
.therapienTitle1,
.therapienTitle2,
.therapienTitle3,
.therapienTitle4,
.therapienTitle5,
.therapienTitle6,
.therapienTitle7 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #626262;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b2c7d0;
	background-color: #d7e5f6;
	z-index:50;
}
.therapieInfo1 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-500px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:13;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo2 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-500px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:12;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo3 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-500px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:11;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo4 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-550px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:10;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo5 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-550px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:9;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo6 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-500px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:8;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
	.therapieInfo7 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-300px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:7;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo1-change,
.therapieInfo2-change,
.therapieInfo3-change,
.therapieInfo4-change,
.therapieInfo5-change,
.therapieInfo6-change,
.therapieInfo7-change{
	margin-top:0px;
}
.therapienLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 400px;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.9rem;
	letter-spacing: 0.04rem;
	color: #8d9da4;
	z-index:50;
}
#therapienNavigation a {
	text-decoration:none;
	color:#8d9da4;
}
#therapienNavigation a:hover {
	color:#ffffff;
}

/* INFORMATIONEN */

#informationenTitlewrap {
	position: relative;
	width: 100%;
	height: 180px;
	padding-bottom:40px;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	background-color: #ffffff;
	z-index:50;
}
.informationenTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #626262;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #626262;
	z-index:50;
}
.informationenTitle1,
.informationenTitle2,
.informationenTitle3,
.informationenTitle4,
.informationenTitle5 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #626262;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d8d8d8;
	background-color: #ffffff;
	z-index:50;
}
.informationInfo1 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #ffffff;
	z-index:7;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo2 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #ffffff;
	z-index:6;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo3 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #ffffff;
	z-index:5;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo4 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #ffffff;
	z-index:4;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo5 {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:0px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #626262;
	background-color: #ffffff;
	z-index:3;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo1-change {
	margin-top:-300px;
}
.informationInfo2-change {
	margin-top:-400px;
}
.informationInfo3-change {
	margin-top:-250px;
}
.informationInfo4-change {
	margin-top:-250px;
}
.informationInfo5-change {
	margin-top:-250px;
}
.informationenLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 400px;
	background-color: #ffffff;
	z-index:50;
}
#informationenNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #ffffff;
	z-index:50;
}
#informationenNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.9rem;
	letter-spacing: 0.04rem;
	color: #8f8f8f;
	z-index:50;
}
#informationenNavigation a {
	text-decoration:none;
	color:#8f8f8f;
}
#informationenNavigation a:hover {
	color:#626262;
}

/* PORTRAIT */

#portraitWrap {
	position: relative;
	width: 100%;
	height: 381px;
	z-index:50;
}
#portraitImagewrap {
	position: relative;
	width: 100%;
	height: auto;
	z-index:50;
}
.portraitImage {
	position: relative;
	float: left;
	width: 50%;
	height: 381px;
	background-image:url(../images/portrait.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:130%;
	z-index:50;
}
.portraitNamewrap {
	position: relative;
	float: right;
	width: 50%;
	height: 381px;
	text-align: left;
	background-color:#d7e5f6;
	z-index:50;
}
.portraitName {
	position: absolute;
	bottom:0px;
	padding-left:14px;
	padding-right:14px;
	padding-bottom:10px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.9rem;
	letter-spacing: 0.012rem;
	color: #626262;
	z-index:50;
}

/* CV */

#cvTitlewrap {
	position: relative;
	width: 100%;
	height: 180px;
	padding-bottom: 40px;
	display: flex;
  	align-items: center;
  	justify-content: center;
	background-color:#626044;
  	z-index:50;
}
.cvTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #ffffff;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #ffffff;
	z-index:50;
}
.ausbildungTitle {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#83805a;
	background-color: #626044;
	cursor:pointer;
	z-index:50;
}
.ausbildungInfo {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-800px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #ffffff;
	background-color: #626044;
	z-index:2;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.ausbildungInfo-change {
	margin-top:0px;
}
.weiterbildungTitle {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#83805a;
	background-color: #626044;
	cursor:pointer;
	z-index:50;
}
.weiterbildungInfo {
	position: relative;
	float: left;
	text-align:left;
  	width: 100%;
	height: auto;
	margin-top:-1050px;
	padding-left:12%;
	padding-right:12%;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.1rem;
	letter-spacing: 0.01rem;
	line-height: 1.6rem;
	color: #ffffff;
	background-color: #626044;
	z-index:1;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.weiterbildungInfo-change {
	margin-top:0px;
}
.cvLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 400px;
	background-color: #626044;
	z-index:50;
}
#cvNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #626044;
	z-index:50;
}
#cvNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.9rem;
	letter-spacing: 0.04rem;
	color: #bbb399;
	z-index:50;
}
#cvNavigation a {
	text-decoration:none;
	color:#bbb399;
}
#cvNavigation a:hover {
	color:#ffffff;
}

/* MAP */

#map {
	position: relative;
	float: left;
	width: 100%;
	height: 520px;
	z-index:50;
}
#mapWrap {
	position:relative;
	width: 100%;
	height: 520px;
	background-image:url(../images/googleMapTablet.svg);
	background-size:auto 100% ;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
}

	
/* FOOTER */

#footer {
	position:relative;
	width: 100%;
	height: 150px;
	margin-top: 520px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.7rem;
	color: #bbb399;
	background-color: #626044;
	z-index:50;
}
	#footerWrap {
	position:relative;
	width: auto;
	height: auto;
	top: 20%;
	z-index:50;
}
}










/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0%;
	padding-right: 0%;
	text-align:center;
}

/* HEADER */

#header {
	position: relative;
	width: 100%;
	height: 537px;
	background-image:url(../images/visitenkarte_header_tablet.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 537px;
	background-color: #626044;
  	z-index:50;
}
#headerTextwrap {
	position:relative;
  	width:100%;
	height:30%;
	margin-top:0px;
	cursor:pointer;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
	z-index:60;
}	
#headerNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	color: #a69f88;
	z-index:50;
}
#headerNavigation a {
	text-decoration:none;
	color:#a69f88;
}
#headerNavigation a:hover {
	color:#ffffff;
}

/* THERAPIEN */

#therapien {
	position: relative;
	width: 100%;
	height:auto;
	overflow:hidden;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienTitlewrap {
	position: relative;
	display: flex;
	align-items: center;
  	justify-content: center;
	width: 100%;
	height: 180px;
	padding-bottom:40px;
	background-color: #d7e5f6;
	z-index:50;
}
.therapienTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #626262;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #626262;
	z-index:50;
}
.therapienwrap {
	position: relative;
	display: block;
	margin-left:auto;
	margin-right:auto;
  	width: 762px;
	height:auto;
}
.therapienTitle1,
.therapienTitle2,
.therapienTitle3,
.therapienTitle4,
.therapienTitle5,
.therapienTitle6,
.therapienTitle7 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:150px;
	padding-right:30px;
	text-align:left;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #626262;
	background-color: d7e5f6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b2c7d0;;
	cursor:pointer;
	z-index:50;
}
.therapieInfo1 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:13;
	
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo2 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:12;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo3 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:11;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo4 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:10;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo5 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:9;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo6 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:8;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo7 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:-500px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color: #d7e5f6;
	z-index:7;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.therapieInfo1-change,
.therapieInfo2-change,
.therapieInfo3-change,
.therapieInfo4-change,
.therapieInfo5-change,
.therapieInfo6-change,
.therapieInfo7-change {
	margin-top:0px;
}
.therapienLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 320px;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #d7e5f6;
	z-index:50;
}
#therapienNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	color: #8d9da4;
	z-index:50;
}
#therapienNavigation a {
	text-decoration:none;
	color:#8d9da4;
}
#therapienNavigation a:hover {
	color:#ffffff;
}

/* INFORMATIONEN */

#informationen {
	position: relative;
	width: 100%;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	z-index:50;
}
#informationenTitlewrap {
	position: relative;
	display: flex;
	align-items: center;
  	justify-content: center;
	width: 100%;
	height: 180px;
	padding-bottom:40px;
  	background-color: #ffffff;
	z-index:50;
}
.informationenTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #626262;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #626262;
	z-index:50;
}
.informationenwrap {
	position: relative;
	display: block;
	margin-left:auto;
	margin-right:auto;
  	width: 762px;

	
	height:auto;
}
.informationenTitle1,
.informationenTitle2,
.informationenTitle3,
.informationenTitle4,
.informationenTitle5 {
	position: relative;
  	width: 762px;
	text-align:left;
	height: auto;
	padding-left:150px;
	padding-right:30px;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #626262;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d8d8d8;
	cursor:pointer;
	background-color:#FFF;
	z-index:50;
}
.informationInfo1 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:0px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color:#FFF;
	
	z-index:7;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo2 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:0px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color:#FFF;
	z-index:6;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo3 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:0px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color:#FFF;
	z-index:5;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo4 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:0px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color:#FFF;
	z-index:4;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo5 {
	position: relative;
	width: 762px;
	height: auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:0px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height: 1.5rem;
	color: #626262;
	background-color:#FFF;
	z-index:3;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.informationInfo1-change {
	margin-top:-300px;
}
.informationInfo2-change {
	margin-top:-400px;
}
.informationInfo3-change {
	margin-top:-250px;
}
.informationInfo4-change {
	margin-top:-250px;
}
.informationInfo5-change {
	margin-top:-250px;
}
.informationenLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 320px;
	background-color: #ffffff;
	z-index:50;
}
#informationenNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #ffffff;
	z-index:50;
}
#informationenNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	color: #8f8f8f;
	z-index:50;
}
#informationenNavigation a {
	text-decoration:none;
	color:#8f8f8f;
}
#informationenNavigation a:hover {
	color:#626262;
}

/* PORTRAIT */

#portrait {
	position: relative;
	width: 100%;
	height:auto;
	overflow:hidden;
	background-color:#626044;
	z-index:50;
}
#portraitImagewrap {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 762px;
	height:auto;
	z-index:50;
}
.portraitImage {
	position: relative;
	float: left;
	width: 381px;
	height: 381px;
	background-image:url(../images/portrait.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:381px;
	z-index:50;
	
	background-color:orange;
}
.portraitNamewrap {
	position: relative;
	clear: right;
	width: 381px;
	height: 381px;
	text-align: left;
	background-color:#d7e5f6;
	z-index:50;
}
.portraitName {
	position: absolute;
	bottom:0px;
	padding-left:14px;
	padding-right:14px;
	padding-bottom:10px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.9rem;
	letter-spacing: 0.012rem;
	color: #626262;
	z-index:50;
}

/* CV */

#cv {
	position: relative;
	width: 100%;
	height:auto;
	overflow:hidden;
	background-color:#626044;
	z-index:50;
}
#cvTitlewrap {
	position: relative;
	display: flex;
	align-items: center;
  	justify-content: center;
	width: 100%;
	height: 180px;
	padding-bottom:40px;
	background-color:#626044;
  	z-index:50;
}
.cvTitle {
	position: relative;
	display: inline-block;
  	align-items: center;
  	justify-content: center;
	border-color: #ffffff;
	border-width: 0.5px;
	border-style: solid;
	border-radius:6px;
	padding-top:13px;
	padding-bottom:10px;
	padding-left:23px;
	padding-right:23px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	color: #ffffff;
	z-index:50;
}
#cvwrap {
	position: relative;
	display: inline-block;
	margin-left:auto;
	margin-right:auto;
  	width: 762px;
	height:auto;
}
#cvwrap1 {
	position: relative;
	float: left;
	position: relative;
	display: block;
	margin-left:auto;
	margin-right:auto;
  	width: 100%;
	height:auto;
}
#cvwrap2 {
	position: relative;
	float:right;
	clear: right;
	display: block;
	margin-left:auto;
	margin-right:auto;
  	width: 100%;
	height:auto;
}
.ausbildungTitle,
.weiterbildungTitle {
	position: relative;
  	width: 762px;
	text-align:left;
	height: auto;
	padding-left:150px;
	padding-right:30px;
	font-family: HelveticaNeueLTStd-Blk;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
	color: #ffffff;
	background-color: 626044;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color:#83805a;
	cursor:pointer;
	z-index:50;
}
.ausbildungInfo {
	position: relative;
	width: 100%;
	height: auto;
	text-align:left;
	padding-left:30px;
	padding-right:15px;
	margin-top:-1200px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height:1.5rem;
	color: #ffffff;
	background-color: #626044;
	z-index:2;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.ausbildungInfo-change {
	margin-top:0px;
}
.weiterbildungInfo {
	position: relative;
	width: 100%;
	height: auto;
	text-align:left;
	padding-left:30px;
	padding-right:15px;
	margin-top:-1750px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	line-height:1.5rem;
	color: #ffffff;
	background-color: #626044;
	z-index:1;
		
	-webkit-transition: margin-top 0.5s ease;
  	-moz-transition: margin-top 0.5s ease;
  	-o-transition: margin-top 0.5s ease;
  	transition: margin-top 0.5s ease;
}
.weiterbildungInfo-change {
	margin-top:0px;
}
.cvLeerBottom {
	float: left;
	position: relative;
	text-align: left;
  	width: 100%;
	height: 320px;
	background-color: #626044;
	z-index:50;
}
#cvNavigationwrap {
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 82px;
	background-color: #626044;
	z-index:50;
}
#cvNavigation {
	position: absolute; 
	display: block;
	bottom: 36px; left: 0%; right: 0%;
	text-align: center;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	color: #bbb399;
	z-index:50;
}
#cvNavigation a {
	text-decoration:none;
	color:#bbb399;
}
#cvNavigation a:hover {
	color:#ffffff;
}

/* MAP */

#map {
	position: relative;
	float: left;
	width: 100%;
	height: 1020px;
	z-index:50;
}
#mapWrap {
	position:relative;
	width: 100%;
	height: 1020px;
	background-image:url(../images/googleMapDesktop.svg);
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
}

/* FOOTER */

#footer {
	position:relative;
	width: 100%;
	height: 150px;
	margin-top: 1020px;
	font-family: HelveticaNeueLTStd-Lt;
	font-size: 0.7rem;
	color: #bbb399;
	background-color: #626044;
	z-index:50;
}
	#footerWrap {
	position:relative;
	width: auto;
	height: auto;
	top: 20%;
	z-index:50;
}
}