/* -----------------------------------------------------------------------------
This website is powered by indual
Copyright (c) 2005-2014 indual GmbH (www.indual.ch)
-------------------------------------------------------------------------------- */

@media screen and (max-width: 850px) {
	.pictures.gallery .picture {
		width: 33%;
	}
	.mailform_element textarea {
		width: 260px;
	}
}

@media screen and (max-width: 700px) {
	div#content_right,
	div#content {
		float: none;
		width: auto;
		padding-left: 0;
	}
	div#portlets_right {
		padding-left: 0;
		float: none;
		margin-left: -20px;
	}
	div#portlets_right .portlet {
		float: left;
		border-left: 20px solid white;
		box-sizing: border-box;
		width: 50%;
	}

	.mailform_element textarea {
		width: 220px;
	}
}

/* @group navigation */

@media screen and (max-width: 630px) {
	div#navigation,
	#header div#metanavigation,
	#header div#language {
		display: none;
	}
	.responsive_navigation_toggle {
		display: block;
	}
	nav#rwdnav {
		display: block;
		visibility: hidden;
		position: fixed;
		z-index: 90;
		top: 0; right: 0;
		width: 77%;
		height: 100%;
		opacity: 1;
		background: #494c53;
		box-shadow: inset 10px 0 10px -8px #000;
		overflow: hidden;
		-webkit-transform: translate3d(100%,0,0);
		   -moz-transform: translate3d(100%,0,0);
		   	-ms-transform: translate3d(100%,0,0);
		   	 -o-transform: translate3d(100%,0,0);
		   	 	transform: translate3d(100%,0,0);
		-webkit-transition: all 0.15s ease-out;
		   -moz-transition: all 0.15s ease-out;
		     -o-transition: all 0.15s ease-out;
		        transition: all 0.15s ease-out;
	}
	.page {
		position: relative;
		z-index: 30;
		-webkit-transform: translate3d(0,0,0);
		   -moz-transform: translate3d(0,0,0);
		   	-ms-transform: translate3d(0,0,0);
		   	 -o-transform: translate3d(0,0,0);
		   	 	transform: translate3d(0,0,0);
		-webkit-transition: all 0.15s ease-out;
		   -moz-transition: all 0.15s ease-out;
		     -o-transition: all 0.15s ease-out;
		        transition: all 0.15s ease-out;
	}
	.navi_open nav#rwdnav {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		   -moz-transform: translate3d(0,0,0);
		   	-ms-transform: translate3d(0,0,0);
		   	 -o-transform: translate3d(0,0,0);
		   	 	transform: translate3d(0,0,0);
	}
	.navi_open .page {
		-webkit-transform: translate3d(-77%,0,0);
		   -moz-transform: translate3d(-77%,0,0);
		   	-ms-transform: translate3d(-77%,0,0);
		   	 -o-transform: translate3d(-77%,0,0);
		   	 	transform: translate3d(-77%,0,0);
	}
}

/* @end */

@media screen and (max-width: 500px) {
	.pictures.gallery .picture {
		width: 50%;
	}
	.listing_entry .listing-content,
	#listing_entry_content,
	.overview_item .content {
		clear: both;
	}
	.listing_entry .resource_container,
	.overview_item .resource_container {
		clear: both;
		float: none;
		margin: 0;
	}
	.overview_item .resource_container .picture,
	.overview_item .resource_container .picture img {
		width: 100%;
		height: auto;
	}
	.pictures.float_left,
	.pictures.float_left_with_clear,
	.pictures.float_right,
	.pictures.float_right_with_clear {
		width: auto;
	}
	.pictures.float_left .picture,
	.pictures.float_left_with_clear .picture,
	.pictures.float_right .picture,
	.pictures.float_right_with_clear .picture {
		padding: 0;
	}
	.listing_entry .pictures :nth-last-child(2),
	.overview_item .pictures :nth-last-child(2) {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 470px) {
	div#portlets_right .portlet {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 430px) {
	.mailform_element input,
	.mailform_element textarea {
		box-sizing: border-box;
		width: 100%;
	}
	#mailform_submit_button label {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.pictures.gallery .picture {
		width: 100%;
	}
}