.scroll-button,
.bg-hover,
.-bg-img,
.title-box,
.transparent,
a
{
    -webkit-transition: 200ms ease-out 0s;
    -moz-transition: 200ms ease-out 0s;
    -o-transition: 200ms ease-out 0s;
    transition: 200ms ease-out 0s;
}

.project-cover
{
		
    -o-transition: 500ms ease-out 0s;
    -webkit-transition: 500ms ease-out 0s;
    transition: 500ms ease-out 0s;
	-ms-transition: 500ms ease-out 0s;
    -moz-transition: 500ms ease-out 0s;
}
#bg-image-container
{
	/*
	IE/FF only
	*/
	-ms-transition: 500ms ease-out 0s;
    -moz-transition: 500ms ease-out 0s;
}

.visible, .invisible
{
    -webkit-transition: 200ms ease-out 0s;
    -moz-transition: 200ms ease-out 0s;
    -o-transition: 200ms ease-out 0s;
    transition: 200ms ease-out 0s;
}

.disable-transition
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition:none !important;
}

/*,
.background-attachment #arbeiten a*/


/*
#start,
#profil-kontakt
*/



	article,
	.article,
	.project-cover .title-box
	{
		padding:2rem
	}

.visible
{/*
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
	position:relative;
	bottom:0;
	opacity:1;
	*/
}

.invisible
{
	/*
		-webkit-transform:scale(.7,.7);
		-ms-transform:scale(.7,.7);
		-o-transform:scale(.7,.7);
		transform:scale(.7,.7);
	
	position:relative;
	bottom:-200px;
	opacity:0;*/
}

.transparent
{
	opacity:0;
}

.redirect #bg-image-container
{
	opacity:1;
}

li.redirect
{
	height:100vh !important;
}
li.redirect .title-box
{
	height:100%;
}

.project-cover .scroll-button
{
	position:relative;
	left:0;
	margin:1rem auto 0;
		display:block;
		width:3rem;
		height:3rem;
}

.slider-nav
{
	position:fixed;
	right:0;
	top:0;
}

.slider-nav .button-slide
{
	display:block;
	width:2rem;
	height:2rem;
	margin:1px;
	cursor:pointer;
	
	border:2px solid transparent;
}

.no-touch .project-bg > a
{
	border:0 solid #fff;
}
.no-touch .hover.project-bg > a,
.no-touch .project-bg > a:hover
{
	border:0rem solid #fff;
	background-color:rgba(255,255,255, .9);
}

@media screen and (max-width: 800px) 
{/*.background-attachmentno mobile*/
#profil-kontakt
{
	background-image:none
}

.project-cover
{
	background-size:cover !important;
}

}
.scroll-button
{/*
	display:none;*/
	height:0rem;
	position:absolute;
	margin-left:50%;
	left:-2rem;
	cursor:pointer;
}

@media screen and (min-width: 500px)
{
	article,
	.article
	{
		padding:2rem 4rem 0;
	}
	article:first-child,
	.article:first-child
	{
		padding-top:4rem;
	}
	article:last-child,
	.article:last-child
	{
		padding-bottom:4rem;
	}
	
}
/*zwei Spalten*/
@media screen and (min-width: 1000px)
{	
	a.bg-pattern:hover
	{
		background:none;
	}
	
	.scroll-button.scroll-main
	{
		position:fixed;
		left:auto;
		right:1rem;
		bottom:1rem;
	}
	.scroll-main,
	.no-touch li:hover .scroll-button
	{
		display:block;
		width:4rem;
		height:4rem;
	}
	.no-touch li:hover .scroll-button:hover
	{
		-webkit-transform:scale(1.2,1.2);
		-ms-transform:scale(1.2,1.2);
		-o-transform:scale(1.2,1.2);
		transform:scale(1.2,1.2);
	}
	
	
	.scroll-up
	{
		top:0rem;
	}
	.scroll-down
	{
		bottom:0rem;
	}
	
	.project-cover .scroll-button
	{
		width:4rem;
		height:4rem;
	}
	/*
	.project-list li:hover a:hover .title-box*/
	.no-touch a:hover .title-box,
	.hover a .title-box
	{/*
		transform:scale(1.2,1.2);
		text-shadow: 5px 5px 8px rgba(0,0,0,.5);*/
	}
	article,
	.article
	{
		padding:4rem 6rem 0;
	}
	article:first-child,
	.article:first-child,
	.-img-list li:first-child
	{
		padding-top:6rem;
	}
	article:last-child,
	.article:last-child
	{
		padding-bottom:6rem;
	}
	/*
	.project-detail,
	.-text:last-child
	{
		padding-bottom:4rem;
	}*/
}


@media screen and (min-width: 1500px)
{

	.touch .touch-bg-pattern,
	.bg-pattern,
	wrapper
	{
		background-image:url(img/bg-px.png);
		background-attachment:fixed;
		background-size:auto;
		background-repeat:repeat;
	}
}


@media screen and (min-width: 1400px) and (min-height: 800px)
{
	
	.no-touch a:hover .title-box
	{/*
		transform:scale(1.5,1.5);
		text-shadow: 5px 5px 8px rgba(0,0,0,.5);*/
	}
	
	article,
	.article
	{
		padding:4rem 10rem 0;
	}
	article:first-child,
	.article:first-child,
	.-img-list li:first-child
	{
		padding-top:10rem;
	}
	article:last-child,
	.article:last-child
	{
		padding-bottom:10rem;
	}
	
}