@media only screen and (min-width: 1070px){
	#wrapper{
		min-height: none;
	}
	.container {
		max-height: 89vh;
	  overflow-y: scroll;
	  scrollbar-width: none; /* Firefox */
	  -ms-overflow-style: none;  /* IE 10+ */
	}
	.container::-webkit-scrollbar { /* WebKit */
	  width: 0px;
	}
	#top{
		height: 5vh;
		position: fixed;
		z-index: 99;
		top: 0;
	}
	#bottom{
		display: block;
		height: 10vh;
		background-color: #666;
		width: 100%;
		position: fixed;
		bottom: 0;
		color: #aaa;
		padding: 0;
		margin-top: 0;
	}
	#main{
		padding-top: calc(5vh + 30px);
	}
	.box{
		position: fixed;
		bottom: 10vh;
		left: 55px;
		padding: 0;
	}
	nav{
		display: block;
	}
	nav ul li{
		list-style-type: none;
		font-size: 16px;
		font-size: 15px;
		line-height: 1.5em;
		text-align: right;
	}
	nav ul li a:link{
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	nav ul li a:hover, nav ul li a:active, nav ul li a:focus, nav ul li.active a{
		color: red;
	}
	#logo{
		width: 173px;
		margin: 50px 0 20px 0;
	}
	#main{
		width: calc(100% - 400px);
		float: right;
		padding-bottom: calc(10vh + 25px);
	}
	#main .inner{
		width: 85%;
		max-width: 800px;
		float: right;
	}
	#main .text{
		margin: 15px 5px 0 0px;
	}
	.start #main, .start #mid{
		height: 85vh;
	}
	.start #mid{
		margin-top: 5vh;
		overflow: hidden;

		position: relative;
	}
	.start #main{
		width: 75%;
		max-width: 800px;
		float: right;
		padding: 0;
	}
	.start #main img{
		/*position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		margin-top: 5vh;
		height: 75vh;
		float: right;
	}
	#wrapper.start{
		overflow: hidden;
	}
	#impr{
		position: absolute;
		top: 10px;
		left: 0px;
		font-size: 12px;
		letter-spacing: 2px;
		width: calc(173px + 55px);
		text-align: right;
	}
}
@media only screen and (min-width: 1070px) and (min-height: 800px){
	.start #main img{
		/*position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		position: absolute;
		bottom: 28px;
		right: 0;
		width: 59%;
		max-width: 800px;
		height: auto;
		float: none;
		margin-top: 0;
	}
}
@media only screen and (min-width: 640px){
	.showhim{
		width: 48%;
		float: left;
		margin-right: 2%;
	}
}
@media only screen and (min-width: 1070px){
	#main.projekte{
		height: 100%;
		float: right;
	}
	.pro #mid .inner-left{
		position: fixed;
		bottom: calc(10vh + 265px);
		left: 300px;
		padding-right: 550px;
		max-width: 800px;
	}
	.pro #main{
		padding-top: calc(5vh + 25px);
	}
	#projekte{
		width: 100%;
		max-width: 420px;
		float: right;
	}
	.showhim{
		float: none;
		margin-right: 0%;
		width: auto;
	}
	.showme {
	  opacity: 0;
		padding: 25px 10px;
		font-size: 18px;
		padding: 25px 10px;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.showhim:hover .showme {
		opacity: 1;
	}
}
@media only screen and (min-width: 1070px){
	.projekt .text{
		column-count: 2;
		column-gap: 40px;
		padding-bottom: 25px;
		orphans: 2;
	}
}
@media only screen and (min-width: 1070px){
	#sidrwrapper, #button-top{
		display: none;
	}
}