@media only screen and (max-width: 700px){
	header, #logo, nav, nav a{
		height: auto;
	}
	#logo img{
		height: auto;
		width: 70%;
		max-width: 300px;
		padding: 10px 0;
		max-width: 350px;
		position: static;
		top: 0%;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		transform: translateY(-0%);
	}
}
@media only screen and (min-width: 993px){
	nav{
		display: block;
	  float: right;
		animation-delay: 1s;
	}
	nav a{
	  float: left;
	  list-style-type: none;
	  padding: 120px 15px 0px 15px;
		font-size: 17px;
	}
	nav a:link, nav a:visited{
		color: #11869B;
	}
	nav a:hover, nav .active a{
		background-color: #11869B;
		color: #fff;
	}
}
@media only screen and (min-width: 1308px) and (max-width: 1537px){
	.container > div.high{
		height: 700px
	}
}
@media only screen and (min-width: 1308px) and (max-width: 1950px){
	.container > div.high2{
		height: 850px
	}
}
@media only screen and (max-width: 1307px){
	.container .image,
	.container.imp .image{
		height: 300px;
		width: 100%;
	}
	.container #img1.image{
		height: auto;
	}
	.container .text,
	.container.imp .text{
		height: auto;
		width: 100%;
	}
	.textbox{
		position: static;
		top: 0%;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		transform: translateY(-0%);
		padding: 50px 0;
	}
}
@media only screen and (max-width: 810px){
	.column3{
		-webkit-column-count: 2;
	  -moz-column-count: 2;
	  column-count: 2;
	}
}
@media only screen and (max-width: 756px){
	.column, .column3{
		-webkit-column-count: 1;
	  -moz-column-count: 1;
	  column-count: 1;
	}
}
@media only screen and (max-width: 1307px){
	.single-item, #eins, #zwei, #drei, #vier{
	  height: 300px;
	}
}
@media only screen and (min-width: 900px) and (max-width: 1307px){
	#img3{
	  background-position: bottom -70px right;
	}
}
@media only screen and (min-width: 900px) and (max-width: 1307px){
	#img4{
	  background-position: bottom -130px right;
	}
}
@media only screen and (min-width: 900px) and (max-width: 1307px){
	#img6{
	  background-position: bottom -250px left;
	}
}
@media only screen and (min-width: 900px) and  (max-width: 1307px){
	#img7{
	  background-position: top right;
	}
}
@media only screen and (max-width: 1307px){
	.box{
		display: none;
	}
}
@media only screen and (max-width: 750px){
	footer .right{
		display: none;
	}
	footer .left{
		float: none;
		text-align: center;
	}
}
@media only screen and (max-width: 600px){
	.le{
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.bg_g{
		padding-bottom: 1px;
	}
}
@media only screen and (max-width: 524px){
	.wid{
		float: none;
		width: 100%;
		text-decoration: underline;
	}
	.wid2{
		padding-left: 0;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 1262px){
	#aktuelles{
		padding-left: 40px;
	}
	#news{
		width: 60%;
	}
	#ibrOnlineUrteilsfensterDiv{
		margin-right: 40px;
	}
}
@media only screen and (max-width: 963px){
	#ibrOnlineUrteilsfensterDiv{
		background-color: #fff;
		float: none;
	}
	#news{
		float: none;
		width: 100%;
		margin-top: 50px;
	}
	#aktuelles{
		padding-right: 40px;
	}
}
@media only screen and (max-width: 400px){
	#aktuelles{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 355px){
	#datenschutz{
		padding: 20px;
	}
}
@media only screen and (max-width: 1050px){
	.imgbox1{
		height: 300px;
	}
}
@media only screen and (max-width: 661px){
	.imgbox1{
		height: 300px;
		background-position: top right -100px;
	}
}
@media only screen and (max-width: 420px){
	.imgbox1{
		height: 200px;
		background-position: top right -100px;
	}
}
@media only screen and (min-width: 993px){
	#sidrwrapper, #button-top{
		display: none !important;
	}
}