@media screen and (min-width: 768px){

	/**************************************************
	NAV
	**************************************************/

	nav a{
		font-size: 13px;
	}

	/**************************************************
	HOTLINE
	**************************************************/

	img.hotline{
		margin-top: -30px;
	}


	/**************************************************
	CONTACT
	**************************************************/

	.dl-horizontal dd {
		margin-left: 40px;
	}

	.hotline-wrapper .dl-horizontal dd {
		margin-left: 100px;
	}

	/**************************************************
	PUZZEL
	**************************************************/

	body.page .puzzel-wrapper{
		display: block;
	}	

	#mapster_wrap_0{
		display: block !important;
	}

	.mobile{
		display: none;
	}

}

@media screen and (min-width: 992px){

	/**************************************************
	HOMEPAGE
	**************************************************/

	.intro-services a{
		margin-bottom: 0;
	}

	/**************************************************
	NAV
	**************************************************/

	nav a{
		font-size: 14px;
	}

	.navbar-brand{
		padding: 0;
		height: 40px;
		max-width: 320px;
		margin-top: -15px;
	}

	.navbar-default{
		padding:34px 0 8px;
	}

	/**************************************************
	MAIN CONTENT
	**************************************************/

	.main-content {
		padding: 15px 50px 0 15px;
	}

	.page-content{
		margin: 35px auto 45px;
	}

	/**************************************************
	ASIDE
	**************************************************/

	aside {
		margin-top: 85px;
	}

	aside .mobile-aside{
		display: none;
	}

	/**************************************************
	FOOTER
	**************************************************/

	footer h3 {
		margin-bottom: 30px;
	}

	footer .col-md-4{
		margin-bottom: 0;
	}

	.page .desktop{
		display: block;
	}

	/**************************************************
	ARTICLES
	**************************************************/

	.articles-overview .intro-services .col-md-4{
		padding-top: 62px;
	}

}


@media screen and (min-width: 1200px){

	/**************************************************
	NAV
	**************************************************/

	

	/**************************************************
	PUZZEL
	**************************************************/

	body.homepage .puzzel-wrapper{
		width: 100% !important;
	}

	body.page .puzzel-wrapper{
		width: 75% !important;
	}

	body.page .puzzel-wrapper #mapster_wrap_0 img.mapster_el{
		/*width: 75% !important;*/
	}

}

@media screen and (min-width: 1497px){

	/**************************************************
	PUZZEL
	**************************************************/

	body.page .puzzel-wrapper, body.homepage .puzzel-wrapper{
		width: 1497px !important;
	}
}