/**
 * Kastanie Eins Messenger-CSS
 * @author   
 * ______________________________________________________
 * 
 * K A S T    Kastanie Eins
 * A N I E    Agentur für Kommunikation und Serious Games
 * E I N S    (c) 2016
 * ______________________________________________________
 *
 * Clemens Petzold, M.A. (clemens.petzold@kastanie-eins.de)
 * 
 */

div.kemessager {
   background-image: url("../images/messagebg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    left: 40%;
    min-height: 215px;
    position: absolute;
    top: 25%;
    width: 25%;
	padding:10px;
    z-index: 2;
}


/* Mobile */
@media only screen and (max-width: 720px) {
  div.kemessager {
    width: 90%;
    height: 90%;
    top:5%;
    left:5%; 
  }
	
  div.kemessager div{
	padding-top:20px;
	}
	
  div.kemessager h1 {
	padding-top:20px;
	}
	div.kemessager a.close:before {
	  position: absolute;
	  font-size: 1.5rem;
	  padding-top:20px;
	  color: #000;
	  right: 1.5rem;
	  text-shadow: 0 0 5px #000000;
      font-weight:bold;
	  content: 'x';
	}
}


div.kemessager div {
  font-size: 1.5rem;
  width: 100%;
  max-width: 400px;  
  text-align:center;
  margin: auto;
  color: #000;
  text-shadow: 0 0 5px #000000;
  font-weight:bold;
}

div.kemessager h1 {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align:center;
  color: #000;
  text-shadow: 0 0 3px #000000;
  font-weight:bold;
}

div.kemessager a.close:before {
  position: absolute;
  font-size: 2.5rem;
  text-shadow: 0 0 5px #000000;
  font-weight:bold;
  color: #000;
  right: 3.5rem;
  
  content: 'x';
}