@media only screen and (max-width: 1100px){
	section{
		padding-left:0;
		padding-right:0;
	}
	div{
		padding-left:5%;
		padding-right:5%;
	}
	div.artikelPic{
		width:15%;
	}
	p.artikelText{
		padding-left:17.5%;
	}
}
@media only screen and (max-width: 900px){

	header{
		height:30vw;
	}
	section{
		padding-left:0;
		padding-right:0;
	}
	div{
		padding-left:5%;
		padding-right:5%;
	}
	header img{
		height:auto;
		width:100%;
	}
	div#name{
		padding:1%;
		float:left;
		height:14vw;
		width:auto;
	}
	img#logo{
		width:auto;
		height:100%;
	}
	img.willkommenPic{
		width:70%;
		height:auto;
	}
	div.christophPic{
		float:right;
		width:45%;
		padding-left:2%;
	}

	#menu{
		display:none;
	}
	div.button{
		display:block;
		padding:0;
		text-align:right;
	}
	#button-menu{
		display:none;
		background-color:black;
		font-size:18pt;
		text-align:left;
		height:auto;
		overflow:auto;
	}
	.button{
		color:white;
		text-decoration:none;
		list-style-type:none;
	}
	img.button{
		width:auto;
		padding-top:2vw;
		height:14vw;
	}
	#button-img-cancel{
		display:none;
	}

	#datum1{
		font-size:10pt;
		display:none;
	}
	#datum2{
		font-size:10pt;
		display:inline;
	}
	#headline1{
		display:block;
	}
	#headline2{
		display:none;
	}
	div.artikelPic{
		position:static;
		text-align:center;
		height:auto;
		width:75%;
		padding-left:12.5%;
		padding-right:12.5%;
	}
	div.aktuellesText{
		padding-bottom:10%;
	}
	img.artikelPic{
		height:auto;
		width:100%;
	}
	div.artikelText{
		text-align:left;
		padding-left:1%;
		padding-bottom:5%;
	}
	h5.artikelText{
		text-align:center;
		font-size:18.5pt;
		text-decoration:underline;
		padding-right:0;
	}
	a.artikelText{
		font-weight:bold;
	}
	p.artikelText{
		padding-left:0;
	}
	div.mitarbeiter{
		float: none;
		text-align: center;
		width:auto;
	}
	div.anwalt{
		text-align: center;
		margin-left: 0;
		width:auto;
	}
	img.team{
		width:80%;
	}
	div.leftTeam{
		padding-left:0;
	}
	div.rightTeam{
		padding-right:0;
	}
	div.ma0{
		text-align: center;
		width:auto;
		padding-left:5%;
		padding-right:5%;
		padding-top:5%;
	}
	div.ma1{
		text-align: center;
		width:auto;
		padding-left:5%;
		padding-right:5%;
		padding-top: 5%;
	}
	div.ma0img{
		text-align: center;
		width: auto;
		float: none;
	}
	div.ma1img{
		text-align: center;
		width: auto;
		float: none;
	}
	img.ma0{
		transform: scaleX(1);
		width:40%;
	}
	img.ma1{
		transform: scaleX(1);
		width:40%;
	}
	div.ma0text{
		text-align: center;
	}
	div.ma1text{
		text-align: center;
	}
	p.ma0{
		text-align: center;
	}
	p.ma1{
		text-align: center;
	}
}