body {
	padding:80px 3px 100px 3px;
	height:60% !important;
}


.zentriert {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.zentriert-relative {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.zentriert-relative-top {
	position: relative;
	top: 10px;
	left: 50%;
	transform: translate(-50%, -10px);
}

.seite {
	max-width: 650px;
	min-height:calc(100% - 7px);
	margin: auto;
	text-align:center;
	align-items: center;
	background-color:#fff;
	padding:10px 10px 10px 10px;
	border:1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);
}

.seite-produktion {
	max-width: 650px;
	min-height:calc(100% - 7px);
	margin: auto;
	text-align:center;
	align-items: center;
	background-color:#fff;
	padding:10px 10px 10px 10px;
}

#container-eintraege {
	width:100%;
}

.border {
	border:1px solid #ccc;
}

.karte {
	width: 250px;
	border-round:10px;
	padding:0;
	margin:0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
}

.font-midle {
	font-size:12px;
}

.text-left {
	text-align:left;
}

.menu-button-zeile {
	font-size:14px;
	text-align: left;
}

.menu-button {
	padding-top:15px;
	padding-bottom:15px;
	font-size:18px;
	font-weight:bold;
	min-width:300px;
	border:1px solid blue;
	color:#fff;
	background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}

.menu-button-red {
	padding-top:15px;
	padding-bottom:15px;
	font-size:18px;
	font-weight:bold;
	min-width:300px;
	border:1px solid blue;
	color:#fff;
	background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}

.ve-button {
	padding-top:15px;
	padding-bottom:15px;
	font-size:18px;
	font-weight:bold;
	min-width:300px;
	border:1px solid blue;
	color:#000;
	background-image: linear-gradient(to top, #ccc 0%, #ddd 100%);
}
.ve-header {
	z-index:999; 
	width: 100%; 
	position:fixed; 
	top:0; left: 50%; 
	transform: translate(-50%, 0);
	background-image:linear-gradient(#eee, #ccc);
	padding:5px;
	text-align:center;
}

.ve-header h3 {
	text-shadow:2px 1px #aaa;
	color: white;
	text-shadow: 2px 2px 4px #000000;
}

.ve-footer {
	background-image:linear-gradient(#ccc, #eee);
	width:100%;
	margin:0;
	padding:10px;
	position:fixed;
	left:0px;
	bottom:0px;
	text-align:center;
	height:55px;
}

.modal-dialog {
	max-width:96%;
    -webkit-transform: translate(64px,-50%);
    -o-transform: translate(-64px,-50%);
    transform: translate(-64px,-50%);
    top: 80px;
    margin: -64px auto;
}

.close {
	color: white;
	margin-top:-35px !important; 
	margin-right:-10px !important; 
	height: 24px; 
	width:30px; 
	background-color:#DF0101 !important; 
	border-radius:5px; 
	border:1px solid #999 !important;
}


.modal-header {
	text-align:left;
	border-radius:10px 10px 0 0;
	font-size:18px;
	color:blue;
	background-color:#F3F781;
}

.modal-header h5 {
	font-size:18px;
}