/*   Styles Slider /// Mobile First   */


/*   H E R O S L I D E R   */

.content-container-slider {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255 1.0);
}

.content-container-top-image {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 1.0);
}

.content-container-heroimage {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 1.0);
}

.content-container-slider-offset {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;		
  opacity: 0;
}


.slider-nav-button {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background-color: rgba(255, 255, 255, 1.0);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-opacity: 0.33;
  -moz-opacity: 0.33;
  -ms-opacity: 0.33;
  -o-opacity: 0.33;		
  opacity: 0.33;
}

.slider-nav-button:hover {
  cursor: pointer;
  -webkit-opacity: 0.66;
  -moz-opacity: 0.66;
  -ms-opacity: 0.66;
  -o-opacity: 0.66;		
  opacity: 0.66;
}

#slide-1 {
  z-index: -1;
  background: url("../img/slideimages/image_01_mobile.jpg") no-repeat center center/cover;
}

#slide-2 {
  z-index: -2;
  background: url("../img/slideimages/image_02_mobile.jpg") no-repeat top center/cover;
}

#slide-3 {
  z-index: -3;
  background: url("../img/slideimages/image_03_mobile.jpg") no-repeat top center/cover;
}

#slide-4 {
  z-index: -4;
  background: url("../img/slideimages/image_04_mobile.jpg") no-repeat top center/cover;
}

#slide-5 {
  z-index: -5;
  background: url("../img/slideimages/image_05_mobile.jpg") no-repeat top center/cover;
}

/* Slidernavigation */

.slider-navigation-container {
  position: fixed; 
  bottom: 7.5vh;
  right: 7.5vw;
  text-align: left;
}

.slidernav-offset {
  bottom: -10vh;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;		
  opacity: 0;
}

.slidernav-item-active {
  width: 30px;
  -webkit-opacity: 1.0;
  -moz-opacity: 1.0;
  -ms-opacity: 1.0;
  -o-opacity: 1.0;		
  opacity: 1.0;
}

.slide-offset {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;		
  opacity: 0;
  width: 200vw;
  left: -50vw;
  top: 0;
}

/* Wrapper Typography */

.hero-typo-container {
  position: fixed;
  left: 7.5vw;
  bottom: 15.0vh;
  width: 90%;
  text-align: left;
}

.hero-typo-container-not-fixed {
  position: absolute;
}

.hero-typo-container-offset {
  bottom: 32.5vh;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;		
  opacity: 0;
}

.hero-typo-container-topset {
  z-index: 5;
}

/* Wrapper Herobutton */

.hero-button-container {
  position: fixed; 
  bottom: 6.25vh;
  left: 5.25vw;
  text-align: left;
}

.hero-button-container-not-fixed {
  position: absolute; 
}

.hero-button-container-offset {
  bottom: -20vh;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;		
  opacity: 0;
}

/*  Typo Animation  */

.text-extended {
  line-height: 200%; 
}


/*   END – H E R O S L I D E R   */

/*   - - - - - - - - - - - - - - - - - - - - -    */

/*   M E D I A Q U E R I E S   */


/*   Smartphone Landscape  */

@media only screen and (orientation: landscape){	

	.hero-typo-container {
		left: 6.25vw;
		bottom: 25vh; }

	#slide-1 {
  		background: url("../img/slideimages/image_01_landscape.jpg") no-repeat top left/cover; }

	#slide-2 {
  		background: url("../img/slideimages/image_02_landscape.jpg") no-repeat top left/cover; }

	#slide-3 {
  		background: url("../img/slideimages/image_03_landscape.jpg") no-repeat top left/cover; }
    
    #slide-4 {
  		background: url("../img/slideimages/image_04_landscape.jpg") no-repeat top left/cover; }

	#slide-5 {
  		background: url("../img/slideimages/image_05_landscape.jpg") no-repeat top left/cover; }
	}


/*   Tablet Portrait   */

@media only screen and (min-width: 600px) and (orientation: portrait){
	
	.hero-typo-container {
		left: 7.5vw;
		bottom: 17.5vh; }
	
	.hero-button-container {
  		left: 7.6vw; }

	.slider-navigation-container {
  		bottom: 12.5vh; }
	
	#slide-1 {
  		background: url("../img/slideimages/image_01_portrait.jpg") no-repeat center center/cover; }

	#slide-2 {
  		background: url("../img/slideimages/image_02_portrait.jpg") no-repeat center center/cover; }

	#slide-3 {
  		background: url("../img/slideimages/image_03_portrait.jpg") no-repeat center center/cover; }
    
    #slide-4 {
  		background: url("../img/slideimages/image_04_portrait.jpg") no-repeat center center/cover; }

	#slide-5 {
  		background: url("../img/slideimages/image_05_portrait.jpg") no-repeat center center/cover; }
	}

/*   Tablet Landscape   */

@media only screen and (min-width: 1000px) and (orientation: landscape){
	
	.hero-typo-container {
		left: 7.5vw;
		bottom: 17.5vh; }
	
	.hero-button-container {
  		left: 7.6vw; }

	.slider-navigation-container {
  		bottom: 12.5vh; }
	
	#slide-1 {
  		background: url("../img/slideimages/image_01_landscape.jpg") no-repeat center center/cover; }

	#slide-2 {
  		background: url("../img/slideimages/image_02_landscape.jpg") no-repeat center center/cover; }

	#slide-3 {
  		background: url("../img/slideimages/image_03_landscape.jpg") no-repeat center center/cover; }
    
    #slide-4 {
  		background: url("../img/slideimages/image_04_landscape.jpg") no-repeat center center/cover; }

	#slide-5 {
  		background: url("../img/slideimages/image_05_landscape.jpg") no-repeat center center/cover; }
	}

/*   Desktop Devices   */

@media only screen and (min-width: 1170px){
	
	.slider-navigation-container {
  		bottom: 12.0vh; }
	}

/*   Desktop Devices 1366   */

@media only screen and (min-width: 1366px){ }

/*   iPad Pro   */

@media only screen and (aspect-ratio: 1366/1024) { }