@media(max-width:1420px){
	.debug-bar{
		background: yellow;
	}
	.container{
		width: 1000px;
	}
	.nav-leistungen li a{
		padding: 25px 0;
		font-size: 14px;
	}
	.page-wrapper{
		padding: 70px 50px 50px 50px
	}

	#page-home .leistungen-wrapper li{
		 width: 48%;
	}
	.headline-1{
		font-size: 36px;
	}
	.contactbar-wrapper .col{
		background-size: 40px auto !important;
		padding-left: 80px;
	}

	.contactbar-wrapper .col-adresse,
	.contactbar-wrapper .col-oeffnungszeiten,
	.contactbar-wrapper .col-kontakt{
		background-position: top 28px left 14px;
	}
	.contactbar-wrapper .col-adresse{
		width: 232px;
	}
	.contactbar-wrapper .col-adresse p{
		line-height: 1.6em;
	}

	.leistungs-block .content-wrapper {
    	padding: 20px;
    	height: 155px;
	}

	#page-friedhof .leistungs-block .content-wrapper{
		padding: 20px;
		height: 216px;
	}

	#page-sonderarbeiten .leistungs-block .content-wrapper{
    	padding: 20px;
    	height: 250px;
	}
	.contactbar-wrapper .col{
		padding-right: 0;
		padding-left: 55px;
		padding-right: 20px;
		background-size: 30px auto !important;
	}

	.contactbar-wrapper .col-adresse{
		padding-right: 0;
	}

	.contactbar-wrapper .col-oeffnungszeiten .right{
		margin-left: 30px;
	}
	#menu-mainnav li a{
		padding: 22px 25px;
		font-size: 14px;
	}
	.header-logo{
		width: 220px;
	}

	.geschichte{
		background-size: 1040px auto;
	}
	.geschichte .geschichte-content{
		padding-top: 20px;
		padding-left: 415px;
	}
	.geschichte .geschichte-content p{
		margin-bottom: 10px;
		line-height: 1.7em;
	}

	.geschichte .geschichte-content .headline-3{
		font-size: 20px;
	}

}

@media(max-width:1180px){

	.debug-bar{
		background: blue;
	}


	.geschichte .geschichte-content{
		padding-left: 360px;
	}
	.geschichte .geschichte-content .headline-3{
		font-size: 18px;
		margin-bottom: 10px;
	}

	.container{
		width: 900px;
	}
	.mainteaser .claim .claim-headline{
		    font-size: 45px;
	}
	.mainteaser .claim .claim-subheadline{
		font-size: 23px;
	}
	#page-home .mainteaser{
		background-size:1400px;
		height:364px;
	}
	.headline-1{
		font-size: 32px;
	}

	.contactbar-wrapper .col{
		background: none;
		padding-left: 20px;
	}
	.nav-leistungen li a{
		font-size: 0.9em;
	}
	.leistungs-block .content-wrapper {
	    padding: 20px;
	    height: 188px;
	}

}




@media(max-width:980px){
	.container{
		width: 700px;
	}

	.mainnav-wrapper{
		display: none;
	}
	#page-home .leistungen-wrapper li{
		 width: 48%;
	}

	.headline-1{
		font-size: 35px;
	}
	.intro-wrapper{
		width: 593px;
	}
	.intro-wrapper p{
		font-size: 1em;
	}

	.mainnav,
	.metanav{
		display: none;
	}
	#header{
		height: 60px;
		position: fixed;
    	z-index: 999;
    	width: 100%;
    	top: 0px;
    	left: 0px;
	}
	.header-space{
		display: block;
		width: 100%;
		height: 60px;
	}

	.header-logo{
    	width: 140px;
    	position: fixed;
    	top: 0px;
    	left: 20px;
    	z-index: 1000;
	}
	.header-logo img{
		width: 100%;
	}

	.contactbar-wrapper .col-adresse{
		display: none;
	}
	.contactbar-wrapper .col{
		border: 0;
	}

	#nav-button{
		position: fixed;
		border-radius: 5px;
		z-index: 1000000;
		height: 34px;
		right: 12px;
		top: 13px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		width: 41px;
	}

	#nav-button span {
	    display: block;
	    position: absolute;
	    height: 2px;
	    width: 25px;
	    background: #fff;
	    border-radius: 9px;
	    opacity: 1;
	    left: 8px;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .25s ease-in-out;
	    -moz-transition: .25s ease-in-out;
	    -o-transition: .25s ease-in-out;
	    transition: .25s ease-in-out;
	}
	#nav-button span:nth-child(1) {
	  top: 8px;
	}
	#nav-button span:nth-child(2),#nav-button span:nth-child(3) {
	  top: 16px;
	}
	#nav-button span:nth-child(4) {
	  top: 24px;
	}
	#nav-button.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}
	#nav-button.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-button.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	#nav-button.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}
	.nav-leistungen li a{
		font-size: 0.7em;
	}

	.geschichte{
		background: url(../img/story.jpg) top center no-repeat;
    	background-size: 1200px auto;
    	background-position: left -545px top;
	}
	.headline-3{
		font-size: 22px;
	}

	.geschichte .geschichte-content{
    	padding: 30px 40px 20px 35px;
	}
	.img-block,
	.img-block-2,
	.content-block-2{
		width: 100%;
	}
	.content-block{
		width: 100%;
		margin-bottom: 20px;
	}

	.leistungs-block {
  	  width: 100%;
      height: auto;
	}
	.leistungs-block .content-wrapper,
	#page-sonderarbeiten .leistungs-block .content-wrapper{
		height: auto;
	}

	.leistungs-block .content-wrapper,
	#page-friedhof .leistungs-block .content-wrapper{
		height: auto;
	}
	.contact-left,
	.contact-right{
		width: 100%;
	}


	.lithofin-banner.mobile{
		display: block;
	}

	.lithofin-banner.desktop{
		display: none;
	}
}


@media(max-width:720px){
	.container{
		width: 95%;
	}
	p{
		line-height: 1.8em;
		margin-bottom: 10px;
	}
	.nav-leistungen li:first-child a{
		border-left: 0;
	}
	.headline-1{
		margin-bottom: 20px;
	}
	#page-home .mainteaser{
		background-size: 720px auto;
		height: 187px;
	}
	.intro-wrapper{
		margin-bottom: 30px;
	}

	.mainteaser .claim{
		display: none;
	}


	.contactbar-wrapper{
		background: rgb(232, 49, 42);
    	position: relative;
    	width: 95%;
    	margin: 0 auto;
    	margin-top: 20px;
    	margin-bottom: 20px;
    	border-radius: 10px;
    	color: #fff;
	}

	.contactbar-wrapper .col{
		height: auto;
		width: 100%;
		padding: 0;
		background: none;
		border: 0;
		text-align: center;
		margin-top: 20px;
	}
	.contactbar-wrapper .col-oeffnungszeiten .left{
		float: none;
	}

	.contactbar-wrapper .col-oeffnungszeiten .right{
		float: none;
		margin: 0;
	}
	.leistungs-block{
		width: 100%;
		margin: 0 0 30px 0;
	}

	.mainteaser .claim .claim-headline{
		font-size: 26px;
	}
	.mainteaser .claim .claim-subheadline {
    	font-size: 16px;
	}

	.mainteaser .claim{
		padding: 24px;
	}
	.intro-wrapper{
		width: 100%;
	}
	.page-wrapper{
		padding: 30px 20px;
	}
	#page-home .leistungen-wrapper li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.benefits-wrapper{
		padding: 0;
	}
	.benefits-wrapper li{
		width: 100%;
	}
	.headline-1{
		font-size: 24px;
	}

	#footer{
		text-align: center;
	}

	#footer .footer-nav{
		float: none;
	}
	#footer p{
		float: none;
		width: 100%;
	}
	#footer .footer-nav li{
		display: inline-block;
		float: none;
	}

	#page-home .ausstellung-wrapper{
		background-size: 1075px auto;
		height: 329px;
	}

	#page-home .ausstellung-wrapper .text-ausstellung{
		margin-top: 40px;
	}
	#page-home .ausstellung-wrapper p{
		font-size: 16px;
	}

	.benefits-wrapper li{
		width: 90%;
	}
	.mainteaser{
		background-size: 720px auto !important;
		height: 187px;
	}
	.nav-leistungen{
		display: none;
	}
	.page-wrapper .nav-leistungen{
		display: block;
    	position: relative;
    	top: auto;
    	left: auto;
    	box-shadow: none;
    	border: 0;
	}

	.page-wrapper .nav-leistungen ul{
		text-align: center;
    	margin-bottom: 20px;
	}
	.nav-leistungen li{
		float: none;
    	color: #fff;
    	display: inline-block;
    	width: auto;
	}
	.nav-leistungen li a{
		text-transform: none;
    	font-size: 12px;
    	margin-bottom: 7px;
    	margin-right: 10px;
	    border: 0;
	    padding: 14px;
	    border-radius: 15px;
	    background: #f7f7f7;
	}
	.nav-leistungen li a:hover{
		background: #e8e8e8;
	}

	.projektanfrage-wrapper{
		padding: 12px;
	}
	.projektanfrage-wrapper p{
		font-weight: normal;
	}
	.projektanfrage-wrapper .projektanfrage-border{
		padding: 25px 15px;
	}
	.content-img-block{
		margin-bottom: 20px;
	}
	.leistungs-block .content-wrapper{
		padding: 15px;
		height: auto;
	}
	.headline-3{
		font-size: 18px;
		margin-bottom: 12px;
	}
	.headline-3:after{
		width: 30px;
		height: 2px;
		margin-top: 10px;
	}

	.footer-meta ul li img{
		width: 85px;
	}
	.footer-meta ul li{
		margin-right: 10px;
	}
	.geschichte{
		background: none;
	}
	.geschichte .geschichte-content{
		padding: 0;
	}

	.geschichte-img-mobile{
		width: 100%;
		display: block;
	}
	.pum-theme-533 .pum-content + .pum-close, .pum-theme-standard-theme .pum-content + .pum-close{
		height: 35px !important;
		width: 35px !important;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
		font-size: 18px !important;
	}
	.contactbar-wrapper .col a{
		color: #fff;
	}
}