@charset "utf-8";
/* Susanne Prött - Traumatherapie, Hypnose und Familienkrisen 
Udo Reinsch 2016 */

.left-wrapper nav {
	padding-left:13px;
}
.left-wrapper .subnavi-wrapper nav {
	padding: 12px 30px 10px 15px;
}
.left-wrapper article {
	padding:30px 35px 35px 0;
}
/*-----------------------------------------media queries*/
@media only screen and (max-width:1035px) {
	#adresse {
		display:none;	
	}	
}
@media only screen and (max-width:1024px) {
	.header-left .name {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 26px;		
		line-height: 2.6rem;
		padding: 12px 0 6px;
	}
	.header-right {
		width: 250px;
	}
	.header-right .title {
		padding: 22px 0 6px;
	}
	.left-wrapper {
		width:calc(100% - 250px);
	}
	.right-wrapper {
		width:250px;
	}
	.right-wrapper figure img{
		width:calc(100% - 11px);
		height:auto;
	}
	.right-wrapper .navi-extern {
		padding: 22px 25px 40px 15px;
	}
	.left-wrapper-start .boxen-wrapper .trauma, .left-wrapper-start .boxen-wrapper .fortbildung {
		margin: 0 12% 40px 0;
	}
	.left-wrapper-start .boxen-wrapper {
		padding: 15px 0 35px 0;
	}
	.left-wrapper-start article {
		padding: 15px 50px 20px 0;
	}
}
@media only screen and (max-width:930px) {
	.left-wrapper nav {
		padding:14px 26px;
	}
	.left-wrapper nav ul li {
		padding:0 20px 15px 0;
	}
	.left-wrapper nav ul li.last {
		padding:0;
	}	
	.left-wrapper nav ul li a {
		display:block;
		height:48px;
		font-size:13.5px;	
		font-size:1.35rem;
		padding:0;
	}
	.left-wrapper nav ul li.last a {
		padding:0;
	}/**/
}
@media only screen and (max-width:885px) {
	.container {
		background-image:none;
	}
	header {
		height:69px;
	}
	.header-left {
		width:260px;
		padding:10px 0 0 25px;
	}
	.header-left img, .header-left-start img{
		width:40px;
		height:auto;
		margin-right:15px;
	}
	.header-left .name, .header-left-start .name{
		font-size:28px;
		font-size:2.8rem;
		line-height:24px;
		line-height:2.4rem;
		padding:0;
	}
	.header-left, .header-left .title .sub-title, .header-left-start {
		font-size:13px;
		font-size:1.3rem;
	}
	.header-right{
		width: 220px;
		padding:0 26px 0 0;
	}	
	.header-right .title{
		font-size:17px;
		font-size:1.7rem;
		padding:12px 0 0 0;
		text-align:right;
	}	
	.header-left .title, .header-left-start .title{
		font-size:17px;
		font-size:1.7rem;
	}		
	.header-right p{
		font-size:13px;
		font-size:1.3rem;
		text-align:right;		
	}
	.left-wrapper {
		width:100%;
	}
	.right-wrapper {
		display:none;
	}
	.left-wrapper .subnavi-wrapper nav {
		padding: 12px 30px 10px 26px;
	}
	.left-wrapper .content-wrapper {
		padding:0;
		width:100%;
	}
	.left-wrapper .content-wrapper figure{
		display:block;
		padding:0 0 40px 26px;
	}
	.left-wrapper .content-wrapper figure img{
		width:268px;
		height:auto;
		margin:0 15px 15px 0;
	}	
	.left-wrapper .content-wrapper .navi-extern{
		display:inline-block;
		min-height:0;
		padding:22px 37px 30px 26px;
	}
	.left-wrapper .content-wrapper .navi-extern ul{
		display:block;
	}	
	.left-wrapper article {
		padding: 25px 35px 25px 26px;
	}
	footer .footer-streifen {
		display:none;
	}
	footer {
		padding: 0 26px 0 27px;
	}
	#telefon {
		display:none;	
	}
	.left-wrapper-start {
		width:100%;
	}
	.right-wrapper-start {
		display:none;
	}
}
@media only screen and (max-width:625px) {
	.header-left, .header-left-start {
		padding: 10px 0 0 18px;
	}
	.left-wrapper .subnavi-wrapper nav {
		padding: 12px 30px 10px 18px;
	}
	.left-wrapper nav {
		height:auto;
		padding:14px 26px 4px 18px;
	}
	.left-wrapper nav ul li {
		padding:0 18px 10px 0;
	}
	.left-wrapper nav ul li a {
		height:auto;
	}
	.left-wrapper article {
		padding: 25px 35px 25px 18px;
	}
	.left-wrapper .content-wrapper figure {
		padding: 0 0 40px 18px;
	}
	.left-wrapper .content-wrapper .navi-extern {
		padding: 22px 37px 30px 18px;
	}
	footer {
		padding: 0 18px 0 18px;
	}
}
@media only screen and (max-width:600px) {
	#mail {
		display:none;	
	}
}
@media only screen and (max-width:500px) {
	header {
		height:90px;
	}
	.header-right {
		display:none;
	}
	.header-left {
		width:100%;
	}	
	.header-left .title, .header-left-start .title {
		display:block;
		padding:10px 0 5px 0;
		font-size: 1.6rem;
	}
	.left-wrapper-start article {
		padding: 25px 15px 25px 0;
	}
}
@media only screen and (max-width:430px) {
	#copyright{
		display:none;	
	}
}
@media only screen and (max-width:360px) {
	.header-left .title, .header-left-start .title {
		font-size: 1.4rem;
	}
}