@media only screen and (max-width: 1280px){
	.cnt {
	    padding: 0 20px;
	}
	.swiper-button-prev.video-prev {
		left: 1.25em;
	}
	.swiper-button-next.video-next {
		right: 1.25em;
	}
}



@media (max-width: 1024px) and (max-width: 1280px){ 
	.related-posts{
		padding: 0 20px;
	}
	.fusion-carousel-item{
		max-width: 100%;
	}
	.headcnt .span_6_of_12 {
	    width: 100%;
	}

	.headcnt {
	    margin: 310px 0 0;
	    min-height: 365px;
	}

	.headcnt.blogs{
		min-height: 0;
	}

	.box h1, .box h2, .box h3, .box h4, .box h5 {
	    padding: 20px 15px 20px 15px;
	}
	.box p {
	    padding: 0.5em 15px 1em 15px;
	}
	.news-latest .date {
	    padding: 20px 15px 0.5em 15px;
	}
	
	.blog_single_page .content{
		width:100%;
	}
	.single-related-posts .fusion-carousel-item{
		width: 94%;
	}
}


@media only screen and (max-width: 800px){ 
	.cnt {
	    padding: 0;
	}
	.col {
	    display: block;
	    float: none;
	    margin: 3% 0 3% 0 !important;
	}
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
    width: 100%;
	}
	
	.headcnt {
	    min-height: 265px;
	}

	.headcnt.blogs{
		min-height: 0;
	}

	header .logo {
	    left: 20px;
	    top: 60px;
	}

	.menu-button {
	    right: 20px;
	}

	header a.suche {
	    right: 60px;
	}

	header .language a {
	    right: 20px;
	}

	header .language .box-content {
	    right: 24px;
	}

	.startseite .box {
	    min-height: inherit;
	}

	.box.richtmaschinen, .box.entgratmaschinen, .box.bandanlagen, .box.entgratzentrum {
	    background-size: cover;
	    min-height: 350px;
	}
	.headcnt .box h1 {
	    padding: 0 15px 20px;
	}
	.headcnt .box p {
	    padding: 0.5em 15px 1em;
	}
	a.buttonweiss {
	    margin-left: 0;
	}

	.content {
	    padding: 0 1em;
	}

	.box.karriere {
    padding: 0 0 0;
	    background: #00457D url(../images/pic/HG_Karriere.jpg) 100% 50% no-repeat;
	}

	.news-latest .date {
	    padding: 1em 15px 0em 15px;
	    font-size: 0.875em;
	}

	.slick-prev {
	    left: inherit;
	    right: 65px;
	}
	.slick-next {
	    left: inherit;
	    right: 15px;
	}
	.slick-prev, .slick-next {
	    top: inherit;
	    bottom: -40px;
	}
	.news-latest p.link {
	    padding: 0 15px 0 15px;
	    font-size: 16px;
	}

	footer#menufooter ul.sitemapfooter li {
	    width: 50%;
	}

	.map .box {
	    min-height: inherit;
	}

	footer#menufooter {
	    margin-top: 2em;
	}

	footer#menufooter {
	    padding-left: 10px;
	    padding-right: 10px;
	}

	footer#menufooter2 p {
	    padding: 0 .5em;
	}

	footer#menufooter h4 {
	    clear: left;
	}

	.section.group.breadcrumb {
	    padding-bottom: 0.5em;
	    padding-top: 0.5em;
	}

	.breadcrumb span {
	    font-size: .875em;
	    padding-right: 0.5em;
	}

	.subsite-teasers .col .teaserimage {
	    display: none;
	}

	.subsite-teasers .section .col.distance h2, .subsite-teasers .section .col.distance p, .subsite-teasers .section:nth-child(2n+1) .col.distance h2, .subsite-teasers .section:nth-child(2n+1) .col.distance p, .span_12_of_12.teaser .csc-textpic-intext-left-nowrap h4, .span_12_of_12.teaser .csc-textpic-intext-left-nowrap p {
	    margin-left: 10px!important;
	}

	.info .box {
	    min-height: inherit;
	}

	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    	float: none;
	}
	.csc-textpic-text {
    	margin-left: 0!important;
   		margin-right: 0!important;
	}

	.new-slick-list .pull-right{
		float: none !important;
	}

	.new-slick-list img{
		max-width: 100%;
	}

	.margin0 {
   		margin: 0 !important;
	}
	.slick.new-slick .slick-prev,
	.slick.new-slick .slick-next {
		top: 14%;
	}

}

@media only screen and (max-width: 860px){
	.carousel-indicators.new{
		bottom: -30px;
	}
	.left.carousel-control.new-carousel,
.right.carousel-control.new-carousel {
	    opacity: 1;
	    right: 10px;
	}

}

@media screen and (min-width: 861px){
	.caption-text {
    	left: 20px;
    	position: absolute;
    	width: 350px;
    	top: 20px;
	}
	.caption-text p {
	    padding: 8px 17px 18px 17px;
	    background: rgba(255,255,255,1);
	}
	.caption-body p{
		 padding-bottom: 20px;
	}

}


 @media only screen and (max-width: 640px) {
 	
	h1, .unterseite h2 {
	    font-size: 2.0em;
	}

	 .bgimage {
	   top:80px
	}

	.box.karriere {
	 
	background-size: 50%  ;
	 
	}
	 footer#menufooter2 p {
	 text-align:center
	}
	.left.carousel-control.new-carousel .glyphicon-chevron-left, .right.carousel-control.new-carousel .glyphicon-chevron-right, .carousel-control .icon-next, .left.carousel-control.new-carousel .icon-prev {
		font-size: 30px;
		right: 5px;
		left: 5px;
	}
 }

 @media only screen and (max-width: 500px) {
header {
	height: 80px;
}
header .logo {
	top: 30px;
}
header .language a {
	top:5px;
	right: 10px
}
header .language .box-content {
	right: 10px;
	top: 25px;
}
header a.suche {
	top: 25px;
}
header .search .box-content {
	padding: 0;
	top: 80px;
	width: 100%;
}
.menu-button {
	right: 10px;
	top: 25px;
}
h1, h2, h3, h4, h5 {
	font-size: 1.2em;
	padding: .5em 0;
}
h1, .unterseite h2 {
	/*font-size: 1.5em;*/
	font-size: 1.2em;
}
.flexnav {
	top: 80px;
	width: 100%;
}
header .menutop {
	display: none
}
footer#menufooter ul.sitemapfooter li {
	width: 100%;
	float: none;
}

footer#menufooter2 {
   margin:1em 0
}
footer#menufooter2 span {
	display: block;
	padding: 0 0;
}

.inhalt div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: none;
}
.inhalt div.csc-textpic-intext-right .csc-textpic-imagewrap, .inhalt div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0;
}

.box.karriere h3 {
 
padding-top:200px
}
.box.karriere  {
background: #00457D url("../images/pic/HG_Karriere_smart2.jpg") 50% 0% no-repeat;
}

.news-single-img {
    float: none;
    margin: 0;
}
	.box.blue.rightpic h3 {
	    padding-top: 200px;
	}

}


@media only screen and (max-width: 450px) {
.headcnt {
	margin: 220px 0 0;
	min-height: 225px;
}

.headcnt.blogs{
		min-height: 0;
	}

footer#menufooter2 ul.social {
  margin-top:1.5em;
  text-align:center;
}
}

@media only screen and (max-width: 395px) {
 	
	.breadcrumb span {
		font-size: .75em;
		padding-right: 0.25em;
	}

	.headcnt {
		margin: 210px 0 0;
		 
	}

	a.button, a.buttonweiss {
	    text-align: center;
	   width:100%
	}
}