body {
display: flex;
justify-content: center;
#align-items: center;

}


 
.footer {
	font-size: 14px;
	width: 100%;
	height: 30px;
	color: white;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1D2259), color-stop(100%, #1D2259));
	border: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	} 

.flex-container {
	display: flex;
	justify-content: center;
	#align-items: center;
	display: -webkit-flex;  // für alte Webkit-Browser
    display: -ms-flexbox;   // IE 10
	}


@media all and (min-width: 30em) {
	.flex-container {
		flex-direction: row;
	}
}

.flex-item {
	#border: 1px solid;
	margin: .2em;
	padding: .2em;
	background: #ffffff;
}

.flex-item:nth-of-type(1) {
	background: #ffffff;
}

.flex-item:nth-of-type(2) {
	background: #ffffff;
}

.flex-item:nth-of-type(3) {
	background: #ffffff;
}



.button_wisatools {
	width: 100%;
	height: 30px;
	color: white;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1D2259), color-stop(100%, #1D2259));
	border: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		
}

.button {
	width: 220px;
	height: 60px;
	color: white;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #093c71), color-stop(100%, #093c71));
	border: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	
}