toggle-navtoggle-navtoggle-navtoggle-nav@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+ */
}

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


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

.teaser1{
	border: 0;
	padding: 0;
	margin: 0;
	width: 750px;
  	height: 321px;
   	background: url(http://www.transformative-koerperpsychotherapie.de/images/header/af_h01.jpg);
  	background-size: cover;
  	position: relative;
	display: block;
}
.teaser2{
	border: 0;
	padding: 0;
	margin: 0;
	width: 750px;
  	height: 321px;
   	background: url(http://www.transformative-koerperpsychotherapie.de/images/header/praxis_h01.jpg);
  	background-size: cover;
  	position: relative;
	display: block;
}
.teaser3{
	border: 0;
	padding: 0;
	margin: 0;
	width: 750px;
  	height: 321px;
   	background: url(http://www.transformative-koerperpsychotherapie.de/images/header/kpt_h01.jpg);
  	background-size: cover;
  	position: relative;
	display: block;
}
.teaser4{
	border: 0;
	padding: 0;
	margin: 0;
	width: 750px;
  	height: 321px;
   	background: url(http://www.transformative-koerperpsychotherapie.de/images/header/bs_h01.jpg);
  	background-size: cover;
  	position: relative;
	display: block;
}

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



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


/* ----------------------------------------------------------------------------- * 
 *                                Media Queries                                  *
 * ----------------------------------------------------------------------------- */
 
@media only screen and (min-width: 1500px) {  
  .page-wrapper {
    width: 1500px;
    margin: 0 auto;
  }
  
 } 
  
  	/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 64em) {
    /* Navigation wird links neben dem Inhalt angeordnet */
	.teaser1{
	border: 0;
	padding: 0;
	margin: 0;
	width: 750px;
  	height:321px;
   	background: url(http://www.transformative-koerperpsychotherapie.de/images/header/af_h01.jpg);
  	background-size: cover;
  	position: relative;
	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) {
    

}
 	/* ----------------------------------------------------------------------------- *
 *                          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;
    }

    



	
}