.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
	margin:			0 0 0.7em 0;
}
.content_wrapper p, .content_wrapper code, .content_wrapper pre, .content_wrapper kbd {
	margin:			0 0 1em 0;
}
.content_wrapper li ul, .content_wrapper li ol {
	margin:			0 1em;
}
.content_wrapper ul, .content_wrapper ol {
	margin:			0 1em 1em 1em;
}
.content_wrapper dl {
	margin:			0 0 1em 0;
}
.content_wrapper dd {
	margin-left:	1em;
}
a {
	outline:		none;
}

.search-form fieldset {
	padding:	6px !important;
}
.search-form input {
	color:			#B0B0B0 !important;
	font-size:		13px;
}







/* =================================================
	2 - Positionierung der Layoutbereiche
==================================================== */
#keyvisual {
	display:	none;
}
		
.head_wrapper {
	position:		fixed;
	display: flex;
	align-items: stretch;
	width: 			100%;
	top:			0px;
	box-shadow:		0px 0px 3px rgba(0,0,0,0.3);
	z-index:		10;
}
		
		#logo {
			display:		inline-block;
			vertical-align:	top;
			width:			200px;
			height: 		59px;
		}
		.navigation_wrapper {
			display:		inline-block;
			position: 		relative;
			vertical-align:	top;
			padding:		0px 10px 0 30px;
			width: 			-webkit-calc(100% - 460px);
			width: 			calc(100% - 460px);
			text-align: 	left;
		}
				div[class^="edges"] {
					display: inline-block;
					position: relative;
					vertical-align: top;
					width: 20px;
					overflow: hidden;
				}
						.rotateme {
							height: 50px;
							width: 200px;
							position: absolute;
							bottom: -50px;
							left: 0;
							
							transform: rotate(-82deg);
							transform-origin: left top;
						}
					
		.toolbartop {
			display: 	inline-block;
			width: 		180px;
			text-align: center;
			vertical-align: top;
			font-family:		socialicoregular;
			line-height:	60px;
			overflow:		hidden;
		}
				.toolbartop > .ticon {
					margin-top:		-62px;
					transition:		all 0.3s;
				}
		



.content_wrapper {
	width:		1000px;
	margin:		0px auto;
	min-height:	1000px;
}
		.title_wrapper {
			width:			1000px;
			vertical-align:	top;
			padding:		140px 0px 70px 0px;
			text-align:		center;
		}
				.title_wrapper .title {
					margin:			0px;
					padding:		0px;
					margin-top:		10px;
				}
				.title_wrapper .subtitle {
					margin:			0px;
					padding:		0px;
					margin-bottom:	10px;
				}
		.main_wrapper {
			display:		inline-block;
			width:			760px;
			vertical-align:	top;
		}				
				.main_color {
					padding:	20px;
				}
				.content_main {
					line-height:	1.7;
				}
		.sidebar_wrapper {
			display:		inline-block;
			width:			200px;
			margin-left:	1px;
			vertical-align:	top;
			padding:		15px;
		}
		
				.sidebar {
					width:		180px;
				}
				.toolbar_wrapper {
					font-family:		socialicoregular;
					height:				50px;
					text-align:			center;
					padding-top:		0;
					margin:				0 0 15px 0;
				}
						.ticon {
							display:	inline-block;
							cursor:		pointer;
							margin:		0 10px 0 0;
							width:		50px;
							height:		50px;
							border-radius:	25px;
							text-align:	center;
							vertical-align:	top;
							font-size:		40px;
					
							-webkit-transition:	background-color 0.3s, color 0.3s, opacity 0.3s, margin 0.3s;
							transition:			background-color 0.3s, color 0.3s, opacity 0.3s, margin 0.3s;
						}
						.ticon .fa-angle-down {
							line-height:	54px;
						}
						.ticon .fa-angle-up {
							line-height:	46px;
						}
							
						.share {
							cursor:	default;
						}
						.sec {
							opacity:	0;
							position:	absolute;
							width:		40px;
							margin:		0px 0px 0px -40px;
						}
								.share:hover .face {
									opacity:	1;
									margin:		-50px 0px 0px -50px;
								}
								.share:hover .twitter {
									opacity:	1;
									margin:		-27px 0px 0px -5px;
								}
								.share:hover .google {
									opacity:	1;
									margin:		23px 0px 0px -5px;
								}
								.share:hover .linked {
									opacity:	1;
									margin:		50px 0px 0px -50px;
								}
				
				.fixed > .ticon {
					margin-top:		5px;
				}


.footer_wrapper {
	width:		720px;
	padding:	20px 20px;
	margin:		1px 0px 40px 0px;
	letter-spacing: 1px;
	text-transform:uppercase;
	text-align:	center;
}

.footer_wrapper, .footer_wrapper a {
	line-height:	1.7;
}


/* =================================================
	3 - Formatierung der Layoutbereiche
==================================================== */

/* ----- 3.1 Navigation ----- */

#cm_navigation ul {
	list-style-type:none;
	padding:		0px;
	margin:			0px;
	position:		static;
}
#cm_navigation > ul > li {
	display:		inline-block;
	padding:		0px;
	margin:			0px;
	vertical-align:	top;
}
#cm_navigation > ul > li > a {
	display:			block;
	text-decoration:	none;	
	text-transform:		uppercase;
	padding:			2px 12px;
	border-bottom:		1px dotted transparent;
	line-height:		54px;
	
	-webkit-transition:	color 0.3s, border 0.3s;
	transition:			color 0.3s, border 0.3s;
}
#cm_navigation > ul > li:hover > a {
	border-bottom:		1px dotted transparent;
}	

/* ----- Ende Navigation ----- */

/* ----- 3.2 SubNavigation -----  */
#cm_navigation > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
	transform:			skewX(70deg) scaleY(0);
	transform-origin:	left top;
		
	list-style-type:	none;
	padding:			0px;
	margin:				-2px 0 0 0;	
	position:			absolute;
	
	-webkit-transition:	opacity 0.4s, margin 0.4s, visibility 0.4s, color 0.4s, transform 0.4s;
	transition:			opacity 0.4s, margin 0.4s, visibility 0.4s, color 0.4s, transform 0.4s;
} 
#cm_navigation > ul > li > ul > li {
	padding:	0px;
	margin:		0px; 
}
#cm_navigation > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 15px 9px 10px; 
	
	-webkit-transition:	color 0.3s, border 0.3s;
	transition:			color 0.3s, border 0.3s;
}
#cm_navigation > ul > li > ul:before {
	content:		"";
	height:			10px;
	width:			100%;
	margin:			-10px 0px 0px 0px;
	background-color:	transparent;
	display:		block;
	position:		absolute;
}


#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
	opacity:	0.95;
	visibility:	visible;
	transform:	skewX(0deg) scaleY(1);
}


.cm_subnavigation > li > ul {
	display:	none;
}

#cm_navigation li.cm_has_subnavigation > a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-left: 0.313em solid transparent;
    border-right: 0.313em solid transparent;
    border-style: solid solid none;
    border-width: 0.313em 0.313em medium;
    content: "";
    display: inline-block;
    height: 0;
    position: relative;
    right: -0.313em;
    vertical-align: middle;
    width: 0;
}



.clearly {
	clear:	both;
}

/*
.content_wrapper {
	-webkit-transform:	translateX(200%);
	transform:			translateX(200%);
	
	-webkit-transition:	transform 0.4s;
	transition:			transform 0.4s;
}
.loadet .content_wrapper {	
	-webkit-transform:	translateX(0%);
	transform:			translateX(0%);
}

.loadet.moveaway .content_wrapper {	
	-webkit-transform:	translateX(-200%);
	transform:			translateX(-200%);
}

*/