@media all and (max-width: 1220px) {
	.inner { width: 1060px; }
	#debug { display: none; }
}
@media all and (max-width: 1080px) {
	.inner { width: 790px; }
	#search { 
		margin-bottom: 14px;
		margin-left: 0;
		margin-right: 0;
		width: 480px;
	}
	#stream {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#header { height: 125px; }
	#header .background { display: none; }
	#content .marginal {
		display: block;
		margin: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	#filter_intro { margin-top: 0; }
	#filter_intro .more { display: block; }
	#filter_intro .intro {
		height: 110px;
		overflow: hidden;
	}
	#home_nav a {
		border-bottom: 1px dotted rgb(0, 110, 208);
		color: rgb(0, 110, 208);
	}
	#home_nav h2 { color: rgb(0, 110, 208); }
	#home .overview > div {
		width: 100% !important;
		height: 355px;
		float: none;
		margin: 0 0 20px 0 !important;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#home .overview > div.terrarium { background-image: url("../images/heimtierbedarf/banner_lizard.jpg"); }
	#home .overview > div.horses { background-image: url("../images/heimtierbedarf/banner_horses.jpg"); }
	#home .overview > div.fish_tank { background-image: url("../images/heimtierbedarf/banner_fishes.jpg"); }
	#home .overview > div.birds { background-image: url("../images/heimtierbedarf/banner_birds.jpg"); }
	#home .overview > div.cats { background-image: url("../images/heimtierbedarf/banner_cats.jpg"); }
	#home .overview img { display: none; }
	#mobile_button { display: block; }
	#logo { margin-left: 0; }
	.similar .product:nth-of-type(3n+0), .product:nth-of-type(3n+0) { margin-right: 0; }
	.product:nth-of-type(4n+0) { margin-right: 20px; }
	/*#scrollup_teaser {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		padding-right: 0;
	}*/
	#breadcrumb li { line-height: 30px; }
	#footer {
		margin-top: 40px;
		padding: 20px 0;
	}
	#navigation, #scrollup_teaser span { display: none; }
	#footer h3 { margin-bottom: 10px; }
	#footer a {
		width: auto;
		display: block;
	}
	#suggest_brand, #suggest_category, #about {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	#suggest_category a, #suggest_brand a {
		width: 45%;
		display: inline-block;
		margin-right: 10%;
	}
	#suggest_category a:nth-of-type(2n+2), #suggest_brand a:nth-of-type(2n+2) {
		margin-left: 0;
		margin-right: 0;
	}
	#suggest_brand { margin-left: 0; }
	.detail .image {
		width: 440px;
		margin-right: 20px;
	}
	.detail h1, .detail .head .brand {
		width: auto;
		float: none;
		margin-top: 10px;
	}
	.detail .head .brand {
		position: relative;
		text-align: left;
		top: 0;
		left: 0;
	}
	.detail .image img { max-width: 440px; }
	.detail .attributes, .detail .extern { margin-left: 460px; }
	.detail .extern { width: 236px; }
	.detail .description_left, .detail .description_right { width: 350px; }
	#area_teaser {
		width: 100%;
		margin-bottom: 20px;
	}
	#home h1 {
		margin: 20px 0;
		text-align: center;
	}
	#home_header {
		position: relative;
		height: 450px;
	}
	#home_teaser .teaser a.blue_button {
		left: auto;
		right: 35px;
		width: 180px;
	}
	#home_teaser .teaser h2,
	#home_teaser .teaser span {
		text-align: right;
	}
	#home_nav {
		box-sizing: border-box;
		top: 0;
		left: 50px;
		height: 100%;
		min-height: initial;
		max-height: 355px;
		width: 290px;
		z-index: 200;
		background: url("../images/bg_ffffff_75.png") repeat center center;
		float: none;
		position: absolute;
	}
}
@media all and (max-width: 960px) {
	#logo { margin-left: 25px; }
}
@media all and (max-width: 910px) {
	#logo { margin-left: 50px; }
}
@media all and (max-width: 860px) {
	#logo { margin-left: 80px; }
}
@media all and (max-width: 810px) {
	.inner { width: 520px; }
	#header {
		height: 185px;
	}
	#logo {
		float: none;
		margin: 20px auto 0;
	}
	#search {
		clear: both;
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	#home_header { height: 425px; }
	#home_teaser > a {
		background-size: 25px auto;
		font-size: 16px;
		line-height: 45px;
		padding-left: 57px;
		width: 103px;
	}
	#home_teaser .teaser a.blue_button { right: 20px; }
	#home_teaser .teaser { width: 100%; }
	#home_teaser .teaser img {
		position: absolute;
		left: 50%;
		margin-left: -395px;
	}
	#home_teaser .teaser h2,
	#home_teaser .teaser span {
		float: right;
		max-width: 200px;
		padding-right: 20px;
	}
	#home_teaser .teaser h2 { margin-top: 20px; }
	#home_teaser .teaser span { clear: both; }
	#home .overview > div {
		box-sizing: border-box;
		margin-bottom: 20px;
		max-width: 100%;
	}
	#home .overview > div.terrarium .blue_button,
	#home .overview > div.horses .blue_button {
		left: 0;
		margin: 0 auto;
		right: 0;
	}
	.detail .head .social {
		float: left;
		margin-bottom: 10px;
	}
	.detail .image {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.detail .attributes, .detail .extern {
		margin-left: 0;
		margin-top: 30px;
	}
	.detail .extern { width: auto; }
	.detail .description_left, .detail .description_right {
		float: none;
		width: auto;
	}
	.detail .description_right { margin-top: 20px; }
	#area_teaser { height: 300px; }
	#area_teaser h1 {
		width: 280px;
		height: 120px;
		margin-left: -140px;
		margin-top: -60px;
		font-size: 20px;
	}
	#area_teaser h1 span {
		font-size: 24px;
	}
	#home_nav { left: 0; }
	#home_teaser .pager_left, #home_teaser .pager_right, #home_teaser .pager_element div { display: none; }
	.partner_overview .head, .partner_overview .logo, .partner_overview .head > a {
		display: block;
		text-align: center;
	}
	.product:nth-of-type(3n+0) { margin-right: 20px; }
	.product:nth-of-type(2n+0) { margin-right: 0; }
	.product:nth-of-type(4n+0) { margin-right: 0; }
	#se_intro {
		height: 40px;
		padding: 5px 0;
		line-height: 20px;
	}
	#se_intro .inner > div:first-of-type { width: 90%; }
	#cat_teaser { width: 100%; }
}
@media all and (max-width: 530px) {
	.inner {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#stream { width: 250px; }
	.stream_empty {
		text-align: center;
		font-size: 14px;
	}
	#logo { margin-right: 0; }
	#home_nav {
		width: 280px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#home_teaser > a { display: none; }
	#home_teaser .teaser h2,
	#home_teaser .teaser span,
	#home_teaser .teaser a {
		display: none;
	}
	#home_header { height: 355px; }
	
	#suggest_category a, #suggest_brand a {
		width: auto;
		display: block;
		margin-right: 0;
	}
	.product {
		display: block;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	.product:nth-of-type(3n+0), .product:nth-of-type(2n+0) { margin-right: auto; }
	.detail {
		padding: 0;
		border: none;
	}
	.detail .image { width: 310px; }
	.detail .image img { max-width: 310px; }
	#area_teaser { height: 240px; }
	#area_teaser h1 {
		width: 260px;
		margin-left: -130px;
	}
	.area_overview .head a:last-of-type, .cat_overview .head a:last-of-type {
		width: 30px;
		padding: 0;
		overflow: hidden;
		background: url("../images/arr_right.png") no-repeat 10px center rgb(245,72,40);
		text-indent: 30px;
	}
	#stream .product,
	.product {
		display: block;
		margin: 0 auto 20px !important;
	}
	#se_intro { height: 60px; }
	#se_intro .inner > div:first-of-type { width: 85%; }
	#cat_teaser { display: none; }
}
@media all and (max-width: 350px) {
	.detail .image { width: 270px; }
	.detail .image img { max-width: 270px; }
	#se_intro { font-size: 11px; }
}
