@media all {

	body{margin:0;font-family:Roboto;font-size:13px;background-color:transparent;}
	a:focus {outline: none;}
 	
	#gallery {position:relative;top:0;left:0;width:100%;z-index:1000;cursor:default;margin: 0px;}
	#gallery .cycle-container {display:block;position:absolute;top:0;left:0;right:0;bottom:0;cursor: -webkit-grab;cursor: grab;}
	#gallery .cycle-item {width: 100%; height: calc(100vw * 3 / 4); min-height:100vh; background-repeat: no-repeat; background-size:contain;background-position:center center}

	#hover-prev {position:fixed;top:0;bottom:0;left:0;width:7%;opacity:0.7;z-index:1000;		-webkit-transition:opacity 0.3s linear;  
		-moz-transition:opacity 0.3s linear;  
		-o-transition:opacity 0.3s linear;  
		transition:opacity 0.3s linear; 
}
	#hover-next {position:fixed;top:0;bottom:0;right:0;width:7%;opacity:0.7;z-index:1000;		-webkit-transition:opacity 0.3s linear;  
		-moz-transition:opacity 0.3s linear;  
		-o-transition:opacity 0.3s linear;  
		transition:opacity 0.3s linear;}
	#hover-prev:hover {opacity:1;}
	#hover-next:hover {opacity:1;}
	#hover-prev.disabled {display:none;}
	#hover-next.disabled {display:none;}
	.cycle-button {position:absolute;width: 5vh;height: 5vh;cursor:pointer;top:50vh;}
	.cycle-button path {fill:black;}
	#cycle-prev {
		
		-webkit-transform:scaleX(-1); 
		-ms-transform:scaleX(-1); 
		transform:scaleX(-1); 
		left:1vh;
		
	}
	#cycle-next {right: 1vh;}
	.cycle-item a { display: block; width: 100%; height: 100%;}
	
	a {color:black;text-decoration: none;}
	a:hover {text-decoration: underline;}
	
}

@media (min-aspect-ratio: 4/3) {
	#gallery {height:calc(100% * 3 / 4);}
}
@media (max-aspect-ratio: 4/3) {
	#gallery {top:0 !important;height:100vh;}
}
@media screen and ( min-width: 1601px )  {
	#item001.cycle-item {background-image:url("../images/1920x1200/002-WOLFSWERDER-living.jpg");}
	#item002.cycle-item {background-image:url("../images/1920x1200/003-WOLFSWERDER-living.jpg");}
}
@media screen and ( max-width: 1600px )  {
	#item001.cycle-item {background-image:url("../images/1600x1000/002-WOLFSWERDER-living.jpg");}
	#item002.cycle-item {background-image:url("../images/1600x1000/003-WOLFSWERDER-living.jpg");}
}
@media screen and ( max-width: 1024px )  {
	#item001.cycle-item {background-image:url("../images/1024x640/002-WOLFSWERDER-living.jpg");}
	#item002.cycle-item {background-image:url("../images/1024x640/003-WOLFSWERDER-living.jpg");}
}
@media screen and ( max-width: 640px )  {
	#item001.cycle-item {background-image:url("../images/640x400/002-WOLFSWERDER-living.jpg");}
	#item002.cycle-item {background-image:url("../images/640x400/003-WOLFSWERDER-living.jpg");}
}