/*
Schaefer Template
creation Date: 2018-07-04
Author: Sebastian Osinski
http://www.sebbi.net
*/

.responsive-only{
	display: none;
}
.not-responsive-only{
	display: initial;
	display: inherit;
}


@media (max-width: 1300px){
	.main-container{
		width: 95%;
		text-align: center;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.responsive-only{
		display: initial;
		display: inherit;
	}
	.not-responsive-only,
	.breadcrumb{
		display: none;
	}
	.content-tworow > tbody > tr > td,
	.content-threerow > tbody > tr > td,
	.content-fourrow > tbody > tr > td,
	.content-fiverow > tbody > tr > td,
	.content-sevenrow > tbody > tr > td {
		display: block !important;
		width: 100% !important;
		text-align: center;
	}
	.maplink{
		height: auto;
	}
	.maplink img{
		position: relative;
		display: block;
	  width: 70%;
		height: auto;
	  left: auto;
	  top: auto;
	  transform: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	.maplink img.maplink_flag{
		position: absolute;
		width: 30px;
		top: 40%;
		margin-left: -15px;
	}
	.maplink img.maplink_flag.shift_right{
		margin-left: -15px;
	}
	.kontakttable td{
		vertical-align: middle;
	}
	.kontakttable .maplink{
		display: block;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.kontakttable .maplink img:not(.maplink_flag){
		max-width: 150px;
		left: auto !important;
		margin-bottom: 0px;
	}
	.maplink img.smaller,
	.maplink img.littlesmaller{
		left: auto;
	  top: auto;
	}
	.maplink img.smaller{
		margin-bottom: 0px;
	}
	.maplink img.maplink_on{
		display: none;
	}
	.maplink:hover img.maplink_off{
		opacity: 1;
	}
	.footeraddtable h3{
		margin-bottom: 10px;
		margin-top: 40px;
	}
	#lupe_footer{
		display: none;
	}
	.catlinkbox_slogan{
		left: 50%;
		transform: translateX(-50%);
	}
	.content_offsetTop{
		margin-top: -90px;
	}
	.content_offsetLeft,
	.content_offsetRight{
		float: none;
		width: 100%;
		display: block;
	}
	.content_offsetPadder{
		padding: 20px;
	}
	.liner{
		margin-left: auto;
		margin-right: auto;
	}
	.mitarbeitercontact{
		margin-top: 0px;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
	}
	.bracket{
		width: 300px;
	}
	.bracketwrapper.fourrow .bracket{
		margin-bottom: 20px;
	}
	.productoverviewbox_line{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		height: 250px;
	}
	.datewrap img{
		margin-left: auto;
		margin-right: auto;
	}
	img.shopentry{
		display: block;
		float: none;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.news-box{
		width: 460px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.newsentry_cont.act{
		height: 100%;
	}
	.mitarbeitercontact_img img.centeredimg{
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (max-width: 1010px){
	h2.maplink_contactline{
		font-size: 20px;
	}
	#contactknob-wrapper{
		display: none;
	}
	.catlinkbox_bg{
		width: auto;
		height: 100%;
		min-width: 100%;
	}
	.lb_wrapper{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#colorbox,
	#cboxTopCenter,
	#cboxContent,
	#cboxLoadedContent{
		width: 95% !important;
	}
	#cboxWrapper{
		width: 100% !important;
	}
	.lb_bg{
		height: 250px;
	}
	.lb_content_l,
	.lb_content_r{
		display: block;
		float: none;
		width: 100%;
		margin: 0px;
		margin-bottom: 20px;
	}
	.lb_content h1{
		font-size: 22px;
		line-height: 30px;
	}
}

@media (max-width: 970px){
	.bracket{
		display: block;
		width: 100% !important;
		margin-bottom: 20px;
	}
}

@media (max-width: 930px){
	.catlinkbox_bot{
		height: 100px;
		margin-top: -50px;
	}
	.catlinkbox_link{
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 560px){
	.catlinkbox_bot{
		height: auto;
	}
	.catlinkbox_slogan h1{
		font-size: 18px;
		line-height: 22px;
	}
	.productoverviewbox_line{
		width: 100%;
		height: 400px;
	}
	.productoverviewbox.left{
		top: 0px;
		left: 0px;
		width: 100%;
		height: 50%;
	}
	.productoverviewbox.right{
		top: 50%;
		left: 0px;
		width: 100%;
		height: 50%;
	}
	.news-box{
		height: auto;
	}
	.newsentry_bg{
		position: relative;
		display: block;
		height: 150px;
	}
	.newsentry_headline{
		position: relative;
		display: block;
	}
	.newsentry_cont,
	.newsentry_cont.act{
		position: relative;
		display: block;
		bottom: auto;
		top: auto;
		height: auto;
	}
}