/* Portfolio  */

@media screen and (min-width: 1900px) {
	
.slideshow {
 
  width: 100%;
  height:100%;
  margin: 50px 0;
  background-image:url('../img/background/Anwendungsgebiete/Anwendungsgebiete_max.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}

/* Slideshow container */
.slideshow .mySlides {
  width: 140px;
  height:240px;
  padding-top: 5%;
  padding-left:30%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  /*
  position:relative;
  display:inline;
  text-align:center;
  */
  
}


img {
	vertical-align: middle;
	}

.img1 {
	vertical-align: middle;
	width: 250px;
	 display:inline;
     text-align:center;
	
	}

.img2 {
	vertical-align: middle;
	width: 750px;
	 display:inline;
	text-align:center;
	}
	
.img3 {
	vertical-align: middle;
	width: 700px;
	padding-left:60px;
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:-300px 300px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;
}


.text2 {

  color: #f2f2f2;
  font-size: 15px;
  margin:30px 180px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:30px 180px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;
 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

}

@media screen and (min-width: 1367px) and (max-width: 1899px) {
.slideshow {
 
  width: 100%;
  height:100%;
  background-image: url('');
  margin: 50px 0;
  background-image:url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

/* Slideshow container */
.slideshow .mySlides {
  width: 140px;
  height:240px;
  padding-top: 5%;
  padding-left:28%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  /*
  position:relative;
  display:inline;
  text-align:center;
  */
  
}


img {
	vertical-align: middle;
	}

.img1 {
	vertical-align: middle;
	width: 250px;
	 display:inline;
     text-align:center;
	}

.img2 {
	vertical-align: middle;
	width: 750px;
	 display:inline;
	text-align:center;
	}
	
.img3 {
	vertical-align: middle;
	width: 700px;
	padding-left:60px;
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:-300px 300px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;
}


.text2 {

  color: #f2f2f2;
  font-size: 15px;
  margin:30px 180px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:30px 180px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;
 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

}

@media screen and (min-width: 1360px) and (max-width: 1366px) {


.slideshow {
 	
  width: 100%;
  height:100%;
  /*background-image: url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1280.jpg');*/
  background-image:url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 50px 0;
  
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

/* Slideshow container */
.slideshow .mySlides {
    
  width: 140px;
  height:240px;
  padding-top: 5%;
  padding-left:20%;
  position:relative;
  display:inline;
  text-align:center;
    
}


.img1 {
	/*vertical-align: middle;*/
	width: 200px;
	
	}
	
.img2 {
	vertical-align: middle;
	width: 550px;
	
	}
	
.img3 {
	vertical-align: middle;
	width: 500px;
	padding-left:60px;
	
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:-250px 250px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 
}


.text2 {

   color: #f2f2f2;
  font-size: 15px;
  margin:15px 100px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:15px 100px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;

 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

}
	
@media screen and (min-width: 1280px) and (max-width: 1359px) {
.slideshow {
 
  width: 100%;
  height:100%;
  margin: 50px 0;
  background-image:url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 
  
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

/* Slideshow container */
.slideshow .mySlides {
  width: 140px;
  height:240px;
  padding-top: 5%;
  padding-left:20%;
  position:relative;
  display:inline;
  text-align:center;
  
  
}


img {
	vertical-align: middle;
	}

.img1 {
	vertical-align: middle;
	width: 250px;
	 display:inline;
     text-align:center;
	}

.img2 {
	vertical-align: middle;
	width: 750px;
	 display:inline;
	text-align:center;
	}
	
.img3 {
	vertical-align: middle;
	width: 700px;
	padding-left:60px;
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:-300px 300px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;
}


.text2 {

  color: #f2f2f2;
  font-size: 15px;
  margin:30px 180px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:30px 180px;
  position: relative;
  bottom: 8px;
  width: 400px;
  height: 200px;
  text-align: center;

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;
 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

}

@media screen and (min-width: 800px) and (max-width: 1279px) {
	

.slideshow {
 
  width: 100%;
  height:100%;
  /*background-image: url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1280.jpg');*/
  background-image:url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 50px 0;
  
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

/* Slideshow container */
.slideshow .mySlides {
    
  width: 140px;
  height:240px;
  padding-top: 5%;
  padding-left:20%;
  position:relative;
  display:inline;
  text-align:center;
    
}


.img1 {
	/*vertical-align: middle;*/
	width: 200px;
	
	}
	
.img2 {
	vertical-align: middle;
	width: 550px;
	
	}
	
.img3 {
	vertical-align: middle;
	width: 500px;
	padding-left:60px;
	
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:-250px 250px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 
}


.text2 {

   color: #f2f2f2;
  font-size: 15px;
  margin:15px 100px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:15px 100px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;

 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
	
	

}

@media screen and (min-width: 640px) and (max-width: 799px) {


.slideshow {
 
  width: 100%;
  height:100%;
  margin: 50px 0;
  background-image:url('../img/background/Anwendungsgebiete/Anwendungsgebiete_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 800px 400px;
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

/* Slideshow container */
.slideshow .mySlides {
  width: 140px;
  height:100px;
  /*padding-top: 10%;
  padding-left:28%;*/
   display:inline;
  text-align:center;
  margin:-5px auto;
  
}


.img1 {
	/*vertical-align: middle;*/
	width: 130px;
	height:250px;
	margin:10px 100px;
	padding-left:-100px;
	}
	
.img2 {
	vertical-align: middle;
	width: 350px;
	margin-left:-110px;
	margin-top: 10px;
	}
	
.img3 {
	vertical-align: middle;
	width: 330px;
	margin-left:-110px;
	margin-top: 10px;
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:-150px -230px;
  position: relative;
  bottom: 8px;
  width: 300px;
  height: 50px;
  text-align: center;
 
}


.text2 {

   color: #f2f2f2;
  font-size: 15px;
  margin:15px -95px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:15px -95px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;
 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
	
}

@media screen and (min-width: 360px) and (max-width: 639px) {
	

.slideshow {
 
  width: 100%;
  height:100%;
  margin: 50px 0;
  background:#2f363e;
}

.slideshow .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
}

/* Slideshow container */
.slideshow .mySlides {
  width: 140px;
  height:140px;
  /*padding-top: 10%;
  padding-left:28%;*/
   display:inline;
  text-align:center;
  margin:-5px auto;
  
}


.img1 {
	/*vertical-align: middle;*/
	width: 180px;
	
	margin-top: -5px;
	margin:10px -10px;
	
	}
	
.img2 {
	vertical-align: middle;
	width: 350px;
	margin-left:-110px;
	margin-top: 50px;
	}
	
.img3 {
	vertical-align: middle;
	width: 350px;
	margin-left:-110px;
	margin-top: 50px;
	}

/* Slideshow container */
.slideshow-container {
    position: relative;
	
 }

/* Caption text */

.text {

  color: #f2f2f2;
  font-size: 15px;
  margin:15px -90px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 
}


.text2 {

   color: #f2f2f2;
  font-size: 15px;
  margin:15px -90px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;

}

.text3 {

  color: #f2f2f2;
  font-size: 15px;
  margin:15px -90px;
  position: relative;
  bottom: 8px;
  width: 350px;
  height: 50px;
  text-align: center;
 

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 400px 5px;
 
  background-color:#bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;

}

.active {
  background-color:white; /* #717171; */
 }


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
	
	

}