/* M */
@media only screen and (max-width: 1366px) {
	.centralblock{
		width: 100%;
	}
	.topmenu .centerblock .menushifter, .topmenu .centerblock .menushifter.alt{
		margin-left: auto;
	}
}
@media only screen and (max-width: 1190px) {
	.topmenu .centerblock .navlink{
		margin-right: 20px;
	}
	.topmenu .leftblock {
		width: 147px;
	}
}
@media only screen and (max-width: 1050px) {
	.topmenu .centerblock .navlink{
		margin-right: 10px;
	}
	.topmenu .rightblock {
		width: 147px;
		margin-right: 20px;
	}
	.topmenu .shareblock {
		margin-top: 0px;
	}
	.shareblock .premise {
		margin-right: auto;
		text-align: center;
		width: 100%;
	}
}
@media only screen and (max-width: 890px) {
	.topmenu .centerblock .navlink{
		font-size: 14px;
	}
}
@media only screen and (max-width: 840px) {
	.topmenu{
		height: 100%;
    		margin-left: 10px;
    		margin-right: 10px;
    		margin-bottom: 10px;
		position: relative;
	}
	.topmenu .centerblock, .topmenu .leftblock, .topmenu .rightblock{
		float: none;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.topmenu .centerblock{
		height: 100%;
		margin-bottom: 80px;
	}
	.topmenu .centerblock .navlink{
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.menushifter.alt .navlink.main {
    		display: inline-block;
	}
	.topmenu .leftblock {
    		margin-left: 0px;
		height: 80px;
		margin-bottom: 10px;
	}
	.topmenu .rightblock {
		margin-right: 0px;
		margin-left: 0px;
	}
	.topmenu .centerblock .menushifter {
		margin-top: 0px;
	}
	.topmenu .rightblock{
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 158px;
		margin-left: -78px;
		height: 74px;
	}
}
/* C-B-01 */
@media only screen and (max-width: 1240px) {
	.content-block01{
		margin-bottom: 250px;
	}
	.content-block01 .textblocks .textblockcenterer {
    		margin-left: -500px;
	}
	.productFooter.alternate{
		bottom: -470px;
	}
}
@media only screen and (max-width: 1000px) {
	.content-block01 .textblocks {
		text-align: left;
	}
	.content-block01 .textblocks .textblockcenterer {
    		margin-left: 100px;
	}
}
@media only screen and (max-width: 930px) {
	.content-block01 .textblocks .textblockcenterer {
    		margin-left: 50px;
	}
}
@media only screen and (max-width: 860px) {
	.content-block01 .textblocks .textblockcenterer {
    		margin-left: 10px;
	}
}
@media only screen and (max-width: 590px) {
	.frontimage {
		margin-left: 0;
		width: 100%;
	}
	.productFooter.alternate{
		bottom: -490px;
	}
}
@media only screen and (max-width: 452px) {
	.content-block01{
		background-size: cover;
	}
	.content-block01 .textblocks .textblockcenterer {
    		margin-left: 0px;
		width: 100%;
	}
	.content-block01 .subcontent[rel~="0"], .content-block01 .subcontent[rel~="1"], .content-block01 .subcontent{
		width: 100%;
		height: 100%;
		padding-bottom: 30px;
	}
}
@media only screen and (max-width: 360px) {
	.content-block01{
		margin-bottom: 300px;
	}
	.productFooter.alternate{
		bottom: -510px;
	}
}
/* C-B-02 C-B-03 */
@media only screen and (max-width: 1306px) {
	.content-compensator {
		height: 156px;
	}
}
@media only screen and (max-width: 1190px) {
	.content-compensator {
		height: 256px;
	}
}
@media only screen and (max-width: 1120px) {
	.content-block03.first{
		margin-top: 35px;
	}
	.content-block03, .content-block03.second, .content-block03.third, .content-block03.forth {
		text-align: center;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.content-block03 .subcontent,.content-block03.first .subcontent, .content-block03.second .subcontent,.content-block03.third .subcontent, .content-block03.forth .subcontent {
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.content-block03 .subcontent,.content-block03.first .subcontent, .content-block03.third .subcontent {
		margin-top: -40px;
	}
	.content-block03.second .subcontent, .content-block03.forth .subcontent {
		margin-bottom: -40px;
	}
	.content-compensator {
		height: 56px;
	}
}
@media only screen and (max-width: 870px) {
	.content-compensator {
		height: 156px;
	}
}
@media only screen and (max-width: 790px) {
	.content-block03 img, .content-block03.second img, .content-block03.third img, .content-block03.forth img{
		width: 100%;
	}
}
@media only screen and (max-width: 590px) {
	.content-block02 .maint {
		width: 100%;
		margin-left: 0px;
		/*text-shadow: 1px 1px white;*/
	}
	.content-compensator {
		height: 170px;
	}
	.content-block02.more .rd {
		margin-left: 0px;
	}
}
@media only screen and (max-width: 452px) {
	.content-block02{
		background-size: cover;
	}
	.content-block03, .content-block03.second, .content-block03.third, .content-block03.forth {
		margin-top: 0px;
		margin-bottom: 0px;
		min-height: 0;
	}
	.content-block03 .subcontent, .content-block03.second .subcontent,.content-block03.third .subcontent, .content-block03.forth .subcontent {
		width: 100%;
	}
	.content-block03.first .subcontent .st,.content-block03.first .subcontent .ht,
	.content-block03.forth .subcontent .st,.content-block03.forth .subcontent .ht{
		width: 85%;
	}
	.content-compensator {
		height: 230px;
	}
}
/* C-B-04 */
@media only screen and (max-width: 1200px) {
	.adviceArtBlockHalf.second{
		float: right;
		margin-left: 10px !important;
		width: 45%  !important;
	}
}
@media only screen and (max-width: 950px) {
	.adviceArtBlock.left .atext {
		left: 10px !important;
	}
	.adviceArtBlock.left .name {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.adviceArtBlock.left .acontent {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.adviceArtBlock.right .atext {
		right: 10px !important;
	}
	.adviceArtBlock.right .name {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.adviceArtBlock.right .acontent {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.adviceArtBlock .acontenttext, .adviceArtBlock .name {
		width: 100% !important;
	}

	.adviceArtBlockDouble{
		text-align: center;
	}	
	.adviceArtBlockHalf.first ,.adviceArtBlockHalf.second, .adviceArtBlockHalf .aimage{
		width: 100% !important;
		margin-left: 0px !important;
		float: none;
		display: inline-block;
	}
	.adviceArtBlockHalf.second .atext, .adviceArtBlockHalf.second .acontent{
		text-align: center;
	}
	.adviceArtBlockHalf.second{
		margin-top: 60px !important;
	}
	.adviceArtBlock .atext{
		background-color: rgba(0,0,0,0.4);
		color: white;
		padding: 5px;
	}
	.adviceArtBlock .acontent a{
		color: white;
		border-bottom: 1px solid white;
	}
}
@media only screen and (max-width: 760px) {
	.adviceArtBlock .aimage .imageframe, .adviceArtBlockHalf .aimage .imageframe{
		width: 100% !important;
		opacity: 1 !important;
	}
	.adviceArtBlock .aimage .fauxframe, .adviceArtBlockHalf .aimage .fauxframe{
		display: none !important;
		opacity: 0;
	}
	.adviceArtBlock .aimage, .adviceArtBlockHalf .aimage{
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100%;
	}
	.adviceArtBlock{
		margin-top: 30px !important;
		margin-bottom: 30px !important;
		overflow: hidden;
	}

	.adviceArtBlock .atext{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 10;
		display: inline-block;
	}
	.adviceArtBlock.left .atext{
		left: 0 !important;
	}
	.adviceArtBlock .aimage{
		position: absolute !important;
		top: 0;
		left: 0;
	}
	.adviceProduct a img{
		width: 80%;
	}
}
@media only screen and (max-width: 650px) {
	.adviceArtBlock .name .headline{
		width: 100% !important;
	}
	.adviceArtBlock .atext{
		width: 100% !important;
		padding: 0px;
	}
/* new, as asked */
	.adviceArtBlock .aimage{
		position: static !important;
	}
	.adviceArtBlock .atext{
		background: none !important;
		color: black !important;
		margin-bottom: 10px !important;
	}
	.adviceArtBlock .acontent a{
		color: black;
		border-bottom: 1px solid black;
	}
	/* strange number position bug */
	.adviceArtBlock .name .number, .adviceArtBlockHalf .name .number {
		top: -52px !important;
		line-height: normal !important;
		display: inline-block;
		vertical-align: middle;
	}
	.adviceArtBlock, .adviceArtBlockHalf{
		overflow: visible !important;
	}
	.adviceArtBlock .name .headline,.adviceArtBlockHalf .name .headline {
		vertical-align: middle;
		line-height: normal !important;
	}
/* end new*/
	.adviceArtBlockHalf.first .atext,.adviceArtBlockHalf.second .atext {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.adviceArtBlockHalf .atext{
		width: 100% !important;
		padding: 0px;
	}
	.adviceArtBlockHalf.first .name,.adviceArtBlockHalf.second .name {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}
	.adviceArtBlockHalf.first .acontenttext, .adviceArtBlockHalf.second .acontenttext{
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}
	.adviceProduct a img{
		width: 60%;
	}
	.adviceProduct {
		right: -120px;
	}
}
@media only screen and (max-width: 590px) {
	.frontimage.advice {
		margin-left: 0;
		width: 100%;
	}
	.content-block04 .maint {
		width: 100%;
		margin-left: 0px;
		/*text-shadow: 1px 1px white;*/
	}
	.content-block04.more .maint {
		width: 100%;
		margin-left: 0px;
	}
	.content-block04.more .rd {
		margin-left: 0px;
	}
	.content-block04.more .frontimage.advice {
		margin-left: 0;
	}
}
/* G */
@media only screen and (max-width: 1100px) {
	.mainglass{
		background-color: rgba(0,0,0,0.4);
		color: white;
	}
	.content-block02 .mainglass{
		background-color: rgba(0,0,0,0.6);
	}
	.maint a{
		border-bottom: 1px solid white;
	}
	.maint a, .maint a:hover{
		color: white;
	}
}
/* PF */
@media only screen and (max-width: 650px) {
	.pseudofooter .tt{
		margin-top: 20px;
		margin-bottom: 20px;
	}
}