/* 1295 */

/* COLLUM */

@media only screen and (max-width: 1295px){

	/* BASE */

.scroll-margin{
	scroll-margin: 60px;
}

.scroll-margin-2{
	scroll-margin: 180px
}


.wrapper{
	flex-direction: column;
	padding: 60px 2rem;
}

/* ÜBER UNS */

.metzger-bild{
	margin-bottom: 60px;
}



/* APP */

.bischof-app{
	opacity: 0.9;
}

.app-right{
	display: flex;
    flex-direction: column;
    align-items: center;
	text-align: center;
}


/* KONTAKT */

#kontakt>h1{
	padding-top: 60px;
}

.kontakt-logo{
	margin: 40px auto 60px auto;
}

.kontakt-info{
	margin-bottom: 40px;
}

.kontakt-cta{
	margin-bottom: 60px;
	/* margin-top: -60px; */
}


.maps{

	margin-top: 20px;
}




}







/* 930 PX  SMARTPHONE */


@media only screen and (max-width: 930px) {

	/* BASE STYLES */

	html{
		font-size: 80%;
	}

	h1{
		text-align: center;
	}

    .mob{
        display: block;
    }

    .desk{
        display: none;
    }

	/* NAV */
	.impdat{
		display: block;
	}




	/* MOBILE NAVIGATION */
	header {
		position: -webkit-sticky;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
        background: var(--brown);

		border-bottom: 2px solid var(--beach);
		z-index: 1000000;
	}
	.navbar {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 80px;
		overflow: hidden;
		padding: 0 0rem;
	}
	.logo{
		max-width: 180px;
		position: absolute;
		left:0px;
		right:-10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: var(--brown);
		width: 100%;
		height: 100%;
		margin-left:auto;
		margin-right:auto;
		z-index: 1000000;
	}
	.menu-toggle{
		position: absolute;
		right: 5px;
	}
	.navbar ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: absolute;
		top: 80px;
		background-color: var(--brown);
		width: 100%;
		height: calc(100vh - 80px);
		margin-top: -100vh;
		text-align: center;
		overflow: hidden;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
	}
	.navigation li {
		padding: 5px;
	}
	.navigation li:first-child {
		margin-top: 20px;
	}
	.navbar ul li a {
		padding: 10px 40px;
		display: block;
		color: white;
		font-size: 1.3rem;
	}
	.navbar ul li a:hover{
		/* background-color: rgb(255, 255, 255); */
	}
	ul li a.imp_dat{
		display: block;
	}
	.navigation a.focus{
		color: var(--gold);
		border-bottom: none;
	}
	.menu-toggle, .bar {
		display: block;
		cursor: pointer;
	}
	.mobile-nav {
		/* transform: translate(0%)!important;
		*/
		margin-top: 0 !important;
	}

	.lastchild{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
	}

	.lastchild li{
		margin: 10px 0 !important;
		
	}

	.lastchild img{
		max-width: 35px;
	}

	.lastchild a{
		padding: 10px 10px !important;
	}


/* HEADER BILD */

.header-bild.mob{
	margin-top: 70px;
}


/* KONTAKT */

.social-wrapper{
	flex-direction: column;
	margin-bottom: 60px;
	margin-top: 40px;
}




}







/* 500 */

@media only screen and (max-width: 1295px){

	/* KONTAKT */

	.kontakt-left{
		flex-direction: column;
		align-items: center;
		/* row-gap: 50px; */
	}

}

.kontakt-logo{
	max-width: 250px;
}