body { background-color:#EEEEEE; }

.warn{width:64px !important; height:64px !important;}

.jna, .posst, .absolut {position:absolute;top:-99999em;left:-99999em;}

.custom-wrapper-class {
  width:1000px;
  height:800px;
  margin: 0 auto;
  background-color: #eee;
}

		.button {  
		            font-size:1em;
					font-weight:bold;
		            /*position:absolute;*/
					text-align:center;
		            top:0;
				    right:0;
					left:0;
					margin:0 auto;
					width:80px;
		            z-index:99999;
					color:#fff;;
					font-family: Arial;
					text-decoration: none;
					padding: 10px 15px;
					background:rgba(255,0,0, 0.65);
					border-radius:0 0 6px 6px;
		       }
			   
	   .button:hover{
		   background-color: rgba(30,144,255,0.65);
        	}
	    
	    p.notice{
			     font-size:1.4em;
				 font-weight:800;
				 position: absolute;
				 text-align:center;
                 top:0;
				 margin:0 auto;
				 left:0;
				 z-index:99999;
				 color:#FFF;
				 background-color:#ff0000;
				 padding:5px 0 8px 0px;
				 width:100%;
				}

.successMessage{ font-size:1em;
	             text-align:center;
				 position:absolute;
				 top:0;
				 left:0;
				 z-index:10000;
				 color:#000;
				 background-color:#ff0;
				 width:100%;
				 padding:5px 0 8px 0px;
				 text-transform: uppercase;
				 word-spacing:2px;
				}
				
p img.warn{margin:-5px 7px 0px 0;vertical-align:middle;}


/* DOWNLOAD BUTTON FINAL */

#show_div {
  position: fixed;
  top: 0 !important;        /* GANZ OBEN */
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  visibility: hidden;
  margin: 0 !important;
  padding: 0 !important;
}



/* ===== WARNHINWEIS ===== */
#noticeBox {
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.75);
  color: #FF0000;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 18px 24px;
  border: 2px solid magenta;
  border-radius: 6px;
  z-index: 9999;
  text-align: center;
  max-width: 90%;
  display: none;
  line-height: 1.8em;   /* ruhig & kompakt */
}


/* 🍎 Apfel-Fall-Animation */
@keyframes dropDown {
  0%   { top: -200px; }
  70%  { top: 28%; }
  85%  { top: 23%; }
  100% { top: 25%; }
}

/* ===== SCHLIESSEN (X) ===== */
#noticeClose {
  position: absolute;
  top: -2px;
  right: 1px;

  font-size: 26px;
  font-weight:normal;
  color: dodgerblue;

  padding: 0px 2px;
  cursor: pointer;
  line-height: 1;
  user-select: none;
}

#noticeClose:hover {
  opacity: 0.75;
}