@media screen and (min-width:1921px) {
    html {
		font-size:100%;
	}
	
	body {
		display:grid;
		grid-template-columns:2fr 3fr 2fr;
	}
	
	#wrapper {
		width:90%;
		margin-bottom:2rem;	
		margin-top:2rem;
		border-radius:1rem;
		border:solid 20px #fff;
	}
	
	.header {
		border-top-left-radius:1rem;
		border-top-right-radius:1rem;
	}
	
	.navzeile {
		padding:1rem;
	}
	
	.textfeld {
		margin:0 2rem;
	}
	

	.fuss {
		border-bottom-left-radius:1rem;
		border-bottom-right-radius:1rem;
	}
}


@media all and (max-width: 1920px) {
    html {
		font-size:80%;
	}
	
	body {
		display:grid;
		grid-template-columns:2fr 4fr 2fr;
	}
	
	#wrapper {
		width:90%;
		margin-bottom:2rem;	
		margin-top:2rem;
		border-radius:1rem;
		border:solid 20px #fff;
	}
	
	.header {
		border-top-left-radius:1rem;
		border-top-right-radius:1rem;
	}
	
	.navzeile {
		padding:1rem;
	}
	
	.textfeld {
		margin:0 2rem;
	}
	


	.fuss {
		border-bottom-left-radius:1rem;
		border-bottom-right-radius:1rem;
	}	
}


@media all and (max-width: 1600px) {
    html {
		font-size:90%;
	}

	body {
		grid-template-columns:1fr 4fr 1fr;
	}	

	#wrapper {
		width:90%;
		margin-bottom:1rem;	
		margin-top:1rem;
	}
}


@media all and (max-width: 1200px) {
    html {
		font-size:80%;
	}

	.button {
		width: 10vh;
	}	

	#wrapper {
		width:95%;
		margin-bottom:0.5rem;	
		margin-top:0.5rem;
	}
}


@media all and (max-width: 800px) {
    html {
		font-size:70%;
	}
	
	body {
		display:grid;
		grid-template-columns:1fr;
	}
	
	#rechts,
	#links {
		display:none;
	}

	#wrapper {
		width:100%;
		margin-bottom:0rem;
		margin-top:0rem;
		border-radius:0rem;
		border:solid 3px #fff;
	}
	
	.header {
		border-top-left-radius:0rem;	
		border-top-right-radius:0rem;	
	}
	
	.navzeile {
		padding:0rem;
	}
	
	.textfeld {
		padding:0rem;
	}
	


	.fuss {
		border-bottom-left-radius:0rem;
		border-bottom-right-radius:0rem;
	}		
}


@media all and (max-width: 600px) {
	.textfeld {
		padding:0;
	}
	

}



@media all and (max-width: 400px) {
	#anker {
		padding:0.5rem;;
		margin:0;


	}
}