//MEDI///
@media screen and (max-width: 320px) {
.text {
		padding-left:20px;
		padding-right: 20px;
		width: 280px;
	}
#menu-bar {
		padding-left: 20px;
		padding-right: 20px;
		width: 280px;
	}
#footer {
		padding-left: 20px;
		padding-right: 20px;
		width: 280px;
		background-color: green;
	}
#copy {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 18px;
		width: 280px;
	}
.logo {
		padding-left: 155px;
		padding-right:155px;
		font-size: 18px;
		width: 50px;
		
	}
#soc {
		padding-left: 20px;
		padding-right: 20px;
		width: 280px;
		
	}
.schrift {
		padding-left: 20px;
		padding-right: 20px;
		width: 280px;
		
	}
#hauptteil {
		padding-left: 20px;
		padding-right: 20px;
		width: 280px;
	}
@media screen and (max-width: 768px) {
.text {
		padding-left: 40px;
		padding-right: 40px;
		width: 688px;
	}
#menu-bar {
		padding-left: 40px;
		padding-right: 40px;
		width: 688px;
	}
#footer {
		padding-left: 40px;
		padding-right: 40px;
		width: 688px;
		
	}
#copy {
		padding-left: 40px;
		padding-right: 40px;
		font-size: 18px;
		width: 688px;
	}
.logo {
		padding-left: 359px;
		padding-right: 359px;
		font-size: 18px;
		width: 50px;
		
	}
#soc {
		padding-left: 40px;
		padding-right: 40px;
		width: 688px;
		
		
	}
.schrift {
		padding-left: 40px;
		padding-right: 40px;
		
	}
#hauptteil {
		padding-left: 40px;
		padding-right: 40px;
		width: 688px;
	}
		
@media screen and (max-width: 1020px) {
.text {
		padding-left: 60px;
		padding-right: 60px;
		width: 900px;
	}
#menu-bar {
		padding-left: 60px;
		padding-right: 60px;
		width: 900px;
	}
#footer {
		padding-left: 60px;
		padding-right: 60px;
		width: 900px;
		
	}
#copy {
		padding-left: 60px;
		padding-right: 60px;
		font-size: 18px;
		width: 900px;
	}
.logo {
		padding-left: 460px;
		padding-right: 460px;
		font-size: 18px;
		width: 100px;
		
	}
#soc {
		padding-left: 60px;
		padding-right: 60px;
		width: 900px;
		
	}
.schrift {
		padding-left: 60px;
		padding-right: 60px;
		width: 900px;
		
	}
#hauptteil {
		padding-left: 60px;
		padding-right: 60px;
		width: 900px;
	}
@media screen and (max-width: 1600px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 1400px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 1400px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 1400px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 1400px;
	}
.logo {
		padding-left: 650px;
		padding-right:650px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 1400px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 1400px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 1400px;
	}

@media screen and (max-width: 1920px) {
.text {
		padding-left: 200px;
		padding-right: 200px;
		width: 1520px;
	}
#menu-bar {
		padding-left: 200px;
		padding-right: 200px;
		width: 1520px;
	}
#footer {
		padding-left: 200px;
		padding-right: 200px;
		width: 1520px;
		background-color: green;
	}
#copy {
		padding-left: 200px;
		padding-right: 200px;
		font-size: 18px;
		width: 1520px;
	}
.logo {
		padding-left: 810px;
		padding-right: 810px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 200px;
		padding-right: 200px;
		width: 1520px;
		
	}
.schrift {
		padding-left: 200px;
		padding-right: 200px;
		width: 1520px;
		
	}
#hauptteil {
		padding-left: 200px;
		padding-right: 200px;
		width: 1520px;
	}
@media screen and (max-width: 1080px) {
.text {
		padding-left: 60px;
		padding-right: 60px;
		width: 960px;
	}
#menu-bar {
		padding-left: 60px;
		padding-right: 60px;
		width: 960px;
	}
#footer {
		padding-left: 60px;
		padding-right: 60px;
		width: 960px;
		background-color: green;
	}
#copy {
		padding-left: 60px;
		padding-right: 60px;
		font-size: 18px;
		width: 960px;
	}
.logo {
		padding-left: 390px;
		padding-right: 390px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 60px;
		padding-right: 60px;
		width: 960px;
		
	}
.schrift {
		padding-left: 60px;
		padding-right: 60px;
		width: 960px;
		
	}
#hauptteil {
		padding-left: 60px;
		padding-right: 60px;
		width: 960px;
	}
@media screen and (max-width: 2560px) {
.text {
		padding-left: 300px;
		padding-right: 300px;
		width: 1960px;
	}
#menu-bar {
		padding-left: 300px;
		padding-right: 300px;
		width: 1960px;
	}
#footer {
		padding-left: 300px;
		padding-right: 300px;
		width: 1960px;
		background-color: green;
	}
#copy {
		padding-left: 300px;
		padding-right: 300px;
		font-size: 18px;
		width: 1960px;
	}
.logo {
		padding-left: 1130px;
		padding-right: 1130px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 300px;
		padding-right: 300px;
		width: 1960px;
		
	}
.schrift {
		padding-left: 300px;
		padding-right: 300px;
		width: 1960px;
		
	}
#hauptteil {
		padding-left: 300px;
		padding-right: 300px;
		width: 1960px;
	}
@media screen and (max-width: 1440px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 1240px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 1240px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 1240px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 1240px;
	}
.logo {
		padding-left: 570px;
		padding-right: 570px;
		font-size: 18px;
		width: 300px;
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 1240px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 1240px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 1240px;
	}
@media screen and (max-width: 1366px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 1166px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 1166px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 1166px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 1166px;
	}
.logo {
		padding-left: 533px;
		padding-right: 533px;
		font-size: 18px;
		width: 300px;
	
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 1166px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 1166px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 1166px;
	}
@media screen and (max-width: 720px) {
.text {
		padding-left:  40px;
		padding-right: 40px;
		width: 640px;
	}
#menu-bar {
		padding-left:  40px;
		padding-right: 40px;
		width: 640px;
	}
#footer {
		padding-left: 40px;
		padding-right: 40px;
		width: 640px;
		background-color: green;
	}
#copy {
		padding-left: 40px;
		padding-right: 40px;
		font-size: 18px;
		width: 640px;
	}
.logo {
		padding-left: 210px;
		padding-right: 210px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 40px;
		padding-right: 40px;
		width: 640px;
		
	}
.schrift {
		padding-left: 40px;
		padding-right: 40px;
		width: 640px;
		
	}
#hauptteil {
		padding-left: 40px;
		padding-right: 40px;
		width: 640px;
	}
@media screen and (max-width: 1280px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 1080px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 1080px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 1080px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 1080px;
	}
.logo {
		padding-left: 490px;
		padding-right: 490px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 1080px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 1080px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 1080px;
	}
@media screen and (max-width: 1260px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 1060px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 1060px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 1060px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 1060px;
	}
.logo {
		padding-left: 480px;
		padding-right: 480px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 1060px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 1060px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 1060px;
	}
@media screen and (max-width: 800px) {
.text {
		padding-left: 50px;
		padding-right: 50px;
		width: 700px;
	}
#menu-bar {
		padding-left: 50px;
		padding-right: 50px;
		width: 700px;
	}
#footer {
		padding-left: 50px;
		padding-right: 50px;
		width: 700px;
		background-color: green;
	}
#copy {
		padding-left: 50px;
		padding-right: 50px;
		font-size: 18px;
		width: 700px;
	}
.logo {
		padding-left: 250px;
		padding-right: 250px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 50px;
		padding-right: 50px;
		width: 700px;
		
	}
.schrift {
		padding-left: 50px;
		padding-right: 50px;
		width: 700px;
		
	}
#hauptteil {
		padding-left: 50px;
		padding-right: 50px;
		width: 700px;
	}
@media screen and (max-width: 840px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 640px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 640px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 640px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 640px;
	}
.logo {
		padding-left: 270px;
		padding-right: 270px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 640px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 640px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 640px;
	}
@media screen and (max-width: 390px) {
.text {
		padding-left: 10px;
		padding-right: 10px;
		width: 370px;
	}
#menu-bar {
		padding-left: 10px;
		padding-right: 10px;
		width: 370px;
	}
#footer {
		padding-left: 10px;
		padding-right: 10px;
		width: 370px;
		background-color: green;
	}
#copy {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		width: 370px;
	}
.logo {
		padding-left: 145px;
		padding-right: 145px;
		font-size: 18px;
		width: 300px;
	}
#soc {
		padding-left: 10px;
		padding-right: 10px;
		width: 370px;
		
	}
.schrift {
		padding-left: 10px;
		padding-right: 10px;
		width: 370px;
		
	}
#hauptteil {
		padding-left: 10px;
		padding-right: 10px;
		width: 370px;
	}
@media screen and (max-width: 1024px) {
.text {
		padding-left: 100px;
		padding-right: 100px;
		width: 824px;
	}
#menu-bar {
		padding-left: 100px;
		padding-right: 100px;
		width: 824px;
	}
#footer {
		padding-left: 100px;
		padding-right: 100px;
		width: 824px;
		background-color: green;
	}
#copy {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 18px;
		width: 824px;
	}
.logo {
		padding-left: 362px;
		padding-right: 362px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 100px;
		padding-right: 100px;
		width: 824px;
		
	}
.schrift {
		padding-left: 100px;
		padding-right: 100px;
		width: 824px;
		
	}
#hauptteil {
		padding-left: 100px;
		padding-right: 100px;
		width: 824px;
	}
@media screen and (max-width: 480px) {
.text {
		padding-left: 10px;
		padding-right: 10px;
		width: 460px;
	}
#menu-bar {
		padding-left: 10px;
		padding-right: 10px;
		width: 460px;
	}
#footer {
		padding-left: 10px;
		padding-right: 10px;
		width: 460px;
		background-color: green;
	}
#copy {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		width: 460px;
	}
.logo {
		padding-left: 90px;
		padding-right: 90px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 10px;
		padding-right: 10px;
		width: 460px;
		
	}
.schrift {
		padding-left: 10px;
		padding-right: 10px;
		width: 460px;
		
	}
#hauptteil {
		padding-left: 10px;
		padding-right: 10px;
		width: 460px;
	}
@media screen and (max-width: 568px) {
.text {
		padding-left: 10px;
		padding-right: 10px;
		width: 548px;
	}
#menu-bar {
		padding-left: 10px;
		padding-right: 10px;
		width: 548px;
	}
#footer {
		padding-left: 10px;
		padding-right: 10px;
		width: 548px;
		background-color: green;
	}
#copy {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		width: 548px;
	}
.logo {
		padding-left: 134px;
		padding-right: 134px;
		font-size: 18px;
		width: 300px;
	}
#soc {
		padding-left: 10px;
		padding-right:  10px;
		width: 548px;
		
	}
.schrift {
		padding-left: 10px;
		padding-right: 10px;
		width: 548px;
		
	}
#hauptteil {
		padding-left: 10px;
		padding-right: 10px;
		width: 548px;
	}
@media screen and (max-width: 360px) {
.text {
		padding-left: 10px;
		padding-right: 10px;
		width: 340px;
	}
#menu-bar {
		padding-left: 10px;
		padding-right: 10px;
		width: 340px;
	}
#footer {
		padding-left: 10px;
		padding-right: 10px;
		width: 340px;
		background-color: green;
	}
#copy {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		width: 340px;
	}
.logo {
		padding-left: 30px;
		padding-right: 30px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 10px;
		padding-right: 10px;
		width: 340px;
		
	}
.schrift {
		padding-left: 10px;
		padding-right: 10px;
		width: 340px;
		
	}
#hauptteil {
		padding-left: 10px;
		padding-right: 10px;
		width: 340px;
	}
@media screen and (max-width: 640px) {
.text {
		padding-left: 50px;
		padding-right: 50px;
		width: 540px;
	}
#menu-bar {
		padding-left: 50px;
		padding-right: 50px;
		width: 540px;
	}
#footer {
		padding-left: 50px;
		padding-right: 50px;
		width: 540px;
		background-color: green;
	}
#copy {
		padding-left: 50px;
		padding-right: 50px;
		font-size: 18px;
		width: 540px;
	}
.logo {
		padding-left: 170px;
		padding-right: 170px;
		font-size: 18px;
		width: 300px;
		
	}
#soc {
		padding-left: 50px;
		padding-right: 50px;
		width: 540px;
		
	}
.schrift {
		padding-left: 50px;
		padding-right: 50px;
		width: 540px;
		
	}
#hauptteil {
		padding-left: 50px;
		padding-right: 50px;
		width: 540px;
	}