.InfoBox {
	/* Position wird automatisch bestimmt */
	font: var(--main-font);
	font-size: 12px;
	background:var(--accent); color:var(--dark-blue);
	width:25em;
	padding:2em;
	border:2px solid var(--dark-blue);
	-webkit-box-shadow: -1px 1px 7px 0px #E2E2E2;
	box-shadow: -1px 1px 7px 0px #E2E2E2;
}
.InfoBox * { color:var(--dark-blue); font: var(--main-font)}
.InfoBox h2 { display:block; font-size:1.1em; font-weight:bold; margin:.25em 0; padding:0; }
/*.InfoBox a.close { display:block; width:100%; text-align:right; position:absolute; right:1em; top:1em;  }*/
.InfoBox img.close {
	display:block;
	max-width: 16px;
	max-height: 16px;
	text-align:right;
	position:absolute;
	right:1em;
	top:1em;
	content: url("icons/icon_close.svg");
}

.InfoBox img.close:hover {
	cursor:pointer;
}