/**
 * PgwModal - Version 2.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
body.pgwModalOpen {
    overflow: none;
}

#pgwModalBackdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}

#pgwModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index : 9010;
    overflow-x: none;
    overflow-y: none;
    text-align: center;
}

#pgwModal .pm-body {
    display: inline-block;
    max-width: 100%; /* 80% */
    min-width: 30%;
    position: relative;
    width: 80%;
    z-index: 9020;
    margin-top: 10px;
}

#modalContent {
	display: block;
	width: 100%;
	}
	
#modalesBild {
	display: block;
	width: 100%;
	}	

/**
 * NOTICE:
 * If you want to update the modal rendering, please only edit the content below.
 * And if you update a class name, remember to specify it in the plugin configuration.
 * Please don't change the class names prefixed by "pm-".
 */
 	
/***************************************************************/
/*                                                             */
/*           Media-Queries für das responsive Design           */
/*                                                             */
/***************************************************************/

/* Mobile */

@media (max-width: 400px) {
	

  #pgwModal .pm-container {
	  margin: 7.5%; /* 10px */
  }	

  .pgwModalBackdrop {
	  background: #000;
	  opacity: 0.4; /* 0.6*/
	  filter: alpha(opacity=80); /* 60 */
  }
  
  .pgwModal .pm-body {
	  background-color: #fff;
	  border-radius: 0px;
	  -webkit-box-shadow: 0 0px 5px 2px #555;
	  box-shadow: 0 0px 5px 2px #555;
  }
  
  .pgwModal .pm-title {
	  background: #fff; /* #e5e5e5 */
	  color: #fca633; /* fca633*/
	  padding: 1% 10% 1% 10%; /* 5px 0 6px */
	  border-bottom: 1px solid #d5d5d5;
	  border-radius: 5px 5px 0 0;
	  font-size: 4.0vw;
	  min-height: 25px;
  }
  
  .pgwModal .pm-content {
	  background: #fca633; /* #fff */
	  padding: 2.5% 2.5% 1.0% 2.5%;
	  margin: 0%;
	  border-radius: 0px 0px 5px 5px;
	  text-align: left;
  }
  
  .pgwModal .pm-close {
	  cursor: pointer;
	  position: absolute;
	  top: 2.4%;
	  right: 2.4%;
  }
  
  .pgwModal .pm-close span.pm-icon {
	  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
	  display: block;
	  height: 20px; /* 20px */
	  width: 20px; /* 20px */
  }

}

/* Small Tablets */
@media (min-width: 401px)and (max-width: 850px) {
	
  #pgwModal .pm-container {
	  margin: 10% 15% 15% 15.0%; /* 10px Größe des gesamten Modal*/
  }	

  .pgwModalBackdrop {
	  background: #000;
	  opacity: 0.4; /* 0.6*/
	  filter: alpha(opacity=80); /* 60 */
  }
  
  .pgwModal .pm-body {
	  background-color: #fff;
	  border-radius: 0px;
	  -webkit-box-shadow: 0 0px 5px 2px #555;
	  box-shadow: 0 0px 5px 2px #555;
  }
  
  .pgwModal .pm-title {
	  background: #fff; /* #e5e5e5 */
	  color: #000; /* fca633*/
	  padding: 1% 10% 1% 10%; /* 5px 0 6px */
	  border-bottom: 1px solid #d5d5d5;
	  border-radius: 5px 5px 0 0;
	  font-size: 3.0vw;
	  min-height: 25px;
  }
  
  .pgwModal .pm-content {
	  background: #fca633; /* #fff */
	  padding: 2.5% 2.5% 1.0% 2.5%;
	  margin: 0%;
	  border-radius: 0px 0px 5px 5px;
	  text-align: left;
  }
  
  .pgwModal .pm-close {
	  cursor: pointer;
	  position: absolute;
	  top: 2.4%;
	  right: 2.4%;
  }
  
  .pgwModal .pm-close span.pm-icon {
	  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
	  display: block;
	  height: 20px; /* 20px */
	  width: 20px; /* 20px */
  }

}


  /* Desktops, small */
@media (min-width: 851px) and (max-width: 1199px) {
	
  #pgwModal .pm-container {
	  margin: 3% 20% 25% 20.0%; /* 10px Größe des gesamten Modal*/
  }	

  .pgwModalBackdrop {
	  background: #000;
	  opacity: 0.4; /* 0.6*/
	  filter: alpha(opacity=80); /* 60 */
  }
  
  .pgwModal .pm-body {
	  background-color: #fff;
	  border-radius: 0px;
	  -webkit-box-shadow: 0 0px 5px 2px #555;
	  box-shadow: 0 0px 5px 2px #555;
  }
  
  .pgwModal .pm-title {
	  background: #fff; /* #e5e5e5 */
	  color: #000; /* fca633*/
	  padding: 1% 10% 1% 10%; /* 5px 0 6px */
	  border-bottom: 1px solid #d5d5d5;
	  border-radius: 5px 5px 0 0;
	  font-size: 2.0vw;
	  min-height: 25px;
  }
  
  .pgwModal .pm-content {
	  background: #fca633; /* #fff */
	  padding: 2.5% 2.5% 1.0% 2.5%;
	  margin: 0%;
	  border-radius: 0px 0px 5px 5px;
	  text-align: left;
  }
  
  .pgwModal .pm-close {
	  cursor: pointer;
	  position: absolute;
	  top: 2.4%;
	  right: 2.4%;
  }
  
  .pgwModal .pm-close span.pm-icon {
	  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
	  display: block;
	  height: 20px; /* 20px */
	  width: 20px; /* 20px */
  }

}

  /* Desktops, big */
@media (min-width: 1200px) and (max-width: 4000px) {
	
  #pgwModal .pm-container {
	  margin: 0.0% 25.0% 25.0% 25.0%; /* 10px Größe des gesamten Modal*/
  }	

  .pgwModalBackdrop {
	  background: #000;
	  opacity: 0.4; /* 0.6*/
	  filter: alpha(opacity=80); /* 60 */
  }
  
  .pgwModal .pm-body {
	  background-color: #fff;
	  border-radius: 0px;
	  -webkit-box-shadow: 0 0px 5px 2px #555;
	  box-shadow: 0 0px 5px 2px #555;
  }
  
  .pgwModal .pm-title {
	  background: #fff; /* #e5e5e5 */
	  color: #000; /* fca633*/
	  padding: 1% 10% 1% 10%; /* 5px 0 6px */
	  border-bottom: 1px solid #d5d5d5;
	  border-radius: 5px 5px 0 0;
	  font-size: 18px; /* Schriftgröße im modal Kopf */
	  min-height: 25px;
  }
  
  .pgwModal .pm-content {
	  background: #fca633; /* #fff, #4a8686 */
	  padding: 0.3% 0.3% 0.3% 0.3%;
	  margin: 0%;
	  border-radius: 0px 0px 0px 0px;
	  text-align: left;
  }
  
  .pgwModal .pm-close {
	  cursor: pointer;
	  position: absolute;
	  top: 1.2%;
	  right: 2.4%;
  }
  
  .pgwModal .pm-close span.pm-icon {
	  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
	  display: block;
	  height: 20px; /* 20px */
	  width: 20px; /* 20px */
  }

}