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

	.carousel,.carousel img {
		width: 100%;
	}
}

@media only screen and (max-width: 1280px)
{
    body {
    	-webkit-text-size-adjust: 100%;
    }
	.carousel,.carousel img {
		width: 100%;
	}
}
@media only screen and (max-width: 1024px)
{
    main {
		padding-right: 40px;
    }
	.carousel,.carousel img {
		width: 100%;
	}
	#main-title h1{
		font-size: 100%;
	}
	
}
@media only screen and (max-width: 1000px)
{
	body {
		margin-right: 20px;
	}
	
	#header-main {
		position: fixed;
		top:0;
		padding-top:13px;
		padding-bottom: 6px;
		height: auto;
		filter: drop-shadow(0 0 10px grey);
	}
	#mm-container {
		width: 60px;
	}
	#mm-logo {
		width: 30px;
		margin-left: 10px;
	}
	.small-head #mm-logo {
  		width: 30px;
	}
	#main-title {
		padding-top:0;
		margin-left: 0;
		display: flex;
	}
	#main-title h1{
		font-size: 80%;
		align-content: flex-end;
	}
	#main-title h2 {
		display: none;
	}
	nav{
		float:none;
		position: fixed;
		top:13px;
		padding-top: 0;
		z-index: 100;
		left: 108px;
	}
	nav ul {
		display: flex;
	}
	nav ul li {
		padding-right: 20px;
		z-index: 100;
	}
	
	#ani-wrapper {
		clip-path: rect(0 100% 100% 0);
		height: auto;
	}
	.wrap-open{
		height: auto;
	}
	.wrap-close{
		height: 44px;
	}
	#ani-box {
		position: relative;
		top: 0;
		z-index: 90;
	}
	.subnav {
		position: absolute;
		width: auto;
		min-width: 280px;
		display: block;
		padding-top: 4px;
		margin-left: -144px;
		filter: drop-shadow(0 10px 5px lightgrey);
		z-index: 90;
	}
	
	.subnav li {
		background: white;
		padding-left: 20px;
		z-index: 90;
	}
	.subnav li:first-of-type{
		padding-top: 6px;
	}
	.subnav li:last-of-type{
		padding-bottom: 26px;
	}
		
	:target {
	  scroll-margin-top: 8.6rem;
	}
	main{
		margin-left:20px;
		padding-right: 0;
		padding-top: 0;
	}
	
	.pList li {
		margin-left: 40px;
	}
	.pList h3 {
		margin-left: -40px;
	}
	#profil, #kontakt, #impressum {
		margin-left:60px;
	}
	#mobile-handle{
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		background: white;
		height: 40px;
		text-align: center;
		font-weight: 700;
		width: 60px;
		margin: 0 auto;
		filter: drop-shadow(0 10px 5px lightgrey);
	}
	#mobile-handle:after{
		content: ' ↓ ';
	}
	#ani-box {
	    transition: all .2s ease-out;
	}
	#ani-box.sub-hidden {
		top: -192px;
	}
}

@media only screen and (max-width: 400px)
{
	#main-title, #main-title h1, #main-title h2 {
		display: none;
	}
	nav {
		left: 0;
	}
}