@charset "utf-8";

div#highlights {

	transition:1s ;		

	background-color:#000000 ;

	position:relative ;
}

div.highlight1 {

	background-image:url("../media/highlights/nonnsense.jpg");

	background-position:bottom ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlight2 {

	background-image:url('../media/highlights/daellebach_org.jpg');

	background-position:right ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlight3 {

	background-image:url('../media/highlights/daellebach_zweit.JPG');

	background-position:right ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlight4 {

	background-image:url('../media/highlights/boing.jpg');

	background-position:right ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlight5 {

	background-image:url('../media/highlights/medea.jpeg');

	background-position:right ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlight6 {

	background-image:url('../media/highlights/shvu.jpg');

	background-position:right ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlight7 {

	background-image:url('../media/highlights/paradisecity.jpg');

	background-position:right ;
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_wrap {

	position:absolute ;

	margin-top:80vh ;

	right:4vh ;

}

div.highlightwahl_preview {

	transition:1s ;

	max-width:15vh ;
	max-height:15vh ;

	width:11vw ;
	height:11vw ;

	float:left ;

	margin-right:0.5vw ;

	border-width:3px ;
	border-color:#000000 ;
	border-style:solid ;

}

div.highlightwahl_preview:hover {

	cursor:pointer ;

}

div.highlightwahl_arrow {

	transition:1s ;

	max-width:7vh ;
	max-height:calc(15vh + 6px) ;

	width:5.5vw ;
	height:calc(11vw + 6px) ;

	float:left ;

	margin-right:0.5vw ;

	background-color:rgba(0,0,0,0.5);
}

div.highlightwahl_arrow:hover {

	cursor:pointer ;

}

div#highlightwahl_arrow_back {

	background-image:url(../media/arrowL.png);
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_arrow_cont {

	background-image:url(../media/arrowR.png);
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_preview_1 {

	background-image:url("../media/highlights/nonnsense_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

	border-color:#FFFFFF ;

}

div#highlightwahl_preview_2 {

	background-image:url("../media/highlights/daellebach_org_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_preview_3 {

	background-image:url("../media/highlights/daellebach_zweit_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_preview_4 {

	background-image:url("../media/highlights/boing_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_preview_5 {

	background-image:url("../media/highlights/medea_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_preview_6 {

	background-image:url("../media/highlights/shvu_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

}

div#highlightwahl_preview_7 {

	background-image:url("../media/highlights/paradisecity_preview.png");
	background-repeat:no-repeat ;
	background-size:cover ;

}

div.highlightdesc {

	transition:1s ;

	position:absolute;

	background-color:#00000069 ;
	color:#FFFFFF ;

	font-family:Arial, Helvetica, sans-serif;

	top:30vh ;

	padding:3vh ;


}

p.h_titel {

	font-size:4vh ;
	font-weight:600 ;

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

}

p.h_info {

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

}

div#highlightdesc1 {

	right:4vh ;
	display:inline ;

}

div#highlightdesc2 {

	left:4vh ;
	display:none ;

}

div#highlightdesc3 {

	right:4vh ;
	display:none ;

}

div#highlightdesc4 {

	left:4vh ;
	display:none ;

}

div#highlightdesc5 {

	right:4vh ;
	display:none ;

}

div#highlightdesc6 {

	left:4vh ;
	display:none ;

}

div#highlightdesc7 {

	left:4vh ;
	display:none ;

}

@media (max-width: 100vh) {

	div.highlight1 {
	
		background-position:40% 100% ;
	
	}
	
	div.highlight2 {
	
		background-position:50% 50% ;
	
	}
	
	div.highlight3 {
	
		background-position:0% 100% ;
	
	}
	
	div.highlight4 {
	
		background-position:40% 50% ;
	
	}
	
	div.highlight5 {
	
		background-position:30% 50% ;
	
	}
	
	div.highlight6 {
	
		background-position:35% 0% ;
	
	}
	
	div.highlight7 {

		background-position:100% 50% ;
	
	}
	
	div.highlightwahl_preview {
		
		display:none ;

	}

	div#highlightwahl_wrap {
	
		margin-top:0 ;
	
		right:4vh ;
		bottom:4vh ;
	
	}

	div.highlightwahl_arrow {
	
		width:15vw ;
		height:30vw ;

		max-width:15vw ;
		max-height:30vw ;
	
		margin-right:1vw ;
	
		background-color:rgba(0, 0, 0, 0.69);
	}

	div.highlightdesc {
	
		background-color:rgba(0, 0, 0, 0.69) ;
	
		bottom:38vw ;
		width:100% ;	
	
	}
	
	p.h_titel {
	
		font-size:4vh ;
		font-weight:600 ;
	
		margin-top:0 ;
		margin-bottom:1vh ;
	
	}
	
	p.h_info {
	
		font-size:3vh ;
		
		margin-top:1vh ;
		margin-bottom:0 ;
	
	}
	
	div#highlightdesc1 {
	
		right:auto ;
		left:auto ;
	
	}

	div#highlightdesc2 {
	
		right:auto ;
		left:auto ;
	
	}

	div#highlightdesc3 {
	
		right:auto ;
		left:auto ;
	
	}

	div#highlightdesc4 {
	
		right:auto ;
		left:auto ;
	
	}

	div#highlightdesc5 {
	
		right:auto ;
		left:auto ;
	
	}

	div#highlightdesc6 {
	
		right:auto ;
		left:auto ;
	
	}

	div#highlightdesc7 {
	
		right:auto ;
		left:auto ;
	
	}
	
}