@charset "utf-8";

/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- *
 * Änderung des default-Box-Modells aller Elemente auf "border-box"
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * << apply a natural box layout model to all elements >>
 * ----------------------------------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */


body {
    margin: 0;
	padding: 0;
}
html {
    margin: 0;
	padding: 0;
}

.page-wrapper {
	/*margin: 0;
	padding: 0;
	 width: 1500px; */
}.header {
	padding: 0;
	margin: 0;
	
}
.headerlogo {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0;
    float: left;
    overflow: hidden;
}

.logo {
    vfloat: left;
    vdisplay: inline-block;
    vheight: 10%;
    margin: 0;
    padding-left: 0px;
}



.navHeader {
    width: 850px;
    text-align: right;
    padding-top: 1.5%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0 0% 0 0;
    float: right;
	
	
}


.navHeader ul{
	padding: 0% 0% 0% 0%;
	margin: 15px 0% 0 0;
	list-style-type: none;
	text-align: right;
	font-family: Swiss721BT-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1.15em;
	text-align: right;
	

}

.navHeader li{
	display: inline;
	padding: 0% 0% 0% 2.7%;
	margin: 0;

}

.navHeader li a{
	text-decoration: none;
	margin: 0;
	color: rgb(153,153,153);
	text-align: right;


}
.navHeader li a:visited{
color: rgb(153,153,153);
}
.navHeader li a:hover{
    color: rgba(255,255,255,1);
    width: auto;
}
.headerfigure {

}

.imageHeader {
    width: 100%;
    padding: 0;
    margin: 0;
}
.imageHeaderindex {
    vwidth: 100%;
	height: 100%:
    padding: 0;
    margin: 0;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}
.vfeder {
    width: 75px;
    display: flex;
    justify-content: center;
    text-align: center;
	
}

.feder {
    width: 75px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	
}


.imageDozenten{
	border: 0;
	padding: 0;
	margin: 0;
	}

.teaser{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto
}

.teaser1{
	border: 0;
	padding: 0;
	margin: 0;
	
	vmargin: 10px;
  width: 750px;
  height: 321px;
  Vfloat: left;
  background: url(http://www.transformative-koerperpsychotherapie.de/2022/images/header/af_h01.jpg);
  background-size: cover;
  position: relative;
	display: block;
}

.teaserdiv{
	height: auto;
	width: 100%
	}	

h4 {
  //position: absolute;
  //bottom: 0px;
  //left: 0px;
 //	width: 750px; 	
  //background: rgba(0, 0, 0, 0.5);
  //padding: 1% 1%;
  color: white;
  margin: 0;
  font-family: Swiss721BT-Roman;
	font-weight: normal;
	font-style: normal;
	font-size: 1,75em;
	Vpadding: 2% 0% 0% 0%;
	Vmargin: 0% 0% 0% 0%;
}

.imageText {
	width: 45%;
	padding: 0;
	margin: 0;
	display: block;
	border: thin solid rgba(150,150,150,1.00);
}

.imageT {
	width: 119px;
	padding: 0;
	margin: 0;
	display: block;
	border: thin solid rgba(150,150,150,1.00);
	float: left;
	margin-right: 20px;
	
}
.imageTl {
	width: 119px;
	padding: 0;
	margin: 0;
	display: block;
	border: thin solid rgba(150,150,150,1.00);
	vfloat: left;
}
  /*globales clearing innerhalb statischer container */
 .clearfix
 { clear:both;
 padding: 0;
	margin: 0;
 }


.text {
	padding-left: 20%;
    padding-right: 20%;
    overflow: hidden;
    display: block;
	padding-top: 1.%;
    font-family: "Swiss721BT-Roman";
}
.text p {
    color: #FFFFFF;
    font-size: 1em;
    text-align: left;
    font-family: "Swiss721BT-Roman";
}
.text a {
	color: rgba(255,255,255,1.00);
}

.text a:visited a:hover{
	
	color: rgb(153,153,153,1.00);
}
.text ul {
    display: block;
    color: rgba(0,0,0,1.00);
    list-style-type: disc;
    padding-left: 3%;
}
.text li{
    padding-top: 1%;
    padding-left: 2%;
    color: rgba(255,255,255,1.00);
    
}
.text ol{
    list-style-type: decimal;
	padding-left: 3%;
}

.text ul li::marker {
   color: rgba(255,255,255,1.00);
   font-weight: bold;
   font-family: monospace;
   font-size: 1.4em;
}
.textcenter {
	padding-left: 20%;
    padding-right: 20%;
    overflow: hidden;
    display: block;
	padding-top: 1.%;
    font-family: "Swiss721BT-Roman";
}
.textcenter p {
    color: #FFFFFF;
    font-size: 1em;
    text-align: center;
}
.textcenter a {
	color: rgba(255,255,255,1.00);
}

.textcenter a:visited a:hover{
	
	color: rgb(153,153,153,1.00);
}

.abstandS{
 padding-left: 20px;	
}	

//.texteins {
	width: 90%;
	padding: 0;
	margin: 0;
	padding-left: 10%;
	display: block;
	}

//.textohneAbstand{
	overflow: hidden;
	display: block;
	padding-top: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
	
}
//.textohneAbstand p{
	padding-right: 10%;
	overflow: hidden;
	display: block;
	padding: 0% 10% 0% 0%;
	margin: 0;
	
}

hr {
	color: rgb(220,220,220);
	height: 1px;
}
.linie {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border:0px;
	
}
.linieO {
	width: 80%;
	height: 1px;
	color: rgba(255,136,0,1.00);
	background-color:rgba(255,136,0,1.00);
	border:0px;
}

.linieT {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border:0px;
	margin-top: 5%;
	margin-bottom: 5%;
}
.linie80 {
	width: 80%;
	margin-top: 2%;
	margin-bottom: 2%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height:1px;
	border:0px;
}

.linie80unten {
	
	width: 80%;
	margin-top: 3%;
	margin-bottom: 3%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height:1px;
	border:0px;
	
}
.abstand{
	margin-left: 30px;	
	
}

 #navHeader {
        display: block;
    }

    /* Menü-Link verstecken in großen Viewports */
    a.toggle-nav {
        display: none;
    }
  a.toggle-nav1 {
        display: none;
    }


/* ----------------------------------------------------------------------------- * 
 *                                Media Queries                                  *
 * ----------------------------------------------------------------------------- */
 
@media only screen and (min-width: 1500px) {  
  .page-wrapper {
    width: 1500px;
    margin: 0 auto;
  }
  
 }
  	/* ----------------------------------------------------------------------------- *
 *                          ZwischenStyles wegen der langen Man-Menu                         *
 *                         *  
 * 							1200px / 16px/em = 75em *
 * ----------------------------------------------------------------------------- */
 @media only screen and (max-width: 75em) {
    /* Schrift Main wird verkleinert*/ 
	 
	 .navHeader {
    width: 700px;
    text-align: right;
    padding: 3% 0 0;
    margin: 0 0% 0 0;
    float: right;
}
.navHeader ul{
	padding: 0% 0% 0% 0%;
	margin:0px 0% 0 0;
	list-style-type: none;
	text-align: right;
	font-family: Swiss721BT-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-align: right;
}
	 
	 .headerlogo {
    padding: 0 0 0 2%;
    margin: 0;
    float: left;
    overflow: hidden;
}
	 
}

  	/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em*  
 * 							1200px / 16px/em = 75em *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 68em) {
    /* Navigation wird links neben dem Inhalt angeordnet */
	
    .headerlogo {
	width: 30%;
	padding-top: 0%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 0%;
	margin: 0;
	float: none;
	
}
	.navHeader {
	text-align: left;
	margin-top:0;
	padding: 0 2% 0 0;
	float:none;
	width: 900px;
	}

.navHeader li{
	display: inline;
	padding: 0% 0% 0% 2.7%;
	margin: 0;
	
}
	.vnavHeader {
    
    text-align: right;
    padding: 3% 0 0;
    margin: 0 0% 0 0;
    float: right;
}
	

.navHeader li a{
	text-decoration: none;
	margin: 0;
	color: rgb(153,153,153);
	text-align: right;


}

	
.navHeader ul{
	padding: 0% 0% 0% 0%;
	margin:0px 0% 0 0;
	list-style-type: none;
	text-align: right;
	font-family: Swiss721BT-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-align: right;
}	
	

.navHeader ul{
	padding: 0% 0% 0% 0%;
	text-align: left;
	font-family: Swiss721BT-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	
}
.navHeader li a{
	text-align: left;


}
.imageHeader {
	width: 98%;
	padding: 0;
	margin: 0;
	padding-left: 2%;
}
.logo {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}	

.linieO {
	width: 94%;
	height: 1px;
	color: rgba(255,136,0,1.00);
	background-color:rgba(255,136,0,1.00);
	border:0px;
}
	

.linie80 {
	width: 94%;
	padding-left: 6%;
}

.linie80unten {
	
	width: 98%;
	padding-left: 2%;	
}
.text {
	padding-right: 2%;
	padding-left: 2%;
	
}

#navHeader {
     /*display: none;*/
	 display: block;
}

#navHeader:target {
    display: block;
}  

.texteins {
	width: 96%;
	padding: 0;
	margin: 0;
	padding-left: 2%;
	display: block;
	} 

	
}	
	
/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          750px / 16px/em = 46.875em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 46.875em) {
    
    /* Schriftverkleinerung wird für große Screens wieder aufgehoben */
    @media only screen and (max-width: 78em) {
    .headerlogo {
	width: 33%;
	padding-top: 0%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 1%;
	margin: 0;
	/*float: none;*/
	
	
}
.navHeader {
	vtext-align: left;
	vmargin-top:0
	vfloat:  none;
	
}
.navHeader ul{
	vpadding: 0% 2% 0% 2%;
	text-align: left;
	vfont-family: Swiss721BT-Bold;
	vfont-weight: normal;
	vfont-style: normal;
	vfont-size: 1em;
	vfloat:  left;
	
}
.navHeader li{
	display: block;
	padding: 3% 2% 3% 2%;
	margin: 0.3% 0% 0.3% 0%;
	vmargin: 0;
	vfloat:  left;
	background-color:rgba(0,0,0,1.00)

}
.navHeader li a{
	vtext-align: left;
	vfloat:  none;
	color: rgb(255,255,255);


}
.navHeader li a:visited{
color: rgb(255,255,255);
}
.navHeader li a:hover{
	//color: rgb(0,0,0);
	text-decoration: underline;
}

    }

}
 	/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 64em) {
    /* Navigation wird links neben dem Inhalt angeordnet */

	
}	

@media only screen and (max-width: 46.875em) {
    #navHeader {
       /* display: block; */
		display: none;
    }

    /* Menü-Link verstecken in großen Viewports */
    a.toggle-nav {
        display: none;
    }
	a.toggle-nav {
	display: inline-block;
	   position: absolute; 
	right: 5%;
	top: 0.5em;
	text-decoration: none;
	-webkit-border-radius: 0.0em;
	-moz-border-radius: 0.0em;
	border-radius: 0.4em;
	cursor: pointer;
	padding: 0.357em;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #000000;
}

a.toggle-nav:hover {
	border: 1px solid #646464;
	background: #FFFFFF;
	color: #1A1F2B;
}
 a.toggle-nav1 {
        display: none;
    }
	a.toggle-nav1 {
	display: inline-block;
	   vposition: absolute; 
	vright: 5%;
	margin: 1% 0% 0% 2%;
	top: 0.5em;
	text-decoration: none;
	-webkit-border-radius: 0.0em;
	-moz-border-radius: 0.0em;
	border-radius: 0.4em;
	cursor: pointer;
	padding: 0.357em;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #000000;
}

a.toggle-nav1:hover {
	border: 1px solid #646464;
	background: #FFFFFF;
	color: #1A1F2B;
}
	
#text {
	overflow: hidden;
	display: block;
	padding: 0% 2% 0% 2%;
	margin: 0% 0% 0% 2%;
	}	
.text p{
	padding: 0% 2% 0% 2%;
}

.text h1{
	padding: 0% 2% 0% 2%;
}	
.texteins {
	width: 96%;
	padding: 0;
	margin: 0;
	padding-left: 2%;
	display: block;
	} 
	.text ul {
	font-family: Swiss721BT-Roman;
	padding-left: 2.9%;
	display: block;
	font-size: 1em;
	color: rgba(0,0,0,1.00);
	margin-left: 2.7%
	
}
.text ul li{
	list-style-type: disc;
	list-style-position: outside;
	padding-top: 1%;
	padding-left: 1%;
	color: rgba(0,0,0,1.00);
	font-size: 1em;
	
}
	
}