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

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap {
		margin-top: -31px;
	}
	
	.pagewidth {
		max-width: 96%;
	}
		
	/* content */
	#content {
		margin-left: 337px;
		max-width: 55%;
		height:100%;
		margin:0 20px 0 0;
	}
	#masonry, #work{
		width: 100%;
	}
	.post{
		width:auto;
	}
	.post img{
		width:100%;
	}

	.view{
		width:45%;
	}
		.view .mask{
		   	width: 100%;
		   	height: 100%;
		}
		.view a{
		   	font-size: 1.5em;
		   	line-height: auto;
		}
	
	
	/* header */
	#is_home{
		margin: 62px 0 0 23px;
	}
	

	
	
	
}




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

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	
	#pagewrap{
		background-image: none;
	}
	.pagewidth {
		max-width: 100%;
	}
	
	#content {
		position: relative;
		left:  0;
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	
	/* sidebar */
	#sidebar {
		width: 100%;
		max-width: 100%;
		padding-bottom: 2px;
		float: none;
		clear: both;
	}
	
	/************************************************************************************
	HEADER
	*************************************************************************************/
	
	/* header */
	#is_home{
		margin: 31px 0 0 23px;
		padding: 2px 0 0 0;
		height: 53px;
		width:267px;
		background: url(images/home_bg.png) no-repeat 7px 16px;
		border-bottom: none;
	}
	#is_home  a{
		display: block;
		margin: 16px 0 0 12px;
	}
	
	
	
	/* nav bar */
	#nav-bar {
		display: none;
	}
		
		

	/************************************************************************************
	SIDEBAR
	*************************************************************************************/
	a.sidebar-nav{
		position: absolute;
		top: 11px;
		right: 10px;
		display: block;
		margin:0 0 12px 0;
		padding: 8px 6px;
		width: auto;
		height: auto;
		text-decoration:none;
		font-size:11pt;
		text-transform:uppercase;
		color:#1a171b;
		background: #ededed;
	}
		
		a:hover.sidebar-nav {
			color:#1a171b !important;
			background: white;

		}
		a:focus.sidebar-nav {

		}
		.dcjq-accordion ul a.dcjq-parent, .dcjq-accordion ul a.dcjq-parent.active {
			background-position: 99% 5px;
		}
		.dcjq-accordion ul a:hover.dcjq-parent.active, .dcjq-accordion ul a:hover.dcjq-parent{
			background-position: 99% -63px !important;
		}
	
	/* hide divToToggle when opened*/	
	#divToToggle{
		display:none;
	}
	
	/*categories und links zweispaltig css3*/
	.widget_categories ul, .follow{
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px; 
	}
	

	
	#ivaldi_mail_collector_frontend{
		margin-top: 10px;
	}
	
	/* hide featured-post*/
	#ak_featured_post_widget-2{
		display:none;
	}
	
	
	/************************************************************************************
	VIEW
	*************************************************************************************/
	
	.view  {
		overflow:auto;
	}
	
	
	
	/************************************************************************************
	PAGE NAVIGATION
	*************************************************************************************/
	.pagebar {
		width:100%;
	}
	
	.page-title {
		display: block;
		margin: -10px 0 15px 0;
		padding: 0 0 0 20px;
		min-height: 30px;
		line-height: 30px;
		font-size: 17px;
		text-decoration: none !important;
		color: #1a171b;
		background-color: #ebebeb;
	}
		
		
	/************************************************************************************
	HOMEPAGE
	*************************************************************************************/
		.view a{
		   	font-size: 1.4em;
		}		
		
		
		
	/************************************************************************************
	FOOTER
	*************************************************************************************/
	#footer{
		width:70%;
	}


}



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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	
	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	/* post */
	.post {
		float: none;
	}
	
	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	
	/************************************************************************************
	PAGE NAVIGATION
	*************************************************************************************/
	.pagebar {
		width:100%;
	}
	
	
	
	
	/************************************************************************************
	HOMEPAGE
	*************************************************************************************/
	.view{
		margin:4px;
	}
		.view .mask{
		   	width: 100%;
		   	height: 100%;
		}
		.view a{
			top:  30%;
		   	font-size: 1.2em;
		   	line-height: 20px;
		}
	
}