@charset "utf-8";

div.galeriewrap {

	width:100% ;
	
	padding-top:3.9vh ;
	
}

div.flipcard {
	
	float:left ;
	
	margin:0 ;
	padding:0 ;
	
	width:33.33% ;
	height:48.05vh ;
	
	position:relative ;
	
	-moz-perspective: 100rem;
	perspective: 100rem;
	
	/*transition:all ease-in-out 5s ;*/
	
	background-color:#000000 ;
	
}

div.galerieimage {

	width:100% ;
	height:100% ;
	
	position:absolute ;
	top:0 ;
	left:0 ;
	
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden ;
	
	transition:1s ;
	
	z-index:100 ;
	
}

div.detailimage {
	
	width:100% ;
	height:100% ;
	
	position:absolute ;
	top:0 ;
	left:0 ;
	
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden ;
	
	transition:1s ;
	transform:rotateY(180deg) ;
	
}

div.nachHinten {
	
	transform:rotateY(-180deg) ;

}

div.nachVorne {
	
	transform:rotateY(0) ;
	
}

div.galerieposition1 {

	transition-delay:0 ;
	
}

div.galerieposition2 {

	transition-delay:0.25s ;
	
}

div.galerieposition3 {

	transition-delay:0.5s ;
	
}

div.galerieposition4 {

	transition-delay:0.75s ;
	
}

div.galerieposition5 {

	transition-delay:1s ;
	
}

div.galerieposition6 {

	transition-delay:1.25s ;
	
}

/* INHALT HAUPGALERIE */

div#galerie1 {
	
	background-image:url("../media/galerie/nonnsense/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;	
	background-position:bottom ;
}

div#galerie2 {
	
	background-image:url("../media/galerie/shvu/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center-left ;
}

div#galerie3 {
	
	background-image:url("../media/galerie/rhs/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center ;
}

div#galerie4 {

	background-image:url("../media/galerie/hochzeit/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center ;
}

div#galerie5 {

	background-image:url("../media/galerie/ausbildung/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:80% center ;
}

div#galerie6 {

	background-image:url("../media/galerie/aboutme/1.png");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:40% center ;
}

div.galerieoverlay {
	
	visibility:hidden ;

	width:calc(100% - 4vh) ;
	height:calc(100% - 4vh) ;
	
	background-color:rgba(255,255,255,0.8) ;
	
	border:2vh ;
	border-color:#ffffff ;
	border-style:solid ;
	
	text-align:center ;
	font-family:helvetica ;
	
	cursor:pointer ;
	
}

div#galerie1:hover > #overlay1 {

	visibility:visible ;
	
}

div#galerie2:hover > #overlay2 {

	visibility:visible ;
	
}

div#galerie3:hover > #overlay3 {

	visibility:visible ;
	
}

div#galerie4:hover > #overlay4 {

	visibility:visible ;
	
}

div#galerie5:hover > #overlay5 {

	visibility:visible ;
	
}

div#galerie6:hover > #overlay6 {

	visibility:visible ;
	
}

p.showtitel {
	
	margin-top:25vh ;
	margin-bottom:0 ;

	font-weight:bold ;
	font-size:4.5vh ;
	
}

/* DETAILGALERIE MEDIA */

video.galerievideo {
	
	width:100% ;
	height:100% ;
	
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden ;
	
	display:none ;
	
}

div.nachVorne > video {

	display:block ;
	
}

div.detailaudio {
	
	background-color:#c7c7c7 ;
	
	text-align:center ;
	font-family:helvetica ;
	
}

p.audiotitel {
	
	margin-top:15vh ;
	
	font-size:4vh ;
	font-weight:bold ;
	
}

p.audioquelle {

	font-size:2vh ;
	
}

audio.galerieaudio {

	margin-top:5vh ;
	
}



/* INHALT DETAILGALERIE BESCHREIBUNG */

div.detaildesc {
	
	background-color:#FFFFFF ;
	
	text-align:center ;
	font-family:helvetica ;
	
}

p.detailtitel {

	margin-top:4vh ;
	margin-bottom:0 ;

	font-size:4vh ;
	font-weight:bold ;
	
}

p.detailyear {

	margin-top:3vh ;
	margin-bottom:0 ;

	font-size:3vh ;
	
}

p.detailtheater {

	margin-top:0 ;
	margin-bottom:0 ;
	
	font-size:2vh ;
	
}

p.detailrolle {

	margin-top:3vh ;
	margin-bottom:0 ;
	
	font-size:3vh ;
	
}

p.detailcreatives {
	
	margin-top:3vh ;
	margin-bottom:0 ;
	
	font-size:2vh ;
	
}

p.detailquelle {
	
	margin-top:0 ;
	margin-bottom:0 ;
	
	font-size:1vh ;
	
}

p.detailback {

	margin-top:3vh ;
	margin-bottom:0 ;
	
	font-size:3vh ;
	color:#c7c7c7 ;
	text-decoration:underline ;
	
}

/* INHALT DETAILGALERIE 1 */

div#detail1-1 {
	
	cursor:pointer ;
	
}

div#detail1-2 {
	
	background-image:url("../media/galerie/nonnsense/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 75% ;
	
}

div#detail1-3 {
	
	background-image:url("../media/galerie/nonnsense/3.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:60% center ;
	
}

div#detail1-4 {
	
	background-image:url("../media/galerie/nonnsense/4.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 60% ;
	
}

div#detail1-5 {

	background-image:url("../media/galerie/nonnsense/5.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:20% center ;
	
}

div#detail1-6 {

	background-image:url("../media/galerie/nonnsense/6.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 35% ;
	
}

/* INHALT DETAILGALERIE 2 */

div#detail2-1 {
	
	background-image:url("../media/galerie/shvu/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	
}

div#detail2-2 {
	
	cursor:pointer ;
	
}

div#detail2-3 {
	
	background-image:url("../media/galerie/shvu/3.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:50% center ;
	
}

div#detail2-4 {
	
	background-image:url("../media/galerie/shvu/4.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:45% center ;
	
}

div#detail2-5 {

	background-color:#000000 ;
	
}

div#detail2-6 {

	background-image:url("../media/galerie/shvu/6.png");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:30% center ;
	
}

/* INHALT DETAILGALERIE 3 */

div#detail3-1 {
	
	background-image:url("../media/galerie/rhs/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:45% center ;
	
}

div#detail3-2 {
	
	background-image:url("../media/galerie/rhs/2.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:55% center ;
	
}

div#detail3-3 {
	
	cursor:pointer ;
	
}

div#detail3-4 {
	
	background-image:url("../media/galerie/rhs/4.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 100% ;
	
}

div#detail3-5 {

	background-image:url("../media/galerie/rhs/5.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 55% ;
	
}

div#detail3-6 {

	background-image:url("../media/galerie/rhs/6.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:60% center ;
	
}

/* INHALT DETAILGALERIE 5 */

div#detail5-1 {
	
	background-image:url("../media/galerie/ausbildung/1.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:80% center ;
	
}

div#detail5-2 {
	
	background-image:url("../media/galerie/ausbildung/2.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:40% center ;
	
}

div#detail5-3 {
	
	background-image:url("../media/galerie/ausbildung/3.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:42% center ;
	
}

div#detail5-4 {
	
	
	
}

div#detail5-5 {

	cursor:pointer ;
	
}

div#detail5-6 {

	background-image:url("../media/galerie/ausbildung/6.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:35% center ;
	
}

/* INHALT DETAILGALERIE 6 */

div#detail6-1 {
	
	background-image:url("../media/galerie/aboutme/1.png");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:40% center ;
	
}

div#detail6-2 {
	
	
	
}

div#detail6-3 {
	
	background-image:url("../media/galerie/aboutme/3.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 35% ;
	
}

div#detail6-4 {
	
	background-image:url("../media/galerie/aboutme/4.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 15% ;
	
}

div#detail6-5 {

	background-image:url("../media/galerie/aboutme/5.jpg");
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center 40% ;
	
}

div#detail6-6 {

	cursor:pointer ;
	
}

@media (max-width: 100vh) {

	div.galeriewrap {
	
		padding-top:7vh ;
		
	}
	
	div.flipcard {
	
		width:50% ;
		height:46vh ;
		
		cursor:pointer ;
		
	}
	
	div#flipcard4 {
	
		display:none ;
		
	}
	
	div#flipcard5 {
	
		display:none ;
		
	}
	
	div.galerieposition6 {

		transition-delay:0.75s ;
	
	}
	
	/* NO OVERLAY FOR TOUCHSCREEN */
	
	div#galerie1:hover > #overlay1 {

		visibility:hidden ;
	
	}

	div#galerie2:hover > #overlay2 {

		visibility:hidden ;
		
	}

	div#galerie3:hover > #overlay3 {

		visibility:hidden ;
		
	}

	div#galerie4:hover > #overlay4 {

		visibility:hidden ;
		
	}

	div#galerie5:hover > #overlay5 {

		visibility:hidden ;
		
	}

	div#galerie6:hover > #overlay6 {

		visibility:hidden ;
		
	}
	
}

@media (max-width:70vh) {
	
	div.flipcard {
	
		width:50% ;
		height:31.2vh ;
		
	}
	
	div#flipcard4 {
	
		display:block ;
		
	}
	
	div#flipcard5 {
	
		display:block ;
		
	}
	
	div.galerieposition6 {

		transition-delay:1.25s ;
	
	}
	
	p.detailtitel {

		margin-top:2vh ;
		margin-bottom:0 ;

		font-size:3vh ;
		font-weight:bold ;
		
	}

	p.detailyear {

		margin-top:2vh ;
		margin-bottom:0 ;

		font-size:2vh ;
		
	}

	p.detailtheater {

		margin-top:0 ;
		margin-bottom:0 ;
		
		font-size:1.5vh ;
		
	}

	p.detailrolle {

		margin-top:2vh ;
		margin-bottom:0 ;
		
		font-size:2vh ;
		
	}

	p.detailcreatives {
		
		margin-top:2vh ;
		margin-bottom:0 ;
		
		font-size:1.5vh ;
		
	}

	p.detailquelle {
		
		margin-top:0 ;
		margin-bottom:0 ;
		
		font-size:1vh ;
		
	}

	p.detailback {

		margin-top:2vh ;
		margin-bottom:0 ;
		
		font-size:2vh ;
		color:#c7c7c7 ;
		text-decoration:underline ;
		
	}
	
}