.maxstyle {
	margin: 0;
	padding:0; 
	border: 0; 
	width: 100%; /* IE soll wie gewünscht interpretieren */
	min-height: 100%; /* IE soll wie gewünscht interpretieren */
	height: auto; /* IE soll wie gewünscht interpretieren */
	height: 100%; /* IE soll wie gewünscht interpretieren */
	position: relative;
	z-index:0;
	transition:  opacity 0.2s ease-in;
	/*transition:  left 0.4s ease-in-out;*/
	/*transition: all 1.25s ease-in;*/
}

.ButtonHeader {
	width: auto; 
	height: 20px; 
	margin: 0;
	font-size: small;
	color: #FFFFFF;
	position:relative;
	text-align: center;
	}

.maxstyle.aus {
	opacity: 0;
	float:left;
	/*left: -100%;*/
}
.maxstyle.ein {
	opacity: 1;
	/*left: 0%;*/
}
.round-button {
	width:150px; 
	float:left;
	margin: 20px;
	/*transform: scale(2); geht!*/
	/*:hover: transform: scale(1.1);*/
    transition: transform .25s ease-out;
}
.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:3px solid #cfdcec;
    overflow:hidden;
    background: #1BCAD3; /*#4679BD; */
    box-shadow: 10px 10px 10px black;
    transition: transform .25s ease-out;
}
.round-button-circle:hover {
	cursor: pointer;
    border-radius: 50%;
	border:3px solid #345678;
    overflow:hidden;
	background:#B9F4FF;
	color:black;
    box-shadow: 10px 10px 10px black;
    transform: scale(1.2);
}

.round-button a {
	display: block;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1.1em;
	text-align:center;
	color:black;
    /*font-family:Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	font-family: Verdana;
    font-size:1.2em;
    text-decoration:none;
}
.round-button.t1 a {
	margin-top:-0.6em;
}
.round-button.t2 a {
	margin-top:-1.05em;
}
.round-button.t3 a {
	margin-top:-1.5em;
}