/* Infobox Slide Startseite */

#infomail-alert-container {
	position: static;
	margin-bottom: 1rem;
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #333333;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	border-radius: 5px;
	box-sizing: border-box;
	box-sizing: border-box;
}

@-webkit-keyframes fade_in {
		from   {margin-top:-85px;}
		to {margin-top:0;}
}
@keyframes fade_in {
		from   {margin-top:-85px;}
		to {margin-top:0px;}
}

@-webkit-keyframes fade_out {
		from   {margin-top:0;}
		to {margin-top:-85px;}
}
@keyframes fade_out {
		from   {margin-top:0;}
		to {margin-top:-85px;}
}

.fadein {
	top: auto;
	margin-top: 0;
	-webkit-animation-name: fade_in;
	-webkit-animation-duration: 1s;
	animation-name: fade_in;
	animation-duration: 1s;
}

.fadeout {
	top: auto;
	margin-top: -85px;
	-webkit-animation-name: fade_out;
	-webkit-animation-duration: 2s;
  animation-name: fade_out;
  animation-duration: 1s;
} 



#infomail-alert-content {
	padding: 10px;
}

/*#infomail-alert-content p { margin-top: 4px; }*/
#infomail-alert-content p { margin: 4px 0; }

.infomail-flex-container {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
.infomail-flex-container p,
.infomail-flex-container div {
	flex: 0 1 auto;
}
.infomail-flex-container #p1 { flex-basis: 70%; }
.infomail-flex-container #p2 { flex-basis: 25%px; }
#infomail-alert-close { flex-basis: 5%; text-align: right; }

#infomail-alert-close-button {
	opacity: 0.5;
	width: 18px;
	padding: 2px;
	text-align: center;
}
#infomail-alert-close-button:hover { opacity: 1; }

#infomail-alert-content button {
	display: inline-block;
	padding: 5px 10px;
	font-size: 1.1em;
}
#infomail-alert-b1, #infomail-alert-b2 { cursor: pointer; font-weight: 400; border-radius: 3px; border: 1px solid #999; margin-left: 1em; }
#infomail-alert-b1 { background-color: #eee; }
#infomail-alert-b2
{
	background-color: #ff1b00;
	color: white;
}

@media (max-width: 980px) {
	#infomail-alert-container {
		left: auto;
		right: 0.5em;
	}
}