/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

/* Aufklappbar unsichtbar*/
nav a#pull {
	display: none;
	margin-top:82px;
	padding-left:25px;
	font-size:1.2em;font-weight: 300; letter-spacing:0.1em;
	color:#575756;
	text-decoration:none;
	
	
}


#spoiler {
	display: none; 
	background-color:#fff;
	position:absolute;
	top:106px;
	margin-left: 21px;
	padding:0;
	padding-bottom:3px;
	
	text-align:left;
	width: 220px;
}

#spoiler a {
padding-left:5px;
padding-right:3px;
margin-bottom:5px;
width:100%;
font-size:1.2em;font-weight: 300; letter-spacing:0.1em;
text-decoration:none;	
color:#575756;
	}
#spoiler a:visited { color:#575756; }
#spoiler a:hover   { color:#A51008; }

/*Styles for screen 710px and lower*/
@media only screen and (max-width : 1200px) {
	nav  {
		border-bottom: 0;
		width: 150px;
	}
	
	nav ul.clearfix {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		
		width: 100%;
		position: relative;
	}
	nav a#pull:before {
		content:"";
		background: url('nav-icon.png') no-repeat;
		background-position:left;
		
		width: 100px;
		height: 20px;
		display: inline-block;
		position: absolute;
		left:0px;
		
		top: 3px;
		
		
		
	}
}

/*Smartphone*/
@media only screen and (min-width : 321px) and (max-width : 420px)  {	



	nav { 
		width: 150px;
		position: absolute;
		right: 14px;
		top: 55px;
	}
	
	nav ul.cl {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		
		width: 100%;
		position: relative;
		
	}
		
	
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		background-position:right;
		
		width: 100px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 14px;
		top: 0px; 
		
		
}

#icons{ width:100%;
margin: 0 auto;
text-align:center
	}

}

@media only screen and (max-width : 320px) {	

#body {	width:100%;
margin-top:75px;
}

#icons{ width:100px;
margin: 0 auto;
text-align:center
	}
	
.icon_couching{ clear:left;width: 100%;
	margin: 0 auto;	}
.icon_beratung{	clear:right;width: 100%;
	margin: 0 auto;}

.icon_training{
	width: 100%;
	margin: 0 auto;
	}
	
	
	
	
	nav { 
		width: 150px;
		position: absolute;
		right: 95px;
		top: 80px;
		background-color:#FFF;
	}
	
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		
		width: 100%;
		position: relative;
		
	}
		
	
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		background-position:right;
		
		width: 100px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 14px;
		top: 0px; 
		
		
}
}