.bx-wrapper .bx-controls-direction a.bx-prev {
	left:20px;
}
	
.bx-wrapper .bx-controls-direction a.bx-next {
	right:20px;
}

#slider > div,
#slider > div > div {
	position:static !important;
}

@media screen and (max-width:1023px) {
	.bx-wrapper img {
		margin: 0px auto;
	}
	
	.bx-wrapper .bx-viewport ul li div.image {
		float:none;
		margin:auto;
		max-width:768px;
	}

	.bx-wrapper .bx-viewport ul li div.text {
		width:auto;
		height:auto;
		position:static;
	}
	.bx-wrapper .bx-viewport ul li div.text {
		padding-bottom:60px;
	}
	.bx-wrapper .bx-pager {
		bottom:20px;
		margin-left:35px;
	}
	
	#hero #hero-box {
		width:325px;
	}
	
	#navigation {
		margin-top:120px;
	}
	
	#navigation ul>li {
	  margin-left: 3px;
	}
}

@media screen and (max-width:768px) {
	.fpmain table {
		width:100% !important;
	}
	#screenwidth {
		content:'768';
	}
	article > .content > .standard.box.tablet-size-3 {
		width:100%;
		height:auto !important;
	}

	article > .content > .bild.box.size-1 {
		width:50%;
	}

	.bx-wrapper .bx-viewport ul li div.border {
		display:none;
	}
	
	.bx-wrapper .bx-controls-direction a.bx-prev {
		background-image:url(/images/slider-prev_mobile.png);
	}
	
	.bx-wrapper .bx-controls-direction a.bx-next {
		background-image:url(/images/slider-next_mobile.png);
	}
	
	footer>.content>.box.size-1,
	footer>.content>.box.size-2 {
		width:50%;
	}
}

@media screen and (max-width:767px) {
	#navigation {
		position:absolute;
		width:100%;
		height:0;
		overflow:hidden;
		background:#fff;
		z-index:4;
		margin-top:30px;
		-webkit-transition:height 0.5s;
		-moz-transition:height 0.5s;
		transition:height 0.5s;
		box-shadow:0 10px 10px rgba(0,0,0,0.2);
	}
	
	#navigation ul {
		float:none;
		text-align:left;
		padding-top:30px;
	}
	
	#navigation ul li {
		display:block;
		float:none;
		margin-left:0;
	}
	
	#navigation ul>li>ul {
		display: block;
		position: static;
		margin-left:0;
		margin-top:10px;
	}
	#navigation ul>li>ul>li {
		border:none;
	}
	
	#navigation ul>li>ul>li>a {
		color:inherit;
		padding:5px 20px 5px 0;
	}
	
	header {
		height:80px;
	}
	#topbar {
		border:none;
	}
	#topbar>.content img {
		height:90px;
	}
	#topbar>.content a.metanav:hover {
		text-decoration:none;
	}
	#topbar>.content a.metanav i {
		font-size:2em;
	}
	
	#topbar>.content a.metanav span {
		display:none;
	}
	#topbar>.content a.mobilemenu {
		display:inline-block;
		padding:0 10px;
	}
	
	#topbar>.content a.mobilemenu.open i{
		color:#000;
	}
}

@media screen and (max-width:640px) {
	
	article .contentmargin1 {
		margin-bottom:15px;
	}
	article .contentmargin2 {
		margin-bottom:30px;
	}
	article > .content > .box,
	article > .content > .bild.box.size-1 {
		width:100%;
		height:auto !important;
	}
	
	article > .content > .bild.box.size-1 {
		margin-bottom:30px;
	}
	article > .content > .box.link {
		border:none;
		padding-left: 15px;
	}
	
	.bx-wrapper .bx-viewport ul li div.text {
		padding:15px;
		padding-bottom:60px;
	}
	.bx-wrapper .bx-pager {
		margin-left:10px;
	}
	.bx-wrapper .bx-controls-direction a,
	.bx-wrapper .bx-controls-direction a:hover {
		height:50px;
		width:30px;
		margin-top:-25px;
	}
	
	.bx-wrapper .bx-controls-direction a.bx-prev {
		left:10px;
	}
	
	.bx-wrapper .bx-controls-direction a.bx-next {
		right:10px;
	}
	#hero #hero-box {
		width:auto;
		padding:0 15px;
		top:15px;
	}
	
	#hero {
		background-image: url(/images/hero_mobile.jpg);
	}
	
	footer {
		padding-top:30px;
	}
	footer>.content>.box.size-1,
	footer>.content>.box.size-2,
	footer>.content>.box.size-2 > div {
		margin-bottom:30px;
		width:100%;
	}
	footer>.content>.box.size-2 > div:last-child {
		margin-bottom:0;
	}
	footer .hr {
		padding-bottom: 0;
	}
}

@media screen and (max-width:500px) {
	#copyright_title {
		display:block;
	}
	#copyright .divider.first {
		display:none;
	}
}