@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 1251px) {   }


@media only screen and (min-width: 1024px) and (max-width: 1250px) {   /* ---- Tablet Landscape ---- */

		



}


@media only screen and (min-width: 768px) and (max-width: 1023px) {    /* ---- Tablet Portrait ---- */

		.head_wrapper {
			position:	relative;
			display: block;
		}
				#logo {
					display:	block;
					width:		100%;
					height: 	80px !important;
					background-position: center !important;
				}
				.navigation_wrapper {
					display:	block;
					text-align:	center;
					white-space:	normal;
					max-width:		none;
					width: 			100%;
				}
				div[class^="edges"] {
					display: none;
				}
				.toolbartop {
					display:		none;
				}
		
		.content_wrapper {
			width:		95%;
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;	
			box-sizing:			border-box;
		}
				.title_wrapper {
					width:			95%;
					padding:		50px 0px;
				}
						.title_wrapper .title {
						}
						.title_wrapper .subtitle {
						}
				.main_wrapper {
					width:		-webkit-calc(100% - 240px);
					width:		calc(100% - 240px);
				}				
						.main_color {
						}
						.content_main {
						}
				.sidebar_wrapper {
				}
				
						.sidebar {
						}
						.toolbar_wrapper {
						}
								.ticon {
								}
								.share {
								}
								.flip {	
								}
								.sec {
								}
										.share:hover .face {
										}
										.share:hover .twitter {
										}
										.share:hover .google {
										}
										.share:hover .linked {
										}
		
		
		.footer_wrapper {
			width:		518px;
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;
			box-sizing:			border-box;
		}
		
		.footer_wrapper, .footer_wrapper a {
		}
		
		
		/* ----- 3.1 Navigation ----- */
		
		#cm_navigation ul {
			margin-top:		0px;
		}
		#cm_navigation > ul > li {
		}
		#cm_navigation > ul > li:first-child {
			margin:			0px;
		}
		#cm_navigation > ul > li:before {
			display:		block;
			width:			10px;
			padding:		0px; 
			margin-left:	0px;
			margin-top:		10px;
		}
		#cm_navigation > ul > li:first-child:before{
		}
		#cm_navigation > ul > li > a {
	padding:			2px 12px;
		}
		#cm_navigation > ul > li:hover > a {
		}	
		
		/* ----- Ende Navigation ----- */
		
		/* ----- 3.2 SubNavigation -----  */
		#cm_navigation > ul > li > ul {
			display:	none;
		} 
		#cm_navigation > ul > li > ul > li {
		}
		#cm_navigation > ul > li > ul > li > a {
		}
		#cm_navigation > ul > li > ul:before {
		}
		
		
		#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
			display:	block;
		}
		
		
		.cm_subnavigation > li > ul {
		}

}


@media only screen and (min-width: 1px) and (max-width: 767px) {    /* ---- Handy Landscape ---- */


		.head_wrapper {
			position:	relative;
			display: block;
		}
				#logo {
					display:	block;
					width:		100%;
					margin:		0px auto;
					height: 	80px !important;
					background-position: center !important;
				}
				.navigation_wrapper {
					display:	block;
					width: 100%;
					text-align:	center;
					padding:	10px 0px;
				}
				div[class^="edges"] {
					display: none;
				}
		
		
		#toolbar, #toolbar_top {
			display:	none;
		}
					
				  .toolbartop {
					  position:		fixed;
					  display:		block;
					  width:		100%;
					  top:	-65px;		
					  opacity:		0;
					  visibility:	hidden;
					  -webkit-transition:	top 0.3s, opacity 0.3s, visibility 0.3s;
					  transition:			top 0.3s, opacity 0.3s, visibility 0.3s;
				  }
				  
				  .toolbartop > .ticon {
					  margin-top:	0px;
				  }
				   .toolbartop.fixed {
					  top:	0px;
					  opacity:		1;
					  visibility:	visible;
				  }
		
		.content_wrapper {
			width:		95%;
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;
			box-sizing:			border-box;
		}
				.title_wrapper {
					width:			100%;
					padding:		20px 0px 15px 0px;
				}
						.title_wrapper .title {
						}
						.title_wrapper .subtitle {
						}
				.main_wrapper {
					width:		100%;
					display:	block;
					-webkit-box-sizing:	border-box;
					-moz-box-sizing:	border-box;
					box-sizing:			border-box;
				}				
						.main_color {
						}
						.content_main {
						}
				.sidebar_wrapper {
					display:	block;
					width:		100%;
					margin:		2px 0px 40px 0px;
					-webkit-box-sizing:	border-box;
					-moz-box-sizing:	border-box;
					box-sizing:			border-box;
				}
				
						.sidebar {
							width:	49%;
							display: inline-block;
							vertical-align:	top;
							-webkit-box-sizing:	border-box;
							-moz-box-sizing:	border-box;
							box-sizing:			border-box;
						}
						#toolbar {
							display:	none;
						}
						.toolbar_wrapper {
						}
								.ticon {
								}
								.share {
								}
								.flip {	
								}
								.sec {
								}
										.share:hover .face {
										}
										.share:hover .twitter {
										}
										.share:hover .google {
										}
										.share:hover .linked {
										}
		
		
		.footer_wrapper {
			width:		100%;
			margin:		1px 0px 0px 0px;
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;
			box-sizing:			border-box;
		}
		
		.footer_wrapper, .footer_wrapper a {
		}
		
		
		/* ----- 3.1 Navigation ----- */
		
		#cm_navigation ul {
			margin-top:		0px;
		}
		#cm_navigation > ul > li {
			display:	block;
			margin:		0px;
		}
		#cm_navigation > ul > li:first-child {
			margin:			0px;
		}
		#cm_navigation > ul > li:before {
			display:		none;
			width:			10px;
			padding:		0px; 
			margin-left:	0px;
			margin-top:		10px;
		}
		#cm_navigation > ul > li:first-child:before{
			display:	none;
		}
		#cm_navigation > ul > li > a {
			padding:		10px 7px 7px 17px;
			font-size:		medium !important;
			display:		block;
			line-height:	normal;
		}
		#cm_navigation > ul > li:hover > a {
		}	
		
		/* ----- Ende Navigation ----- */
		
		/* ----- 3.2 SubNavigation -----  */
		#cm_navigation > ul > li > ul {
			transform:	none;
			margin:		0px;
			position:	relative;
			display:	none;
			padding:	10px 0px;
			
			-webkit-box-shadow:	 0px 0px 0.7em 0.4em rgba(0,0,0,0.4) inset;
			box-shadow:			 0px 0px 0.7em 0.4em rgba(0,0,0,0.4) inset;
		} 
		#cm_navigation > ul > li > ul > li {
		}
		#cm_navigation > ul > li > ul > li > a {
		}
		#cm_navigation > ul > li > ul:before {
			display:	none;
		}
		
		
		#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
			display:	block;
			margin:		0px;
			transform:	none;
		}
		
		
		.cm_subnavigation > li > ul {
		}


}