@media (max-width: 650px) {
	.Photos .Overlay div div:nth-child(1) {
		font-size: 20px;
	}
	.Photos .Overlay div div:nth-child(2) {
		font-size: 12px;
	}
	h1 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	h2 {
		font-size: 16px;
	}
	.M3Photos .grid_4, .MStartseite .grid_6 {
		width: 100%;
	}
	.Footer .grid_4 {
		width: 100%;
		text-align: center!important;
		margin-bottom: 20px;
	}
	.M1Photos .grid_3, .M1Photos .grid_9 {
		width: 100%;
		padding-left: 0px!important;
		padding-top: 20px;
	}
	.M1Photos .grid {
		flex-direction: column-reverse;
	}
	.MAbstand1 {
		height: 40px;
	}
	fieldset label {
		width: 100%;
		float: inherit;
	}
	fieldset input, fieldset textarea {
		float: inherit;
		width: 100%;
	}
	.Burger {
		position: fixed;
		right: 20px;
		top:12px;
		display: block;
		z-index: 1000;
		outline: none;
	}
	.Header {
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background-color: #111;
		display: flex;
		z-index: 1000;
		height: 100%;
		width: 100%;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		opacity: 0;
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
	}
	.HeaderF {
		pointer-events: inherit;
		opacity: 1;
	}
	.HeaderBg {
		height: 60px;
		top:0px;
	}
	.Logo {
		top: 12px;
	}
	.Header a {
		display: block;
		text-align: center;
		margin: 0px;
		margin-bottom: 20px;
	}
	.Header a:hover {
		transform: translateY(0px);
	}
}