body {
	overflow	: hidden;
	padding		: 0;
	margin		: 0;

	color		: #222;
	background-color: #f57c00;
	font-family	: arial;
	font-size	: 100%;
	background: url("../images/blueprint.jpg");
	background-size: 50%;
}
.color{
	height:25px;
	width:25px;
	border-radius: 50%;
	background: blue;
	float:left;
	margin:2px;
}

.color_card .dreieck{
	width: 30px;
height: 30px;
-ms-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(45deg);
background: white;
position: absolute;
margin-top: 3px;
margin-left: 150px;
z-index: 0;
}
.text_card .dreieck{
	width: 30px;
height: 30px;
-ms-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(45deg);
background: white;
position: absolute;
margin-top: 3px;
margin-left: 130px;
z-index: 0;
}
.text_card{
	    height: 50px;
}

.color_btn i, .info_btn i{
	color:black;
}
.gravur_txt{
	position: absolute;
    top: 0px;
    left: 0px;
}

.close{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
}
.settingBox{
	position: absolute;
	right:100px;
	margin:0px;
	min-width:175px;
}
.colorSettings{
	padding-bottom: 20px;
}
.btn-floating{
	box-shadow: 0 2px 2px 0 red, 0 1px 5px 0 rgba(0,0,0,0.12), 0px 0px 7px 3px #03a9f4 !important;
}
.logo{
	position: absolute;
top: 10px;
left: 10px;
width: 60px;
}
.splash{
	position: absolute;
	z-index: 99999999;
	width: 300px;
	left: 35%;
	top: 35%;
	-webkit-animation-duration: 5s;
 	-webkit-animation-delay: 4s;
}
.fixed-action-btn ul li {
    margin-bottom: 10px;
	}